/* ===========================================================================
   SITE.CSS — shared additions introduced by the consolidation only.
   Loaded after elixium-base.css on every route.

   This file contains NOTHING that changes an approved page's design. It holds:
     1. the restrained active-page state on the global nav
     2. sizing for the official LegitScript badge
     3. typography for the legal document pages (they had no template before)

   elixium-base.css itself is untouched — sha256 d2330bc552653be7…, byte
   identical to the file in the approved Home and CoreCheck+ builds.
   =========================================================================== */

/* --- 1 · active page state -------------------------------------------------
   Deliberately restrained: the link takes the same mint the nav already uses
   on hover, plus a hairline rule. No weight change, no size change, no pill.  */
.nav-links a.is-active{color:var(--mint)}
.nav-links a.is-active::after{content:"";display:block;height:1px;margin-top:6px;
  background:currentColor;opacity:.55}
.mobile-menu a.is-active{color:var(--mint)}

/* --- 2 · LegitScript certification badge -----------------------------------
   Official asset at its native 73x79. Present but not dominant.               */
.legitscript{display:inline-block;margin-top:22px;line-height:0;
  opacity:.9;transition:opacity .25s}
.legitscript:hover{opacity:1}
.legitscript img{display:block;width:73px;height:79px}

/* --- 3 · legal document pages ----------------------------------------------
   These pages did not exist in any approved build, so this is the one place
   new layout was authored. It reuses the site's tokens, page width and
   rhythm — no new colours, no new fonts.                                      */
.legal-page{padding:clamp(116px,12vw,152px) 0 clamp(64px,7vw,96px)}
.legal-doc{max-width:760px}
.legal-doc .eyebrow{margin-bottom:18px}
.legal-doc h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-.025em;margin-bottom:14px}
.legal-doc .updated{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mint);margin-bottom:clamp(34px,4vw,48px);display:block}
.legal-doc h2{font-size:clamp(1.12rem,1.7vw,1.32rem);letter-spacing:-.015em;
  margin:clamp(34px,3.6vw,48px) 0 12px}
.legal-doc h3{font-size:clamp(1rem,1.4vw,1.1rem);margin:26px 0 10px}
.legal-doc p,.legal-doc li{font-size:1rem;line-height:1.75;color:var(--ink-muted)}
.legal-doc p{margin-bottom:16px}
.legal-doc ul,.legal-doc ol{margin:0 0 18px 20px;display:grid;gap:9px}
.legal-doc li{padding-left:4px}
.legal-doc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px}
.legal-doc a:hover{color:var(--green-800)}
.legal-doc strong,.legal-doc b{color:var(--ink);font-weight:600}
.legal-doc hr{border:0;border-top:1px solid var(--line-light);margin:clamp(34px,4vw,48px) 0}
.legal-doc .addr{font-style:normal}

/* A legal page that is awaiting approved copy renders this instead of invented
   text. Uses the same amber review treatment as the rest of the project.      */
.legal-pending{margin-top:28px;padding:24px 26px;border-radius:var(--r-md);
  background:var(--amber-bg);border:1px solid var(--amber-line)}
.legal-pending b{display:block;font-family:var(--font-mono);font-size:.62rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.legal-pending p{margin:0;font-size:.94rem;color:var(--ink-muted)}

/* --- 4 · pages that open on a light background ------------------------------
   .nav is transparent until .scrolled and its text is white, which is correct
   over the dark heroes on / , /how-it-works and /corecheck. Medication Pricing
   and the legal pages open on bg-pale, where a transparent header is invisible.
   body.light-top applies the design system's OWN .nav.scrolled treatment from
   page load — same values, copied from elixium-base.css, no new styling. It
   also reserves clearance under the fixed 74px header for the first section.  */
body.light-top .nav{background:rgba(8,28,20,.8);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border-bottom-color:var(--line-dark)}
body.light-top>.sec:first-of-type{padding-top:clamp(116px,12vw,152px)}

/* --- 5 · footer column count ------------------------------------------------
   elixium-base.css lays the footer out as `1.5fr 1fr 1fr 1fr` (brand + three
   link columns) above 760px. The Company column was removed on 10 Aug, so a
   fourth empty track would otherwise leave a visible hole on the right.
   This narrows the grid to brand + two columns at the same breakpoint. It is
   the only footer geometry change, and elixium-base.css stays untouched.      */
@media(min-width:760px){
  .foot-top{grid-template-columns:1.5fr 1fr 1fr}
}