/* Shared shell for /privacy, /terms and 404. Same tokens as index.html.
   :WHY? one stylesheet for the three secondary pages so the legal pages cannot drift
   from each other; the home page keeps its CSS inline (single-request first paint). */
@font-face{font-family:"Space Grotesk";src:url("/assets/fonts/space-grotesk-var-latin.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{--paper:#F4F1EA;--paper-2:#EAE5D9;--ink:#13202B;--ink-2:#3D4A54;--teal:#0B6168;--line:#CFC7B6;--shadow:19 32 43;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0E1820;--paper-2:#15222C;--ink:#ECE6D8;--ink-2:#B3BCC2;--teal:#6CCFCB;--line:#2C3C48;--shadow:0 0 0;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#0E1820;--paper-2:#15222C;--ink:#ECE6D8;--ink-2:#B3BCC2;--teal:#6CCFCB;--line:#2C3C48;--shadow:0 0 0;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 "Space Grotesk",ui-sans-serif,system-ui,sans-serif;caret-color:var(--teal)}
::selection{background:var(--teal);color:var(--paper)}
a{color:var(--teal);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:2px}
.doc{max-width:46rem;margin:0 auto;padding:2.5rem 1rem 4rem}
.back{display:inline-block;margin-bottom:2rem;font-weight:600}
h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 .75rem;text-wrap:balance}
h2{font-size:1.25rem;line-height:1.3;margin:2.5rem 0 .5rem;text-wrap:balance}
p,li{max-width:68ch}
.meta{color:var(--ink-2);font-size:.95rem}
.note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:1.5rem 0;color:var(--ink-2);font-size:.95rem}
footer{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.25rem;color:var(--ink-2);font-size:.9rem}