/* BASE — shared by every page.
   The page's base rules, lifted verbatim from the home page's locked comp (index.css),
   plus the self-hosted Barlow face that replaces the comps' Google Fonts link. */

/* Barlow Semi Condensed, weight 700 only, WOFF2, subset to latin + latin-ext.
   Self-hosted so no request ever goes to the Google Fonts CDN. The family string stays
   exactly 'Barlow Semi Condensed', Impact, sans-serif so nothing else in the CSS changes.
   SIL Open Font License 1.1 — notice at /fonts/OFL.txt. See SPEC - Section 1 (locked).md §1. */
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('/fonts/barlow-semi-condensed-700.woff2') format('woff2')}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F9F7F4;color:#1A1A1A;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden}
a{color:#654199;text-decoration:none}
a:hover{color:#CF5496}
/* Inline prose link — the site's one treatment for a link inside body prose. Minted in Build 4 for the
   legal pages (as .legal__body a) and promoted here so the FAQ answers use the same rule rather than a
   second copy; the selector covers legal bodies and FAQ answers only, and ordinary links keep the
   default above. --ink2 grey with an underline, deliberately not purple (the record reserves purple for
   five places, and body-link text is not one). tokens.css loads before base.css, so the vars resolve. */
.legal__body a,.faq-a a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.legal__body a:hover,.faq-a a:hover{color:var(--purple)}
