/* 2026-08-03 REL_107 — /faq page-unique CSS. Tokens only: no hex, no rgb()/rgba() literal, no new token.
   (Project trap noted: a colour can hide as a decimal triplet like rgba(11,53,104) = #0b3568. There is no
   colour here at all.)

   Everything structural is SHARED and was grepped in di-system BEFORE writing: .di-sec/--top/--alt/--cta,
   .di-wrap, .di-pagehead, .di-tag, .di-lead, .di-secintro(+--center), .di-measure, .di-prose, .di-static,
   .di-faq, .di-btn/--primary/--ghost, .ico/--md.
   Two shared needs went INTO di-system rather than here, because both are library-level:
     .di-faq summary h3   — questions render as headings on this page (35-item outline)
     .di-btnrow           — centred wrapping button row, promoted on its SECOND occurrence (it was written
                            byte-identical to .fd-hero-cta from REL_106; CSS review was right that a second
                            copy is not fixed by a different name) */

/* ---------- 🔴 sticky-header clearance for the two in-page jump targets ----------
   THE ONE PAGE-UNIQUE RULE, and it fixes a real defect the CSS review found — one no screenshot could show,
   because a screenshot never follows an anchor.

   MEASURED on a cold load of /faq#for-doctors (the shareable-link case this page advertises):
     .di-header is position:sticky, top:0, and .di-nav is 84px tall at EVERY width.
     The section landed at y=0 with scroll-margin-top:0, so the header covered the top 84px of it.
       1280px  .di-sec padding 90px -> the "For Doctors" eyebrow sat at y=95: visible by 11px, by luck.
       900px   .di-sec padding 64px -> eyebrow at y=69: HIDDEN behind the header.
       375px   same -> y=69: HIDDEN.
   ⚠️ My FIRST measurement said "not hidden" at 900px. It was taken 700ms after a click, mid smooth-scroll,
   before the position settled — the same "let state changes settle before measuring" trap Role-11 QA hit in
   REL_106. The cold-load-with-hash measurement above is the honest one, and it agrees with the reviewer.

   Uses the library's own --sticky-top token (90px) and the exact calc() five di-system rules already use
   (.di-prose h2/h3/h4 at 6180/6189/6197). Not a magic number. */
.faq-anchor {
  scroll-margin-top: calc(var(--sticky-top) + 12px);
}