/* Instruments & automation (built by scripts/build-instruments.mjs). The pages
   reuse the HYDRAMEM and Standard Products stylesheets; these rules only fit
   those patterns to the instrument content. Hand-edited, no src twin. */

/* Two category cards share the row instead of half-filling a four-up grid. */
@media (min-width: 1181px) {
  #mem-page#mem-page .memgrid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; }
}

/* The brochure button under the landing's category cards. */
.ia-brochure { margin-top: clamp(24px, 3vw, 36px); }

/* The deck's "Types of ..." overview tables on the category pages. */
.ia-types { margin-top: clamp(18px, 1.8vw, 26px); background: #ffffff; }
.ia-types .mcat-table td, .ia-types .mcat-table th { vertical-align: top; line-height: 1.55; }
.ia-types .mcat-table tbody th { white-space: normal; }

/* Light blue boxes: one column per box up to four, the care steps stacked. */
.mcat-feat.ia-feat--1 { grid-template-columns: minmax(0, 760px); }
@media (min-width: 621px) {
  .mcat-feat.ia-feat--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1081px) {
  .mcat-feat.ia-feat--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.mcat-feat.ia-feat--stack { grid-template-columns: minmax(0, 1fr); }
.mcat-feat .mcat-feat__body + .mcat-feat__body { margin-top: 8px; }

/* The leaflets' "(Monitor/transmitter/controller)" line under an analyser's name. */
.ia-chips { margin: 0 0 16px; }

/* Each model of a range, or the field version of an instrument. */
.mcat-body .ia-model { padding-top: 36px; border-top: 1px solid #e8eff5; scroll-margin-top: 96px; }
.mcat-body > .ia-model:first-child { padding-top: 0; border-top: 0; }
.ia-model .mcat-feat { margin-top: 22px; }
.mcat-body #range { scroll-margin-top: 96px; }
.ia-care .mcat-feat { margin-top: 6px; }