@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Inter-var.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600.woff2) format('woff2')}
/* PeptideGauge v2: friendly guide. White page, big readable type, one idea per block.
   One accent (deep green, "checked"), one warm highlight for the calculator result. */
:root{
  --bg:#ffffff;--bg-2:#f4f7f5;--ink:#17221c;--ink-2:#41504a;--ink-3:#5e6d66;
  --line:#dbe3de;--green:#1f7a4d;--green-deep:#155c3a;--green-soft:#e3f2e9;
  --sun:#fff3d6;--sun-deep:#7a5210;--red:#b3402f;--max:1040px;--prose:680px;
  /* Two radii only: --r for blocks, --r-pill for controls. Data tables are square. */
  --r:10px;--r-pill:999px;
  /* --line is 1.31:1 on white, below the 3:1 WCAG 1.4.11 floor for control
     boundaries, so interactive edges use --line-strong instead. Measured
     2026-08-26: #8a9891 on #ffffff is 3.01:1. Do not lighten it. */
  --line-strong:#8a9891;
  /* Measured header height. A script keeps it true; the sticky offsets below
     derive from it rather than assuming the nav fits on one row. */
  --hdr:64px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--green-deep);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--green)}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
/* Inter ships as one variable file spanning 400-900. Heading separation comes
   off that axis rather than from a second font request. */
h1,h2,h3{line-height:1.15;margin:0 0 .45em;letter-spacing:-.022em}
h1{font-weight:850}h2{font-weight:800}h3{font-weight:700}
h1{font-size:clamp(2.1rem,5vw,3.2rem);letter-spacing:-.03em}
h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:1.8em}
h3{font-size:1.25rem;margin-top:1.4em}
p{margin:0 0 1em}
.big-p{font-size:1.2rem;color:var(--ink-2);max-width:34em}
code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.prose{max-width:var(--prose)}
.small{font-size:.92rem;color:var(--ink-3)}

/* header */
.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}
.brand svg,.brand .brand-mark{width:30px;height:30px;flex:none;display:block}
.brand picture{display:block;line-height:0}
.brand-logo{display:block;height:48px;width:auto;max-width:min(280px,54vw)}
nav.main{display:flex;gap:6px;flex-wrap:wrap}
nav.main a{color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:700;font-size:1rem}
nav.main a:hover{background:var(--bg-2);color:var(--ink)}
nav.main a[aria-current]{color:var(--green-deep);box-shadow:inset 0 -3px 0 var(--green);border-radius:0}

/* page head */
.page-head{padding:44px 0 24px}
.page-head .kicker{font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin:0 0 10px}

/* plain-words box: used for "in plain words" explanations */
.plain{background:var(--bg);border:1px solid var(--line);border-left:5px solid var(--line-strong);border-radius:0 var(--r) var(--r) 0;padding:18px 20px;margin:18px 0}
.plain p:last-child{margin:0}
.plain b{color:var(--green-deep)}

/* home */
.hero{padding:56px 0 28px}
.hero h1{max-width:16ch}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0 12px}
.choice{display:block;border:2px solid var(--line-strong);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);background:#fff;transition:transform .15s ease,border-color .15s ease}
.choice:hover{transform:translateY(-2px);border-color:var(--green)}
.choice .ico{width:44px;height:44px;margin:0 0 12px}
.choice h2{margin:0 0 6px;font-size:1.3rem}
.choice p{margin:0;color:var(--ink-2);font-size:1rem}
.choice .tag{display:inline-block;margin-top:12px;font-weight:800;color:var(--green-deep)}
.choice.soon{border-style:dashed;color:var(--ink-2)}
.choice.soon .tag{color:var(--ink-3)}
.steps{counter-reset:s;list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.steps li{position:relative;padding:16px 18px 16px 66px;border:2px solid var(--line);border-radius:var(--r);background:#fff}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;display:grid;place-items:center;font-size:1.1rem}
.steps b{display:block;font-size:1.1rem;margin-bottom:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.two .card{border-radius:0 var(--r) var(--r) 0;padding:20px 22px;border:1px solid var(--line);border-left:5px solid var(--ink-3)}
.two .yes{border-left-color:var(--green)}
.two .no{border-left-color:var(--ink-3)}
.two h3{margin:0 0 10px}
.two ul{margin:0;padding-left:22px}
.two li{margin:0 0 6px}
.promise{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.promise div{border-top:4px solid var(--green);padding-top:12px}
.promise b{display:block;font-size:1.1rem;margin-bottom:4px}

/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:8px auto 12px}
.box{border:2px solid var(--line);border-radius:var(--r);background:#fff;padding:22px}
.box h2{margin:0 0 14px;font-size:1.35rem}
.field{margin:0 0 20px}
.field label{display:block;font-weight:800;font-size:1.05rem;margin-bottom:4px}
.field .hint{font-size:.95rem;color:var(--ink-3);margin:0 0 8px}
.field .hint.after{margin:6px 0 0}
.row{display:flex;gap:8px}
.row>*{flex:1 1 0;min-width:0}
input[type=number],select{width:100%;font:700 1.25rem var(--font);padding:12px 14px;border:2px solid var(--line-strong);border-radius:var(--r);background:#fff;color:var(--ink);min-height:54px}
input[type=number]:focus,select:focus{border-color:var(--green)}
/* No overflow:hidden here. It clipped the 3px focus ring on the child buttons. */
.seg{display:flex;border:2px solid var(--line-strong);border-radius:var(--r)}
.seg button:first-child{border-radius:calc(var(--r) - 2px) 0 0 calc(var(--r) - 2px)}
.seg button:last-child{border-radius:0 calc(var(--r) - 2px) calc(var(--r) - 2px) 0}
.seg button{flex:1;border:0;background:#fff;font:700 1rem var(--font);color:var(--ink-2);cursor:pointer;min-height:54px}
.seg button[aria-pressed=true]{background:var(--green);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.chips button{border:2px solid var(--line-strong);background:#fff;border-radius:var(--r-pill);padding:7px 14px;font:700 .95rem var(--font);cursor:pointer;color:var(--ink-2)}
.chips button:hover{border-color:var(--green);color:var(--green-deep)}
.result{position:sticky;top:calc(var(--hdr) + 16px);background:var(--sun);border-color:#f1dfae}
.result h2{font-size:1.1rem;color:var(--sun-deep);text-transform:uppercase;letter-spacing:.05em}
.answer{font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 16px}
.answer .n{color:var(--green-deep)}
.err{color:var(--red);font-weight:700;margin:0 0 12px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.facts>div{background:#fff;border-radius:var(--r);padding:12px 14px}
.facts .k{font-size:.85rem;color:var(--ink-3);font-weight:700}
.facts .v{font-size:1.5rem;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.facts .v small{font-size:.85rem;font-weight:700;color:var(--ink-3);margin-left:3px}
.facts .v.warn{color:var(--red)}
.gauge{background:#fff;border-radius:var(--r);padding:12px 14px 8px;margin:0 0 16px}
.gauge svg{width:100%;height:auto;display:block}
.gauge .cap{font-size:.85rem;color:var(--ink-3);display:flex;justify-content:space-between;margin-top:4px;font-weight:700}
.work{background:#fff;border-radius:var(--r);padding:12px 14px}
.work summary{cursor:pointer;font-weight:800}
.work ol{padding-left:22px;margin:10px 0 0}
.work li{margin:0 0 6px}
.work code{background:var(--bg);border:1px solid var(--line-strong);padding:1px 6px;border-radius:var(--r)}
.btn{display:inline-block;border:0;background:var(--green);color:#fff;padding:14px 22px;border-radius:var(--r-pill);font:700 1.05rem var(--font);cursor:pointer;text-decoration:none}
.btn:hover{background:var(--green-deep);color:#fff}
.btn.ghost{background:#fff;color:var(--green-deep);border:2px solid var(--green)}
.btn.ghost:hover{background:var(--bg);border-color:var(--green-deep);color:var(--green-deep)}
.copy{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.copied{font-weight:800;color:var(--green-deep)}
.notice{border:1px solid var(--line);border-left:6px solid var(--green);background:var(--bg);padding:14px 16px;border-radius:0 var(--r) var(--r) 0;margin:0}
.notice p{margin:0}

/* prose blocks */
section.sec{padding:6px 0 14px}
table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:1rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:800;background:var(--bg);border-bottom:2px solid var(--ink-3)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:0}
.tbl table{margin:0}
.example{border:2px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 14px}
.example b{display:block;margin-bottom:6px}
.example p{margin:0 0 6px}
ul.list{padding-left:24px}
ul.list li{margin:0 0 10px}
.faq h3{margin-top:1.3em}
.changelog{list-style:none;padding:0}
.changelog li{padding:10px 0;border-bottom:1px solid var(--line)}
.changelog time{font-family:var(--mono);color:var(--ink-3);margin-right:10px;font-size:.9rem}
.cta{background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:var(--r);padding:28px;margin:36px 0 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.cta p{font-size:1.3rem;font-weight:800;margin:0;max-width:26ch}
.cta.cta-solo{justify-content:center;text-align:center}

/* footer */
footer.site{border-top:1px solid var(--line);margin-top:48px;padding:32px 0 40px;font-size:.95rem;color:var(--ink-2)}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
footer .cols a{display:block;margin:0 0 10px;color:var(--ink-2);font-weight:700}
footer .footer-brand{display:inline-block;margin:0 0 14px;line-height:0}
footer .footer-brand picture{display:block;line-height:0}
footer .footer-logo{display:block;height:40px;width:auto;max-width:min(220px,70vw)}
footer .fine{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem;color:var(--ink-3)}

@media (max-width:800px){
  .top{position:static}
  body{font-size:17px}
  .choices,.promise,.two,.calc{grid-template-columns:1fr}
  .result{position:static}
  .hero{padding:36px 0 16px}
  footer .cols{grid-template-columns:1fr}
  .facts .v{font-size:1.35rem}
}
@media (prefers-reduced-motion:reduce){.choice{transition:none}}

/* compound pages */
.quick{border:2px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:8px 0 20px;background:#fff}
.quick h2{margin:0 0 12px;font-size:1.3rem}
.quick dl{margin:0}
.quick dt{font-weight:800;margin-top:14px;color:var(--green-deep)}
.quick dd{margin:4px 0 0}
.comp-list{margin:0;padding-left:22px}
.comp-list li{font-weight:700}
ul.src{padding-left:22px;margin:0}
ul.src li{padding:6px 0}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:6px}
.ev{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}
.ev b{display:block;font-size:.95rem}
.ev span{display:block;font-weight:800;font-size:1.15rem}
.ev small{color:var(--ink-3);font-weight:700}
.ev-none{color:var(--red)}.ev-limited{color:#7a5210}.ev-moderate{color:var(--green-deep)}
.ev-substantial{color:var(--green-deep)}
/* Sort controls are real buttons inside the th, so the cell keeps its
   columnheader role for assistive tech and aria-sort can be set on it. */
th .sortbtn{display:block;width:100%;text-align:left;font:inherit;color:inherit;
  background:none;border:0;padding:0;cursor:pointer}
th .sortbtn:hover{color:var(--green-deep)}
th[aria-sort=ascending] .sortbtn::after{content:" \2191"}
th[aria-sort=descending] .sortbtn::after{content:" \2193"}
.badge{display:inline-block;border-radius:var(--r-pill);padding:3px 10px;font-size:.8rem;font-weight:800;white-space:nowrap}
.b-cell{background:#eef0f2;color:#41504a}.b-animal{background:#fbe9d7;color:#8a4b0f}.b-human{background:#fff3d6;color:#7a5210}.b-rct{background:var(--green-soft);color:var(--green-deep)}.b-rev{background:#e8ecff;color:#2f3f9e}.b-sys{background:#dfe6ff;color:#1f2f8a}
table.studies td{font-size:.95rem}
/* Mono is scoped to leaf identifiers only. Never on a container: --prose caps
   are measured in ch, and ch is the width of "0" in the element own font. */
table.studies .n{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--ink-3);font-weight:600;margin-top:6px}
table.studies .ref a{font-family:var(--mono);font-size:.85em;font-weight:500}
table.studies .lim{font-size:.88rem;color:var(--ink-3);margin-top:4px}
table.studies .ref{white-space:nowrap;font-size:.88rem}
section.comp{margin-top:28px;padding-top:8px;border-top:3px solid var(--line)}
ol.refs{padding-left:24px}
ol.refs li{margin:0 0 6px;font-size:.95rem}
@media (max-width:800px){table.studies .ref{white-space:normal}}
@media (max-width:800px){
  table.studies thead{display:none}
  table.studies tr{display:block;border:2px solid var(--line);border-radius:var(--r);margin:0 0 12px;padding:12px 14px}
  table.studies td{display:block;border:0;padding:4px 0}
  table.studies .ref{white-space:normal;font-weight:700}
  .tbl:has(table.studies){border:0;overflow:visible}
}

/* seller table */
table.sellers{font-size:.88rem;min-width:1100px}
table.sellers td{vertical-align:top}
table.sellers .rank{white-space:nowrap}
table.sellers .rank .score{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--green-deep)}
table.sellers .rank .pick{margin-top:6px;display:inline-block;background:var(--bg);color:var(--green-deep);border:1.5px solid var(--green);border-radius:var(--r-pill);padding:3px 9px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
table.sellers .vend{min-width:170px}
table.sellers .cell-note{color:var(--ink-3);font-size:.82rem;margin-top:4px;max-width:24ch}
.cell-src{margin-top:3px}
.cell-src a{font-size:.75rem;color:var(--ink-3);text-decoration-thickness:1px}

/* goal pages, evidence table, calculator variants (2026-08-24) */
.rules{background:var(--bg);border:2px solid var(--line);border-radius:var(--r);padding:20px 22px;margin:26px 0}
.rules h2{margin-top:0}
.rules .warn-p{background:var(--bg);border-left:5px solid var(--sun-deep);border-radius:0 var(--r) var(--r) 0;padding:12px 14px;margin:14px 0 6px}
table.goals{min-width:900px}
table.goals .sc{white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;color:var(--green-deep);text-align:center}
table.goals .sc small{display:block;font-weight:600;color:var(--ink-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}
table.goals .rank .pos{display:block;color:var(--ink-3);font-size:.8rem;font-weight:700}
table.goals .rank .score{font-size:1.35rem}
table.goals .n{margin-top:6px;font-weight:600}
table.goals .lim{margin-top:6px}
table.evidence{min-width:920px}
table.evidence .cell-src a{display:inline-block;font-family:var(--mono);font-size:.78rem;line-height:1.25;min-height:24px;padding:5px 8px;margin:0 4px 6px 0;border:1px solid var(--line-strong);border-radius:var(--r);color:var(--ink-2);text-decoration:none}
table.evidence .cell-src a:hover{border-color:var(--green);color:var(--green-deep)}
table.evidence .cell-src{min-width:150px}
.safety-grid{margin:18px 0}
.safety-grid .card.no{border-left-color:var(--sun-deep)}
.safety-grid .card ul{margin:8px 0 0;padding-left:18px}
.safety-grid .card li{margin:0 0 8px}
table.matrix{min-width:640px;font-size:.9rem}
table.matrix .rowh{text-align:left;white-space:nowrap;background:var(--bg);border-right:2px solid var(--line-strong)}
table.matrix td{text-align:center}
table.matrix td b{font-size:1.05rem;color:var(--green-deep)}
table.matrix .na{color:var(--ink-3);font-weight:600}
.chips-row a{display:inline-block;border:2px solid var(--line-strong);border-radius:var(--r-pill);padding:7px 14px;margin:0 8px 8px 0;font-weight:700;text-decoration:none;color:var(--ink-2)}
.chips-row a:hover{border-color:var(--green);color:var(--green-deep)}

/* 2026-08-26 readability fixes for single-molecule compound guides.
   1. A .two grid with only one card was still reserving two columns, so the lone
      safety card rendered at 312px inside a 640px container and wrapped at 26
      characters per line. Only fires when there is exactly one child, so the
      klow (4 cards) and glow (3 cards) safety grids are untouched.
   2. The studies table inherited the 680px prose measure. Finding text wrapped at
      35 cpl and limit text at 40 cpl, both under the 45 minimum. From 960px the
      table breaks out of the prose column, further from 1200px. Prose keeps its measure. */
.two>:only-child{grid-column:1/-1}
/* Content container now matches the nav bar width (--max). Flowing text keeps a
   readable measure inside it via the ch cap below, so blocks align with the nav
   while paragraphs stay near 65 to 75 characters per line. */
.prose{max-width:var(--max)}
.prose p,.prose dd,.prose>ul li,.prose>ol li,.prose .card li,.prose .notice p{max-width:62ch}
.prose table.studies td>b,.prose table.studies .lim,.prose table.studies .n{display:block;max-width:62ch}
.prose .refs li{max-width:62ch}
.prose h1{max-width:20ch}
.prose h2,.prose h3,.prose .big-p{max-width:46ch}
/* Return-to-where-you-were control. Injected by common.js only when the reader
   actually arrived from another page on the site, so it never shows on a cold
   landing from search. Added 2026-08-26. */
.backlink{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 15px;
  border:2px solid var(--line-strong);border-radius:var(--r-pill);background:var(--bg);
  font-size:.92rem;font-weight:700;color:var(--ink-2);text-decoration:none;line-height:1.3}
.backlink:hover{border-color:var(--green);color:var(--green-deep)}
.backlink .backlink-ar{font-size:1.05rem;line-height:1}
@media(min-width:1150px){.g-side .backlink{display:flex;width:100%;justify-content:center;margin:0 0 4px}}

/* The guide sidebar keeps its panel fill. It only appears on the 14 peptide
   guides, so it does not put a wash back on the rest of the site. */
.toc{border:2px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:22px 0 8px;background:var(--bg-2)}
.toc .toc-h{margin:0 0 8px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.toc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px}
.toc li{margin:0}
.toc a{display:inline-block;padding:5px 11px;border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--line-strong);text-decoration:none;font-size:.9rem;font-weight:600;line-height:1.3}
.toc a:hover,.toc a:focus{border-color:var(--green);color:var(--green)}
/* Where the reader is right now. common.js sets aria-current on the matching
   link as the page scrolls. Added 2026-08-26. */
.toc a[aria-current]{border-color:var(--green);color:var(--green-deep);font-weight:800}
:target{scroll-margin-top:calc(var(--hdr) + 32px)}

/* clinician commentary layer (2026-08-26) */
.clin .clin-src{margin:18px 0 6px}
.clin h3{margin:20px 0 6px}
.clin h4{margin:16px 0 4px;font-size:1rem}
.clin h4.clin-comp{margin-top:22px;border-top:2px solid var(--line);padding-top:14px}
.clin .fr{display:inline-block;border:2px solid var(--line-strong);border-radius:var(--r-pill);padding:2px 10px;margin-right:6px;font-size:.8rem;font-weight:700;color:var(--ink-2);background:var(--bg)}
.clin ul.clin-doses{margin:6px 0 10px;padding-left:0;list-style:none}
.clin ul.clin-doses li{margin:8px 0;max-width:62ch}
.clin .clin-watch a{font-weight:700}

/* guide sidebar, tiles, video blocks, mix card, centered calc tiles (2026-08-26) */
.facts>div{text-align:center}
.g-side .buy{display:inline-block;margin-top:12px}
.g-side .buy-note{margin:6px 0 0}
@media(min-width:1150px){
 .guide{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:start}
 .g-side{order:2;position:sticky;top:calc(var(--hdr) + 16px);max-height:calc(100vh - var(--hdr) - 32px);overflow:auto}
 .g-side .toc{margin:22px 0 0}
 .g-side .toc ul{display:block}
 .g-side .toc li{display:block;margin:0}
 .g-side .toc a{display:block;background:none;border:0;border-left:3px solid var(--line);border-radius:0;padding:5px 0 5px 12px}
 .g-side .toc a:hover,.g-side .toc a:focus{border-left-color:var(--green);color:var(--green-deep)}
 .g-side .toc a[aria-current]{border-left-color:var(--green);border-left-width:4px;color:var(--green-deep);font-weight:800;background:var(--bg)}
 .g-side .buy{display:block;text-align:center}
}
.tiles .ev-chip{border-color:var(--green);color:var(--green-deep)}
.tiles li{margin:8px 0}
.tiles .fr{display:inline-block;border:2px solid var(--line-strong);border-radius:var(--r-pill);padding:1px 9px;margin-right:6px;font-size:.78rem;font-weight:700;color:var(--ink-2);background:var(--bg)}
.vid{border:2px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:14px 0}
.vid .vid-head{margin:0 0 4px}
.vid ul{margin:8px 0 4px}
.cardgen{margin-top:16px;border-top:2px solid var(--line);padding-top:14px}
.cardgen input{width:100%;max-width:320px}
.mix-card{background:#fff;border:3px solid var(--green-deep);border-radius:var(--r);padding:20px;margin-top:14px;max-width:540px}
.mix-card h3{margin:0 0 2px}
.mix-card .mc-name{color:var(--green-deep)}
.mix-card .mc-big{font-size:1.35rem;font-weight:800;margin:8px 0}
.mix-card table{width:100%;border-collapse:collapse;margin:8px 0}
.mix-card td{padding:6px 4px;border-bottom:1px solid var(--line)}
.mix-card td:last-child{text-align:right;font-weight:800}
.mc-actions{margin-top:10px}
@media print{body.print-card *{visibility:hidden}body.print-card .mix-card,body.print-card .mix-card *{visibility:visible}body.print-card .mix-card{position:absolute;left:0;top:0;margin:0;max-width:none;border-color:#000}}
/* cache-bust 2026-08-26T16:40 */

/* clinician layer: quoted caption lines, and the fold for videos past the first two */
.vid blockquote.qt{margin:10px 0 4px;padding:8px 0 8px 16px;border-left:4px solid var(--green);max-width:62ch}
.vid blockquote.qt p{margin:0;color:var(--ink-2);font-style:italic}
.clin details.more{margin:14px 0 6px}
.clin details.more>summary{cursor:pointer;font-weight:700;color:var(--green-deep);padding:10px 0}
.clin details.more[open]>summary{border-bottom:2px solid var(--line);margin-bottom:6px}
/* popularity: the rule block folds its own caveats, and cards show the figure */
.notice details.more{margin:10px 0 0}
.notice details.more>summary{cursor:pointer;font-weight:700;padding:6px 0}
.choice .vol{display:block;font-size:.85rem;font-weight:700;color:var(--ink-3);margin:0 0 8px}

/* Study tables collapse to the first four rows, expanded by a button the script
   adds. Added 2026-08-26. The rows are always in the HTML; without JavaScript
   the .clamped class is never set and every row shows. */
/* Selects on the data hook, not on .tbl / table.studies / ul.list, so renaming a
   styling class cannot silently leave the button visible and the rows unhidden. */
[data-rowclamp].clamped .xrow{display:none}
button.rowmore{display:block;width:100%;margin:10px 0 0;padding:11px 14px;
  font:inherit;font-weight:700;color:var(--green-deep);background:transparent;
  border:2px solid var(--line-strong);border-radius:var(--r);cursor:pointer}
button.rowmore:hover{border-color:var(--green-deep)}
button.rowmore:focus-visible{outline:3px solid var(--green-deep);outline-offset:2px}


/* Print. Collapsed rows and hidden safety bullets must appear on paper, and the
   interface around them must not. Added 2026-08-26. */
@media print{
  [data-rowclamp].clamped .xrow{display:table-row}
  ul[data-rowclamp].clamped .xrow{display:list-item}
  button.rowmore,.top,nav.main,.toc,.cta,.chips,.chips-row,.g-side{display:none!important}
  a[href]{text-decoration:none;color:#000}
  .tbl{overflow:visible;border:0}
}