/* The site has three priority product lines, not a general medical catalogue. */
.solution-grid { grid-template-columns:repeat(3,1fr); }
.catalogue { display:flex; flex-direction:column; }
#molecular { order:1; }
#clinical { order:2; }
#respiratory { order:3; }
#infection-prevention { display:none !important; }
@media (max-width:900px) { .solution-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) { .solution-grid { grid-template-columns:1fr; } }

.reference-specs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:29px 0 4px; background:#c8dcdd; border:1px solid #c8dcdd; }
.reference-specs > p { grid-column:1 / -1; margin:0; padding:11px 15px; color:#196e69; background:#eaf6f3; font:500 9px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.reference-specs > div { min-height:110px; padding:16px 15px; background:#f8fbfb; }
.reference-specs span,.reference-specs small { display:block; color:#54727a; font-size:10px; line-height:1.45; }
.reference-specs strong { display:block; margin:5px 0 4px; color:#0b3446; font-size:25px; line-height:1.05; letter-spacing:-.07em; }
@media (max-width:900px) { .reference-specs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .reference-specs { grid-template-columns:1fr; }.reference-specs > div { min-height:0; }.reference-specs strong { font-size:23px; } }

.legal-header { border-bottom:1px solid var(--line); }
.legal { max-width:1000px; padding-top:84px; padding-bottom:110px; }
.legal h1 { font-size:clamp(52px,7vw,88px); }
.legal-lead { max-width:700px; margin-bottom:56px; color:#496873; font-size:17px; line-height:1.75; }
.legal section { max-width:760px; padding:25px 0; border-top:1px solid var(--line); }
.legal section h2 { margin-bottom:10px; font-size:24px; letter-spacing:-.045em; }
.legal section p { margin:0; color:#4e6c76; font-size:14px; line-height:1.8; }
.legal section a,.rfq-note a,.footer-top p a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:600px) { .legal { padding-top:58px; padding-bottom:70px; }.legal-lead { margin-bottom:38px; font-size:15px; }.legal section { padding:20px 0; } }
