/* SicuroBio v2 — "Lab data sheet" design system.
   Paper and graphite, one cobalt signal colour, serif headlines,
   monospace for data, hairline rules, square corners, numbered sections. */

@font-face{font-family:"SB Serif";src:url(../fonts/serif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"SB Serif";src:url(../fonts/serif-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"SB Mono";src:url(../fonts/mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  /* Brand colours sampled from the SicuroBio logo: green #0b8275, orange #f69b16. */
  --paper:#f5f6f2;--sheet:#fff;--ink:#0f1f1d;--graphite:#2b3937;--muted:#56625f;--faint:#8a9592;
  --rule:#d4dad5;--rule-soft:#e5e9e5;
  --brand:#0b8275;--brand-deep:#0a3f39;--accent:#f69b16;--accent-tint:#fef3e2;
  --signal:#087266;--signal-hover:#065e55;--signal-tint:#e7f3f1;
  --alert:#a4231b;--alert-tint:#fbeceb;
  --serif:"SB Serif","Iowan Old Style","Palatino Linotype",Charter,Georgia,serif;
  --mono:"SB Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wrap:1240px;--gut:16px;--hair:1px solid var(--rule);--line:1px solid var(--ink);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
}
@media (min-width:720px){:root{--gut:32px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
@media (min-width:720px){body{font-size:17px}}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:var(--signal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--signal-hover);text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
h1,h2,h3,h4{margin:0 0 var(--s4);color:var(--ink);text-wrap:balance}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
h1{font-size:clamp(2.25rem,1.6rem + 3vw,4rem);line-height:1.04}
h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.25rem);line-height:1.12}
h3{font:600 1.0625rem/1.35 var(--sans)}
h4{font:600 1rem/1.4 var(--sans)}
p,ul,ol,dl{margin:0 0 var(--s4)}
em{font-style:italic}
hr{border:0;border-top:var(--hair);margin:var(--s6) 0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--s4);top:-60px;z-index:100;background:var(--brand-deep);color:#fff;padding:var(--s3) var(--s4);font:500 14px/1 var(--mono);text-decoration:none}
.skip-link:focus{top:var(--s4);color:#fff}

/* Layout */
.wrap,.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:860px}
.center{text-align:center}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-size:.92em;letter-spacing:0}
.icon{width:1.1em;height:1.1em;flex:none}
.mono-label,.eyebrow{display:block;margin:0 0 var(--s3);font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.eyebrow a{color:inherit;text-decoration:none}
.eyebrow a:hover{color:var(--signal)}
.num{font:400 12px/1 var(--mono);letter-spacing:.06em;color:var(--signal)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-height:44px;padding:10px 18px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:500 15px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.btn:hover{background:var(--ink);color:#fff;text-decoration:none}
.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn--primary:hover{background:var(--signal-hover);border-color:var(--signal-hover);color:#fff}
.btn--primary::after,.btn--arrow::after{content:"→";font-family:var(--mono);font-size:15px;transition:transform .15s}
.btn--primary:hover::after,.btn--arrow:hover::after{transform:translateX(3px)}
.btn--secondary{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.btn--secondary:hover{background:var(--graphite);border-color:var(--graphite)}
.btn--ghost{background:var(--sheet)}
.btn--lg{min-height:52px;padding:14px 24px;font-size:16px}
.btn--small{min-height:36px;padding:6px 12px;font-size:14px}
.btn--small.btn--primary::after{font-size:13px}
.btn>span{display:inline-flex;align-items:center;gap:var(--s2)}
.btn .muted{color:inherit;opacity:.72;font:400 12px/1 var(--mono)}
.link-arrow{display:inline-flex;gap:var(--s2);align-items:baseline;font:400 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}
.link-arrow::after{content:"→"}
.link-arrow:hover{color:var(--signal);border-color:var(--signal)}

/* Badges: square, monospace */
.badge{display:inline-block;padding:3px 7px;border:1px solid var(--ink);font:400 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--sheet);vertical-align:middle;white-space:nowrap}
.badge--ok{border-color:var(--signal);color:var(--signal)}
.badge--ok::before{content:"✓ "}
.badge--pending{border-style:dashed;border-color:var(--muted);color:var(--muted)}
.badge--warn,.badge--expired{border-color:var(--alert);color:var(--alert)}

/* ---------- Masthead ---------- */
.masthead{position:relative;z-index:20;background:var(--sheet);border-bottom:0}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,var(--brand) 0 78%,var(--accent) 78% 100%);z-index:1}
.util{border-bottom:var(--hair);font:400 12px/1.3 var(--mono);letter-spacing:.04em;color:var(--muted)}
.util__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:36px}
.util__id{margin:0;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.util__list{display:flex;gap:var(--s5);margin:0;padding:0;list-style:none;white-space:nowrap}
.util a{color:var(--graphite);text-decoration:none}
.util a:hover{color:var(--signal);text-decoration:underline}
.util__hide-sm{display:none}
@media (min-width:960px){.util__hide-sm{display:list-item}}
@media (max-width:719px){.util__id{display:none}.util__inner{justify-content:flex-start;overflow-x:auto}.util__list{gap:var(--s4)}}
@media (max-width:380px){.util__list li:last-child{display:none}}
.masthead__main{display:flex;align-items:center;gap:var(--s5);min-height:72px}
.brand{display:flex;align-items:center;flex:none;margin-right:auto;text-decoration:none;color:var(--ink)}
.brand__logo{width:auto;height:40px;max-width:200px;object-fit:contain}
.brand__text{font:400 22px/1 var(--serif)}
.nav-toggle{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3);border:1px solid var(--ink);background:transparent;color:var(--ink);font:400 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.masthead__cta{display:none;white-space:nowrap;flex:none}
.nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 3px);background:var(--sheet);border-bottom:3px solid var(--brand);padding:var(--s3) var(--gut) var(--s5)}
.nav.is-open{display:block}
.nav__list{margin:0;padding:0;list-style:none;counter-reset:nav}
.nav__item{position:relative;display:flex;flex-wrap:wrap;align-items:center;border-bottom:var(--hair)}
.nav__item>a{flex:1;display:flex;gap:var(--s3);align-items:baseline;padding:14px 0;color:var(--ink);font:500 16px/1.3 var(--sans);text-decoration:none}
.nav__item>a::before{counter-increment:nav;content:counter(nav,decimal-leading-zero);font:400 11px/1 var(--mono);color:var(--muted)}
.nav__item>a:hover,.nav__item>a[aria-current="page"]{color:var(--signal)}
.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:var(--ink);cursor:pointer}
.nav__toggle .icon{transition:transform .15s}
.nav__toggle[aria-expanded="true"] .icon{transform:rotate(180deg)}
.nav__sub{display:none;width:100%;margin:0 0 var(--s3);padding:0 0 0 30px;list-style:none}
.nav__toggle[aria-expanded="true"]+.nav__sub{display:block}
.nav__sub a{display:block;padding:8px 0;color:var(--graphite);font-size:15px;text-decoration:none}
.nav__sub a:hover,.nav__sub a[aria-current="page"]{color:var(--signal)}
.nav__search{display:flex;margin-top:var(--s4);border:var(--line)}
.nav__search input{flex:1;min-width:0;border:0;padding:0 var(--s3);font:400 15px/1 var(--sans);background:var(--sheet);color:var(--ink)}
.nav__search .btn{border-width:0 0 0 1px}
@media (min-width:1100px){
  .nav-toggle{display:none}
  .masthead__cta{display:inline-flex}
  .brand{margin-right:var(--s5)}
  .nav{display:flex!important;position:static;flex:1;align-items:center;padding:0;border:0;background:none}
  .nav__list{display:flex;gap:0}
  .nav__item{border:0;flex-wrap:nowrap}
  .nav__item>a{padding:26px 8px 24px;font-size:14.5px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px}
  .nav__item>a::before{display:none}
  .nav__item>a[aria-current="page"]{border-bottom-color:var(--signal)}
  .nav__toggle{width:24px;height:32px;margin-left:-6px}
  .nav__sub{position:absolute;top:100%;left:0;min-width:260px;margin:0;padding:var(--s2) 0;background:var(--sheet);border:var(--line);counter-reset:sub}
  .nav__sub a{display:flex;gap:var(--s3);padding:10px var(--s4)}
  .nav__sub a::before{counter-increment:sub;content:counter(sub,decimal-leading-zero);font:400 11px/1.8 var(--mono);color:var(--muted)}
  .nav__sub a:hover{background:var(--signal-tint)}
  .nav__search{display:none}
}
@media (min-width:1100px) and (max-width:1279px){.masthead__search{display:none}.masthead__main{gap:var(--s4)}.brand__logo{height:34px}}
@media (min-width:1280px){.nav__item>a{padding-inline:10px;font-size:15px}}

/* ---------- Page head ---------- */
.page-head{background:var(--sheet);border-bottom:var(--hair);padding:var(--s5) 0 var(--s7)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:0;margin:0 0 var(--s7);padding:0;list-style:none;font:400 12px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.crumbs li+li::before{content:"/";margin:0 var(--s2);color:var(--faint)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--signal);text-decoration:underline}
.crumbs [aria-current]{color:var(--ink)}
.page-head__grid{display:grid;gap:var(--s4)}
.page-head__meta{border-top:var(--line);padding-top:var(--s3)}
.page-head__main{border-top:var(--line);padding-top:var(--s3)}
.page-head__title{max-width:18ch;margin-bottom:var(--s5)}
.page-head__intro{max-width:60ch;margin:0;font-size:1.125rem;line-height:1.55;color:var(--graphite)}
.meta-dl{margin:0;font:400 12px/1.5 var(--mono)}
.meta-dl div{display:flex;gap:var(--s3);padding:4px 0}
.meta-dl dt{min-width:72px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.meta-dl dd{margin:0;color:var(--ink)}
@media (min-width:860px){
  .page-head{padding:var(--s5) 0 var(--s8)}
  .page-head__grid{grid-template-columns:3fr 9fr;gap:var(--s6)}
}

/* ---------- Numbered sheets (sections) ---------- */
.sheet{padding:var(--s8) 0;border-bottom:var(--hair)}
.sheet--white{background:var(--sheet)}
.sheet__grid{display:grid;gap:var(--s5)}
.sheet__rail{border-top:var(--line);padding-top:var(--s3)}
.sheet__rail .num{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);font-size:13px}
.sheet__rail .num::before{content:"";width:8px;height:8px;background:var(--accent);flex:none}
.sheet__rail .mono-label{margin:0;color:var(--ink)}
.sheet__body{min-width:0}
@media (max-width:859px){.sheet__rail{display:flex;gap:var(--s3);align-items:baseline}.sheet__rail .num{margin:0}}
@media (min-width:860px){.sheet__body{border-top:var(--line);padding-top:var(--s3)}}
.sheet__lead{display:grid;gap:var(--s4);margin-bottom:var(--s6)}
.sheet__lead h2{margin:0;max-width:20ch}
.sheet__lead p{margin:0;max-width:52ch;color:var(--graphite)}
@media (min-width:860px){
  .sheet{padding:var(--s9) 0}
  .sheet__grid{grid-template-columns:3fr 9fr;gap:var(--s6)}
  .sheet__lead{grid-template-columns:1fr 1fr;align-items:end;gap:var(--s6)}
}
.sheet__foot{margin:var(--s6) 0 0}
.page-body{padding:var(--s7) var(--gut) var(--s8)}
.page-body__grid{display:grid;gap:var(--s5)}
.page-body__grid>div:first-child:empty{display:none}
@media (min-width:860px){.page-body__grid{grid-template-columns:3fr 9fr;gap:var(--s6)}.page-body__grid>div:first-child:empty{display:block}}
.prose.prose--wide{max-width:none}
.prose--wide>p,.prose--wide>ul:not([class]),.prose--wide>ol:not([class]),.prose--wide>h2:not([class]),.prose--wide>h3{max-width:72ch}

/* ---------- Home hero ---------- */
.hero{position:relative;background:var(--sheet);border-bottom:var(--hair);overflow:hidden}
.hero .wrap{position:relative}
.hero__cols{position:absolute;inset:0 var(--gut);pointer-events:none;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100%/12 - 1px),var(--rule-soft) calc(100%/12 - 1px),var(--rule-soft) calc(100%/12));border-left:1px solid var(--rule-soft)}
.hero__inner{position:relative;padding:var(--s7) 0 var(--s6)}
.hero__kicker{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);align-items:center;margin:0 0 var(--s6);font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--graphite)}
.hero__kicker span+span::before{content:"";display:inline-block;width:24px;height:2px;margin-right:var(--s4);vertical-align:middle;background:var(--accent)}
.hero__title{max-width:24ch;margin:0 0 var(--s7);font-size:clamp(2.6rem,1.4rem + 4.6vw,5.5rem);line-height:.98;letter-spacing:-.025em}
.hero__title em{color:var(--signal)}
.hero__row{display:grid;gap:var(--s6);align-items:start}
.hero__lead{max-width:44ch;margin:0 0 var(--s5);font-size:1.1875rem;line-height:1.55;color:var(--graphite)}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
@media (min-width:960px){.hero__row{grid-template-columns:7fr 5fr;gap:var(--s7)}.hero__inner{padding:var(--s8) 0 var(--s7)}}
.readout{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:3px solid var(--brand);background:var(--sheet)}
.readout>div{padding:var(--s4) var(--s4) var(--s4) 0;border-bottom:var(--hair)}
.readout>div:nth-child(odd){border-right:var(--hair)}
.readout>div:nth-child(even){padding-left:var(--s4)}
.readout dt{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.readout dd{margin:var(--s2) 0 0;font:400 2.5rem/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.readout dd small{display:block;margin-top:6px;font:400 12px/1.3 var(--mono);letter-spacing:.02em;color:var(--graphite)}
.readout a{color:inherit;text-decoration:none}
.readout a:hover dd,.readout a:hover{color:var(--signal)}
.readout dd.readout__text{font-size:1.25rem;line-height:1.2;padding-top:4px}
.figure{position:relative;margin:0;border-top:var(--line);background:var(--paper)}
.figure img{width:100%;aspect-ratio:21/9;object-fit:cover}
.figure figcaption,.fig-cap{display:flex;gap:var(--s4);padding:var(--s3) 0;font:400 12px/1.5 var(--mono);letter-spacing:.03em;color:var(--muted);border-bottom:var(--hair)}
.fig-cap b,.figure figcaption b{font-weight:400;color:var(--ink);white-space:nowrap}
@media (max-width:719px){.figure img{aspect-ratio:4/3}}

/* ---------- Index list (product lines) ---------- */
.index{margin:0;padding:0;list-style:none;counter-reset:idx;border-top:var(--line)}
.index__row{border-bottom:var(--hair)}
.index__row a{display:grid;grid-template-columns:40px 1fr 28px;gap:var(--s2) var(--s4);align-items:baseline;padding:var(--s5) 0;color:var(--ink);text-decoration:none;transition:background-color .15s,padding .15s}
.index__row a::before{counter-increment:idx;content:counter(idx,decimal-leading-zero);grid-row:1/span 3;font:400 12px/2.4 var(--mono);color:var(--signal)}
.index__row a::after{content:"→";grid-column:3;grid-row:1;font:400 18px/1.6 var(--mono);color:var(--ink);transition:transform .15s}
.index__name{grid-column:2;font:400 clamp(1.5rem,1.2rem + 1vw,2rem)/1.15 var(--serif);letter-spacing:-.01em}
.index__desc{grid-column:2;margin:0;color:var(--graphite);font-size:15px;max-width:52ch}
.index__meta{grid-column:2;font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.index__row a:hover{background:var(--signal-tint)}
.index__row a:hover .index__name{color:var(--signal)}
.index__row a:hover::after{transform:translateX(4px);color:var(--signal)}
@media (min-width:860px){
  .index__row a{grid-template-columns:56px minmax(0,5fr) minmax(0,6fr) minmax(0,3fr) 32px;align-items:baseline;padding:var(--s5) var(--s3) var(--s5) 0}
  .index__row a::before{grid-row:1}
  .index__name{grid-column:2}
  .index__desc{grid-column:3}
  .index__meta{grid-column:4;text-align:right}
  .index__row a::after{grid-column:5}
}

/* ---------- Big search ---------- */
.search-big{max-width:880px;margin:0}
.search-big label{display:block;margin-bottom:var(--s2);font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.search-big__row{display:flex;border-bottom:2px solid var(--ink)}
.search-big .search-big__row input{min-height:0;outline:0;flex:1;min-width:0;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 clamp(1.35rem,1rem + 1.4vw,2rem)/1.2 var(--serif)}
.search-big .search-big__row input::placeholder{color:var(--faint)}
.search-big__row input:focus{outline:none}
.search-big__row:focus-within{border-bottom-color:var(--signal)}
.search-big__row .btn{align-self:center;margin-left:var(--s3)}
.search-big__quick{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin:var(--s4) 0 0;font:400 13px/1.5 var(--mono);color:var(--muted)}

/* ---------- Ruler timeline ---------- */
.ruler{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:var(--line)}
.ruler li{position:relative;padding:var(--s4) 0 var(--s4) var(--s5);border-bottom:var(--hair);font-size:15px;color:var(--graphite)}
.ruler li::before{content:"";position:absolute;left:0;top:23px;width:9px;height:9px;background:var(--ink)}
.ruler li:last-child::before{background:var(--accent)}
.ruler__when{display:block;margin-bottom:var(--s1);font:400 12px/1.5 var(--mono);letter-spacing:.06em;color:var(--ink)}
@media (min-width:960px){
  .ruler{grid-template-columns:repeat(5,1fr);border-top:0;background:linear-gradient(var(--ink),var(--ink)) 0 4px/100% 1px no-repeat}
  .ruler li{padding:var(--s5) var(--s4) 0 0;border:0}
  .ruler li::before{top:0}
  .ruler li+li{border-left:var(--hair);padding-left:var(--s4)}
  .ruler li+li::before{left:var(--s4)}
}
.subhead{margin:var(--s7) 0 var(--s4);font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}

/* ---------- Steps ---------- */
.steps{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:step;border-top:var(--line)}
.steps li{padding:var(--s5) 0;border-bottom:var(--hair)}
.steps li::before{counter-increment:step;content:"Step " counter(step,decimal-leading-zero);display:block;margin-bottom:var(--s4);font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}
.steps h3{font:400 1.375rem/1.2 var(--serif);margin-bottom:var(--s2)}
.steps p{margin:0;font-size:15px;color:var(--graphite)}
@media (min-width:860px){
  .steps{grid-template-columns:repeat(4,1fr)}
  .steps li{padding:var(--s5) var(--s5) var(--s5) 0;border-bottom:0}
  .steps li+li{padding-left:var(--s5);border-left:var(--hair)}
}

/* ---------- Request box (replaces any CTA band) ---------- */
.request{padding:var(--s8) 0}
.request__box{display:grid;border:var(--line);border-top:4px solid var(--accent);background:var(--sheet)}
.request__main{padding:var(--s6) var(--s5)}
.request__title{max-width:20ch;margin-bottom:var(--s4)}
.request__main p{max-width:52ch;color:var(--graphite)}
.request__side{padding:var(--s5);border-top:var(--line);background:var(--paper);font-size:15px}
.request__side dl{margin:0}
.request__side dl div{padding:var(--s3) 0;border-bottom:var(--hair)}
.request__side dl div:last-child{border-bottom:0}
.request__side dt{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.request__side dd{margin:2px 0 0}
.request__side a{color:var(--ink);text-decoration:none}
.request__side a:hover{color:var(--signal);text-decoration:underline}
.request__phone{font:400 1.5rem/1.2 var(--serif)}
@media (min-width:860px){
  .request__box{grid-template-columns:2fr 1fr}
  .request__main{padding:var(--s7) var(--s7)}
  .request__side{border-top:0;border-left:var(--line);padding:var(--s6)}
}

/* ---------- Card lists restyled as ruled records ---------- */
.cards{margin:0;padding:0;list-style:none}
.card{min-width:0}
.card__link{color:var(--ink);text-decoration:none}
.card__title{margin:0}
.card__text{margin:0;color:var(--graphite);font-size:15px}
.card__eyebrow{margin:0;font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* Products: data rows */
.cards--products{counter-reset:prod;border-top:var(--line)}
.card--product{border-bottom:var(--hair)}
.card--product .card__link{display:grid;grid-template-columns:96px 1fr;grid-template-areas:"media eyebrow" "media title" "media text" "figure figure";gap:var(--s1) var(--s4);padding:var(--s4) 0;align-content:start}
.card--product .card__body{display:contents}
.card--product .card__media{grid-area:media;align-self:start;aspect-ratio:1;border:var(--hair);background:var(--sheet);display:flex;align-items:center;justify-content:center;overflow:hidden}
.card--product .card__media img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.card__placeholder{display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--rule-soft) 6px 7px)}
.card--product .card__eyebrow{grid-area:eyebrow}
.card--product .card__title{grid-area:title;font:400 1.5rem/1.15 var(--serif);letter-spacing:-.01em}
.card--product .card__text{grid-area:text;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card--product .card__figure{grid-area:figure;display:flex;justify-content:space-between;gap:var(--s3);margin:var(--s3) 0 0;padding-top:var(--s2);border-top:1px dashed var(--rule);font:400 12px/1.4 var(--mono)}
.card--product .card__figure span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.card--product .card__figure strong{font-weight:400;color:var(--ink);text-align:right}
.card--product .card__link:hover{background:var(--signal-tint)}
.card--product .card__link:hover .card__title{color:var(--signal)}
@media (min-width:860px){
  .card--product .card__link{grid-template-columns:40px 120px minmax(0,1fr) 220px 28px;grid-template-areas:"n media eyebrow figure go" "n media title figure go" "n media text figure go";gap:var(--s1) var(--s5);padding:var(--s5) var(--s3) var(--s5) 0}
  .card--product .card__link::before{counter-increment:prod;content:counter(prod,decimal-leading-zero);grid-area:n;font:400 12px/1.6 var(--mono);color:var(--signal)}
  .card--product .card__link::after{content:"→";grid-area:go;align-self:center;font:400 18px/1 var(--mono);transition:transform .15s}
  .card--product .card__link:hover::after{transform:translateX(4px);color:var(--signal)}
  .card--product .card__figure{flex-direction:column;justify-content:center;margin:0;padding:0 0 0 var(--s4);border-top:0;border-left:var(--hair);align-self:stretch}
  .card--product .card__figure strong{text-align:left;font-size:15px}
}

/* Family groups on the products page */
.family{margin:0 0 var(--s8)}
.family:last-child{margin-bottom:0}
.family__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s3);padding-bottom:var(--s3)}
.family__head h2{margin:0}
.family__intro{max-width:60ch;margin:0 0 var(--s5);color:var(--graphite)}

/* Product lines & news & generic cards: bordered grid */
.cards--lines,.cards--news{display:grid;border-top:var(--line);border-left:var(--hair)}
.cards--lines .card,.cards--news .card{border-right:var(--hair);border-bottom:var(--hair);background:var(--sheet)}
.cards--lines .card__link,.cards--news .card__link{display:block;height:100%;padding:var(--s5)}
.cards--lines .card__body,.cards--news .card__body{display:grid;gap:var(--s2)}
.cards--lines .card__title,.cards--news .card__title{font:400 1.5rem/1.2 var(--serif)}
.cards--lines .card__link:hover,.cards--news .card__link:hover{background:var(--signal-tint)}
.cards--lines .card__link:hover .card__title,.cards--news .card__link:hover .card__title{color:var(--signal)}
.card__figure{margin:0;font:400 12px/1.4 var(--mono);color:var(--muted)}
.card__figure strong{font-weight:400;color:var(--ink)}
@media (min-width:720px){.cards--lines,.cards--news{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.cards--lines{grid-template-columns:repeat(3,1fr)}}

/* Certificates: records */
.cards--certs{display:grid;gap:0;border-top:var(--line);border-left:var(--hair);margin-bottom:var(--s4)}
.card--cert{border-right:var(--hair);border-bottom:var(--hair);background:var(--sheet)}
.card--cert .card__body{display:flex;flex-direction:column;height:100%;padding:var(--s5)}
.card--cert .card__body>p:first-child{margin-bottom:var(--s4)}
.card--cert .card__title{font:400 1.75rem/1.1 var(--serif);margin-bottom:var(--s4)}
.card--cert .btn{margin-top:auto;align-self:flex-start}
@media (min-width:720px){.cards--certs{grid-template-columns:repeat(2,1fr)}}
.mini-dl{margin:0 0 var(--s5);font-size:14px}
.mini-dl div{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:var(--s3);padding:7px 0;border-top:1px dashed var(--rule)}
.mini-dl dt{font:400 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mini-dl dd{margin:0;font-family:var(--mono);font-size:13px;color:var(--ink)}

/* ---------- Rows (reagents, tests, jobs, territories, search) ---------- */
.rows{margin:0 0 var(--s6);padding:0;list-style:none;border-top:var(--line)}
.row-item{display:grid;gap:var(--s3);padding:var(--s4) 0;border-bottom:var(--hair)}
.row-item__main{min-width:0}
.row-item__eyebrow{margin:0 0 2px;font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.row-item__title{margin:0 0 2px;font:600 1rem/1.35 var(--sans)}
.row-item__title a{color:var(--ink);text-decoration:none}
.row-item__title a:hover{color:var(--signal);text-decoration:underline}
.row-item__meta{margin:0;font:400 12px/1.5 var(--mono);color:var(--muted)}
.row-item__text{margin:2px 0 0;font-size:15px;color:var(--graphite)}
.row-item__actions{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
@media (min-width:720px){.row-item{grid-template-columns:1fr auto;align-items:center;gap:var(--s5)}}
.rows--compact .row-item{padding:var(--s3) 0}
.group-title{margin:var(--s7) 0 var(--s3);font:400 1.5rem/1.2 var(--serif)}
.group-title:first-of-type{margin-top:var(--s5)}
.results{margin-bottom:var(--s7)}
.results h2{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--s3)}

/* ---------- Documents ---------- */
.doc-list{margin:0 0 var(--s5);padding:0;list-style:none;border-top:var(--line)}
.doc{display:grid;grid-template-columns:1fr auto;gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:var(--hair)}
.doc__main{min-width:0}
.doc__main .badge{margin-right:var(--s2)}
.doc__title{color:var(--ink);font-weight:500;text-decoration:none}
.doc__title:hover{color:var(--signal);text-decoration:underline}
.doc__meta{display:block;margin-top:2px;font:400 12px/1.5 var(--mono);color:var(--muted)}
.doc__meta .mono{font-size:inherit;color:var(--ink)}

/* ---------- Filters ---------- */
.filters{display:grid;gap:var(--s4);align-items:end;margin:0 0 var(--s4);padding:var(--s4);border:var(--line);background:var(--sheet)}
.filters__field{display:grid;gap:6px;min-width:0}
.filters label{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (min-width:860px){.filters{grid-template-columns:2fr 1fr 1fr auto}.filterable .filters{grid-template-columns:2fr 1fr}.filterable .filters:has(> :only-child){grid-template-columns:1fr}}
.library__count{margin:0 0 var(--s3);font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.library__empty{padding:var(--s5);border:1px dashed var(--muted);background:var(--sheet)}
.js [data-filter-submit]{display:none}

/* ---------- Inputs (shared by filters and forms) ---------- */
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=url],input[type=date],input[type=file],select,textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--ink);border-radius:0;background:var(--sheet);color:var(--ink);font:400 16px/1.4 var(--sans);appearance:none;-webkit-appearance:none}
textarea{min-height:140px;resize:vertical}
input[type=file]{padding:9px;font-size:14px}
select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
input:focus,select:focus,textarea:focus{outline:2px solid var(--signal);outline-offset:-1px;border-color:var(--signal)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;margin:0;accent-color:var(--signal);flex:none}

/* ---------- Compare ---------- */
.compare-form{margin:0 0 var(--s7)}
.compare-form__hint{font:400 13px/1.5 var(--mono);color:var(--muted)}
.compare-form__group{margin:0 0 var(--s5);padding:0;border:0}
.compare-form__group legend{display:block;width:100%;margin-bottom:var(--s3);padding-bottom:var(--s2);border-bottom:var(--line);font:400 1.375rem/1.2 var(--serif)}
.chip-check{display:inline-flex;align-items:center;gap:var(--s2);margin:0 var(--s2) var(--s2) 0;padding:8px 12px;border:var(--hair);background:var(--sheet);font:400 13px/1.2 var(--mono);cursor:pointer}
.chip-check:hover{border-color:var(--ink)}
.chip-check:has(input:checked){border-color:var(--signal);background:var(--signal-tint);color:var(--signal)}
.compare-form__count{margin-left:var(--s3);font:400 12px/1.4 var(--mono);color:var(--muted)}

/* ---------- Tables ---------- */
.table-wrap{overflow-x:auto;margin:0 0 var(--s4)}
.table-wrap:focus-visible{outline-offset:4px}
.spec-table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table caption{padding:var(--s3) 0;text-align:left;font:400 12px/1.5 var(--mono);color:var(--muted);caption-side:bottom}
.spec-table th,.spec-table td{padding:10px var(--s3) 10px 0;border-bottom:var(--hair);text-align:left;vertical-align:top}
.spec-table tbody th{width:42%;font-weight:400;color:var(--graphite)}
.spec-table td{font-family:var(--mono);font-size:14px;color:var(--ink)}
.spec-table__group th{padding-top:var(--s5);border-bottom:var(--line);font:400 11px/1.4 var(--mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)!important;width:auto!important}
.spec-table tbody:first-child .spec-table__group th{padding-top:var(--s3)}
.spec-table--compare{min-width:640px}
.spec-table--compare thead th{padding:var(--s3) var(--s3) var(--s3) 0;border-bottom:var(--line);font:400 1.125rem/1.2 var(--serif);vertical-align:bottom}
.spec-table--compare thead th:first-child{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.spec-table--compare tbody th{width:auto;min-width:160px}
.spec-table--compare td a{font-family:var(--sans)}

/* ---------- Product data sheet ---------- */
.ds-head{background:var(--sheet);border-bottom:var(--hair);padding:var(--s5) 0 var(--s7)}
.ds-head__grid{display:grid;gap:var(--s6)}
.ds-family{margin:0 0 var(--s3)}
.ds-title{margin:0 0 var(--s5);font-size:clamp(2.6rem,1.6rem + 4vw,5rem);line-height:1;letter-spacing:-.025em}
.ds-summary{max-width:52ch;margin:0 0 var(--s6);font-size:1.125rem;line-height:1.55;color:var(--graphite)}
.ds-meta{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:3px solid var(--brand)}
.ds-meta>div{padding:var(--s3) var(--s3) var(--s3) 0;border-bottom:var(--hair)}
.ds-meta>div:nth-child(even){padding-left:var(--s3);border-left:var(--hair)}
.ds-meta dt{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ds-meta dd{margin:4px 0 0;font:400 15px/1.35 var(--mono);color:var(--ink);overflow-wrap:anywhere}
.ds-meta .badge{margin-top:4px}
.ds-media{min-width:0}
.gallery__main{border:var(--line);background:var(--sheet);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery__main img{width:100%;height:100%;object-fit:contain;padding:var(--s4)}
.gallery__thumbs{display:flex;gap:0;margin:0;padding:0;list-style:none;border-left:var(--hair)}
.gallery__thumbs li{flex:1;max-width:25%}
.gallery__thumb{display:block;width:100%;aspect-ratio:1;padding:6px;border:0;border-right:var(--hair);border-bottom:var(--hair);background:var(--sheet);cursor:pointer}
.gallery__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.gallery__thumb[aria-current="true"]{box-shadow:inset 0 -3px 0 var(--accent)}
.gallery__thumb:hover{background:var(--signal-tint)}
.gallery__empty{aspect-ratio:4/3;border:var(--line);background:repeating-linear-gradient(135deg,var(--sheet) 0 10px,var(--rule-soft) 10px 11px)}
@media (min-width:960px){.ds-head__grid{grid-template-columns:7fr 5fr;gap:var(--s7);align-items:start}.ds-head{padding-bottom:var(--s8)}}

.ds-body{display:grid;gap:var(--s7);padding-top:var(--s7);padding-bottom:var(--s8)}
.ds-main{min-width:0}
.ds-main>section{margin:0 0 var(--s8)}
.ds-main>section:last-child{margin-bottom:0}
.ds-main>section>h2{display:flex;gap:var(--s4);align-items:baseline;padding-top:var(--s3);border-top:var(--line);margin-bottom:var(--s5)}
.ds-main>section>h2 .num{flex:none;font-size:13px}
.ds-main h3{margin-top:var(--s6)}
@media (min-width:1040px){.ds-body{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--s7)}}
.toc{margin:0 0 var(--s7)}
.toc ol{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;counter-reset:toc;border-top:var(--hair);border-left:var(--hair)}
.toc li{flex:1 1 auto}
.toc a{display:flex;gap:var(--s2);padding:10px var(--s3);border-right:var(--hair);border-bottom:var(--hair);background:var(--sheet);font:400 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-decoration:none;white-space:nowrap}
.toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);color:var(--signal)}
.toc a:hover{background:var(--signal-tint);color:var(--signal)}
.order-panel{align-self:start;border:var(--line);background:var(--sheet)}
@media (min-width:1040px){.order-panel{position:sticky;top:var(--s5)}}
.order-panel__head{display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--brand-deep);color:#fff;font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 -3px 0 var(--accent)}
.order-panel__head span:first-child{color:var(--accent)}
.order-panel__head span:last-child{color:#cfe3df}
.order-panel__body{padding:var(--s4)}
.order-panel__title{margin:0 0 var(--s3);font:400 1.5rem/1.15 var(--serif)}
.facts{margin:0 0 var(--s4)}
.facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s3);padding:8px 0;border-bottom:1px dashed var(--rule)}
.facts dt{font:400 11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font:400 14px/1.4 var(--mono);color:var(--ink)}
.facts .badge{margin-top:4px}
.order-panel__actions{display:grid;gap:var(--s2)}
.order-panel__actions .btn{width:100%;justify-content:space-between}
.order-panel__foot{padding:var(--s3) var(--s4);border-top:var(--hair);font:400 12px/1.6 var(--mono);color:var(--muted)}
.order-panel__foot p{margin:0}
.order-panel__foot a{color:var(--ink)}
.order-panel__foot a:hover{color:var(--signal)}

.ticks{margin:0;padding:0;list-style:none;border-top:var(--hair);counter-reset:tick}
.ticks li{display:grid;grid-template-columns:40px 1fr;gap:var(--s3);padding:10px 0;border-bottom:var(--hair);font-size:15px}
.ticks li::before{counter-increment:tick;content:counter(tick,decimal-leading-zero);font:400 12px/1.9 var(--mono);color:var(--signal)}
.ticks .icon{display:none}
.plain-list{padding-left:1.2em}
.plain-list li{margin-bottom:4px}
.link-list{margin:0 0 var(--s5);padding:0;list-style:none;border-top:var(--hair)}
.link-list li{padding:10px 0;border-bottom:var(--hair);font-size:15px}
.link-list a{color:var(--ink);text-decoration:none;display:flex;justify-content:space-between;gap:var(--s3)}
.link-list a::after{content:"→";font-family:var(--mono)}
.link-list a:hover{color:var(--signal)}

/* ---------- Prose ---------- */
.prose{max-width:72ch}
.prose>*:first-child{margin-top:0}
.prose h2{margin:var(--s7) 0 var(--s4);padding-top:var(--s3);border-top:var(--line)}
.prose h3{margin:var(--s6) 0 var(--s3)}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin-bottom:6px}
.prose ul li::marker{content:"— ";color:var(--muted)}
.prose ol li::marker{font-family:var(--mono);font-size:.85em;color:var(--signal)}
.prose img{margin:var(--s5) 0;border:var(--hair)}
.prose figure{margin:var(--s5) 0}
.prose figcaption,.wp-caption-text{margin-top:var(--s2);font:400 12px/1.5 var(--mono);color:var(--muted)}
.prose blockquote{margin:var(--s5) 0;padding:0 0 0 var(--s5);border-left:2px solid var(--signal);font:400 1.375rem/1.4 var(--serif);color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:var(--s5) 0;font-size:15px;border-top:var(--line)}
.prose th,.prose td{padding:10px var(--s3) 10px 0;border-bottom:var(--hair);text-align:left;vertical-align:top}
.prose th{font:400 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.prose .wp-block-button__link{display:inline-flex;min-height:44px;align-items:center;padding:10px 18px;border-radius:0;background:var(--brand);color:#fff;text-decoration:none}
.prose :is(.doc-list,.rows,.cards,.link-list,.ticks,.news-list,.index,.steps,.ruler,.footer__list){padding-left:0}
.prose :is(.doc-list,.rows,.cards,.link-list,.ticks,.news-list,.index,.steps,.ruler) li{margin-bottom:0}
.prose :is(.doc-list,.rows,.cards,.link-list,.ticks,.news-list,.index,.steps,.ruler) li::marker{content:none}
.prose :is(.card__title,.row-item__title,.card__eyebrow,.card__text,.card__figure){margin:0}
.prose .card--cert .card__title{margin-bottom:var(--s4)}
.prose :is(.sb-errors,.sb-confirm,.panel,.form-panel,.request__box) h2{margin-top:0;padding-top:0;border-top:0}
.prose .sb-errors h2{margin-bottom:var(--s2)}
.h3,h2.h3{font:600 1.0625rem/1.35 var(--sans);letter-spacing:0}
.prose h2.group-title{border-top:0;padding-top:0}
.prose .family__head h2{margin:0;padding:0;border:0}
.prose .family{margin-top:var(--s7)}
.lead{font-size:1.1875rem;line-height:1.55;color:var(--graphite)}
.note{max-width:72ch;margin:var(--s3) 0;font:400 13px/1.6 var(--mono);color:var(--muted)}
.note::before{content:"Note — ";color:var(--ink);text-transform:uppercase;letter-spacing:.06em}
.notice{margin:0 0 var(--s5);padding:var(--s4) var(--s5);border:1px solid var(--accent);border-left-width:4px;background:var(--accent-tint)!important;background:var(--signal-tint);color:var(--ink)}
.grid-2{display:grid;gap:var(--s6)}
@media (min-width:860px){.grid-2{grid-template-columns:1fr 1fr}}
.panel{padding:var(--s5);border:var(--line);background:var(--sheet)}
.panel>*:last-child{margin-bottom:0}
.split{display:grid;gap:var(--s6)}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr;align-items:end}}
.form-panel{margin:var(--s7) 0 0;padding:var(--s5);border:var(--line);background:var(--sheet)}
@media (min-width:720px){.form-panel{padding:var(--s7)}}
.form-panel>h2{padding-bottom:var(--s3);border-bottom:var(--line)}
.form-layout{display:grid;gap:var(--s7)}
@media (min-width:960px){.form-layout{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}}
.contact-dl{margin:0;font-size:15px}
.contact-dl div{padding:10px 0;border-bottom:var(--hair)}
.contact-dl div:first-child{border-top:var(--hair)}
.contact-dl dt{font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.contact-dl dd{margin:3px 0 0}
.contact-dl a{color:var(--ink)}
.contact-dl a:hover{color:var(--signal)}

/* ---------- Forms ---------- */
.sb-form{counter-reset:fld;max-width:760px}
.sb-field{margin:0 0 var(--s5)}
.sb-field>label{display:flex;gap:var(--s3);align-items:baseline;margin-bottom:6px;font:600 15px/1.35 var(--sans);color:var(--ink)}
.sb-field>label::before{counter-increment:fld;content:counter(fld,decimal-leading-zero);font:400 11px/1 var(--mono);color:var(--signal)}
.sb-opt{font:400 12px/1 var(--mono);color:var(--muted)}
.sb-help{margin:-2px 0 6px 30px;font-size:14px;color:var(--muted)}
.sb-error{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--alert)}
.sb-error::before{content:"✕ ";font-family:var(--mono)}
.sb-error[hidden]{display:none}
.has-error input,.has-error select,.has-error textarea{border-color:var(--alert);border-width:2px}
.sb-check{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);border:var(--hair);background:var(--paper)}
.sb-check label{font-size:15px;line-height:1.45}
.sb-field--checkbox .sb-error{margin-left:0}
.sb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sb-errors{margin:0 0 var(--s6);padding:var(--s4) var(--s5);border:2px solid var(--alert);background:var(--alert-tint)}
.sb-errors h2{font:600 1.0625rem/1.35 var(--sans);color:var(--alert);margin-bottom:var(--s2)}
.sb-errors ul{margin:0;padding-left:1.2em}
.sb-errors a{color:var(--alert)}
.sb-privacy{max-width:64ch;margin:var(--s5) 0;padding-top:var(--s3);border-top:var(--hair);font-size:14px;color:var(--muted)}
.sb-confirm{padding:var(--s6);border:2px solid var(--signal);background:var(--sheet)}
.sb-confirm h2{margin-bottom:var(--s3)}
.sb-confirm:focus{outline:none}

/* ---------- Footer ---------- */
.site-footer{position:relative;margin-top:0;border-top:3px solid var(--brand);background:var(--paper);font-size:15px}
.site-footer::before{content:"";position:absolute;right:0;top:-3px;width:22%;height:3px;background:var(--accent)}
::selection{background:var(--accent-tint);color:var(--ink)}
.footer__grid{display:grid;gap:var(--s6);padding-top:var(--s7);padding-bottom:var(--s7)}
.footer__brand{margin:0 0 var(--s2);font:400 1.75rem/1.1 var(--serif)}
.footer__tag{max-width:36ch;color:var(--graphite)}
.footer__title{margin:0 0 var(--s3);padding-bottom:var(--s2);border-bottom:var(--line);font:400 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.footer__list{margin:0;padding:0;list-style:none}
.footer__list li{padding:5px 0}
.footer__list a{color:var(--graphite);text-decoration:none}
.footer__list a:hover,.footer__list a[aria-current="page"]{color:var(--signal);text-decoration:underline}
.site-footer .contact-dl{margin-top:var(--s5)}
@media (min-width:720px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1040px){.footer__grid{grid-template-columns:5fr 2fr 2fr 2fr;gap:var(--s7)}}
.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);padding-top:var(--s4);padding-bottom:var(--s9);border-top:var(--hair);font:400 12px/1.6 var(--mono);color:var(--muted)}
@media (min-width:1100px){.footer__bottom{padding-bottom:var(--s5)}}
.footer__bottom p{margin:0}
.footer__legal{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:0;padding:0;list-style:none}
.footer__legal a{color:var(--muted)}
.footer__legal a:hover{color:var(--signal)}

/* Footer menus reuse the nav markup: neutralise nav styling there. */
.site-footer .footer__list .nav__item{display:block;border:0}
.site-footer .footer__list .nav__item>a{display:inline;padding:0;margin:0;border:0;font:inherit;color:var(--graphite)}
.site-footer .footer__list .nav__item>a::before{display:none}
.site-footer .footer__list .nav__item>a:hover,.site-footer .footer__list .nav__item>a[aria-current="page"]{color:var(--signal)}

/* ---------- Mobile action bar ---------- */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--brand-deep);border-top:3px solid var(--accent)}
.mobile-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:56px;color:#fff;font:400 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-right:1px solid #1d5a52}
.mobile-bar a:last-child{border-right:0}
.mobile-bar .mobile-bar__primary{flex:1.4;background:var(--accent);color:var(--ink)}
.mobile-bar a:hover{background:var(--graphite)}
.mobile-bar .mobile-bar__primary:hover{background:#e58a08;color:var(--ink)}
@media (min-width:1100px){.mobile-bar{display:none}}

/* ---------- Pagination ---------- */
.nav-links{display:flex;flex-wrap:wrap;gap:0;margin:var(--s6) 0 0;border-left:var(--hair);width:max-content;max-width:100%}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--s3);border:var(--hair);border-left:0;background:var(--sheet);font:400 13px/1 var(--mono);color:var(--ink);text-decoration:none}
.page-numbers.current{background:var(--brand);color:#fff;border-color:var(--brand)}
a.page-numbers:hover{background:var(--signal-tint);color:var(--signal)}

/* ---------- News list ---------- */
.news-list{margin:0;padding:0;list-style:none;border-top:var(--line)}
.news-list li{border-bottom:var(--hair)}
.news-list a{display:grid;gap:var(--s2);padding:var(--s5) 0;color:var(--ink);text-decoration:none}
.news-list time{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.news-list h2,.news-list h3{margin:0;font:400 1.5rem/1.2 var(--serif)}
.news-list p{margin:0;color:var(--graphite);font-size:15px;max-width:64ch}
.news-list a:hover h2,.news-list a:hover h3{color:var(--signal)}
@media (min-width:860px){.news-list a{grid-template-columns:200px 1fr;gap:var(--s2) var(--s6)}.news-list time{grid-row:1/span 2;padding-top:8px}}

/* ---------- Consent ---------- */
.consent{position:fixed;left:var(--s4);right:var(--s4);bottom:72px;z-index:50;max-width:440px;padding:var(--s4);border:var(--line);background:var(--sheet);font-size:14px}
.consent p{margin-bottom:var(--s3)}
.consent__actions{display:flex;flex-wrap:wrap;gap:var(--s2)}
@media (min-width:1100px){.consent{bottom:var(--s4)}}

/* WordPress bits */
.alignleft{float:left;margin:0 var(--s5) var(--s4) 0}
.alignright{float:right;margin:0 0 var(--s4) var(--s5)}
.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}
.sticky,.bypostauthor,.gallery-caption{}


/* ---------- Density: tabs, chips and grids to cut scrolling ---------- */
[hidden]{display:none!important}
.sheet{padding:var(--s7) 0}
.sheet__lead{margin-bottom:var(--s5)}
.request{padding:var(--s7) 0}
.page-head{padding-bottom:var(--s6)}
.crumbs ol{margin-bottom:var(--s5)}
.page-body{padding-top:var(--s6);padding-bottom:var(--s7)}
@media (min-width:860px){.sheet{padding:var(--s8) 0}.page-head{padding-bottom:var(--s7)}}

/* Data-sheet tabs */
.toc--tabs{position:sticky;top:0;z-index:5;margin-bottom:var(--s5);padding-top:var(--s2);background:var(--paper)}
.toc--tabs a{cursor:pointer}
.toc--tabs a[aria-selected="true"]{background:var(--brand-deep);color:#fff;box-shadow:inset 0 -3px 0 var(--accent)}
.toc--tabs a[aria-selected="true"]::before{color:var(--accent)}
.toc--tabs a:focus-visible{outline-offset:-3px}
.ds-main--tabs>section{margin-bottom:0}
.ds-main--tabs>section:focus{outline:none}

/* Specification groups side by side */
.spec-grid{display:grid;gap:0 var(--s6);align-items:start;margin-bottom:var(--s3)}
.spec-grid .spec-table{margin-bottom:var(--s4)}
.spec-grid .spec-table .spec-table__group th{padding-top:var(--s2)}
@media (min-width:720px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:720px){.ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}}
@media (min-width:720px){.link-list--cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}}
@media (min-width:1040px){.link-list--cols{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Chips: one-click filters and family tabs */
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4)}
.chips--tabs{margin-bottom:var(--s5)}
.chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:38px;padding:6px 12px;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);font:400 13px/1.2 var(--mono);cursor:pointer}
.chip__n{font-size:11px;color:var(--muted)}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"],.chip[aria-selected="true"]{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.chip[aria-pressed="true"] .chip__n,.chip[aria-selected="true"] .chip__n{color:var(--accent)}
.prose .family{margin-top:0}
.chips--tabs~.family .family__head{padding-top:var(--s2)}

/* Products: two-up compact records on wide screens */
@media (min-width:1040px){
  .cards--products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}
  .card--product .card__link{grid-template-columns:28px 88px minmax(0,1fr) 20px;grid-template-areas:"n media eyebrow go" "n media title go" "n media text go" "n media figure go";gap:2px var(--s4);padding:var(--s4) 0}
  .card--product .card__title{font-size:1.3rem}
  .card--product .card__text{-webkit-line-clamp:2;font-size:14px}
  .card--product .card__figure{flex-direction:row;justify-content:flex-start;align-self:start;gap:var(--s2);margin:4px 0 0;padding:0;border:0}
  .card--product .card__figure{flex-wrap:wrap}
  .card--product .card__figure strong{font-size:12px}
  .family{margin-bottom:var(--s7)}
}

/* Reagents, rapid tests and documents: two columns of compact rows */
.filterable .row-item,.library .doc{padding:var(--s3) 0}
@media (min-width:1040px){
  .filterable .rows,.library .doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}
  .filterable .row-item{grid-template-columns:minmax(0,1fr) auto;gap:var(--s3)}
  .filterable .row-item__actions .muted,.library .doc .btn .screen-reader-text+*{display:none}
  .filterable .row-item__text{font-size:14px}
}

/* Forms: short fields in two columns */
.sb-field>label{display:block}
.sb-field>label::before{display:inline-block;margin-right:10px;vertical-align:1px}
.sb-field>label .sb-opt{margin-left:4px}
.sb-help{margin-left:0}
@media (min-width:720px){
  .sb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5);max-width:none;align-items:end}
  .sb-form>*{grid-column:1/-1}
  .sb-form>.sb-field--text,.sb-form>.sb-field--email,.sb-form>.sb-field--tel,.sb-form>.sb-field--select,.sb-form>.sb-field--number,.sb-form>.sb-field--date,.sb-form>.sb-field--url{grid-column:auto}
  .sb-form>button{justify-self:start}
  .sb-field{margin-bottom:var(--s4)}
}


/* ---------- Lists: full width, three columns, paging ---------- */
.page-body__grid>.prose--wide{grid-column:1/-1}
.page-body__grid:has(>.prose--wide)>div:first-child{display:none!important}
.is-paged{display:none!important}
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin:var(--s4) 0 var(--s5)}
.pager__info{margin:0 var(--s3) 0 0;font:400 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pager__btn{min-width:38px;min-height:38px;padding:0 10px;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);font:400 13px/1 var(--mono);cursor:pointer}
.pager__btn:hover:not(:disabled){border-color:var(--ink)}
.pager__btn[aria-current="page"]{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.pager__btn:disabled{opacity:.4;cursor:default}
.pager__all{margin-left:auto}
.pager__gap{padding:0 4px;color:var(--muted);font-family:var(--mono)}
.library .doc{gap:var(--s3);padding:10px 0}
.library .doc__main .badge{padding:1px 5px;font-size:10px}
.library .doc__title{font-size:15px}
.library .doc .btn{min-height:32px;padding:4px 10px;font-size:13px}
@media (min-width:1240px){
  .library .doc-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prose--wide .cards--products{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* ---------- Shorter data-sheet heads and footer ---------- */
.ds-head{padding-bottom:var(--s6)}
.ds-summary{margin-bottom:var(--s5)}
.ds-body{padding-top:var(--s6);padding-bottom:var(--s7)}
@media (min-width:960px){
  .ds-head{padding-bottom:var(--s7)}
  .ds-media{width:100%;max-width:460px;justify-self:end}
  .gallery__main{aspect-ratio:3/2}
}
.footer__grid{padding-top:var(--s6);padding-bottom:var(--s6);gap:var(--s5)}
.site-footer .contact-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s5);margin-top:var(--s4)}
.site-footer .contact-dl div:first-child{border-top:0}
.site-footer .contact-dl div{padding:6px 0;border-bottom:0}
.footer__list li{padding:3px 0}

/* Certificates: standard + one line + PDF only */
.card--cert .card__text,.prose .card--cert .card__text{margin:calc(var(--s2) * -1) 0 var(--s5);color:var(--graphite)}

/* Media placed in page content: building photo, production video, catalogue button */
.media-photo,.media-video{margin:0 0 var(--s6);border-top:var(--line)}
.media-photo img,.prose .media-photo img{width:100%;height:auto;margin:0;border:0;aspect-ratio:4/3;object-fit:cover}
.media-video video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#000}
.media-photo figcaption,.media-video figcaption{display:block;margin:0;padding:var(--s3) 0;border-bottom:var(--hair);font:400 12px/1.5 var(--mono);color:var(--muted)}
.media-photo figcaption::before,.media-video figcaption::before{content:"Fig. ";color:var(--ink)}
.panel .media-photo{margin:calc(var(--s5) * -1) calc(var(--s5) * -1) var(--s5);border-top:0}
.panel .media-photo figcaption{padding-inline:var(--s5)}
@media (min-width:960px){.prose .media-video,.prose .media-photo{max-width:880px}}
.catalogue-link{margin:var(--s4) 0 var(--s5)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.masthead,.site-footer,.mobile-bar,.request,.consent,.order-panel__actions{display:none!important}body{background:#fff}}

/* Reagent line pictures (2026-11-08) */
.media-photo--line{max-width:640px}
.media-photo--line img,.prose .media-photo--line img{aspect-ratio:16/9;object-fit:contain;background:#fff}
.cards--lines .card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;margin:calc(var(--s5) * -1) calc(var(--s5) * -1) var(--s4);background:#fff;border-bottom:var(--hair);overflow:hidden}
.cards--lines .card__media img{width:100%;height:100%;object-fit:contain}