/* Shared shell for /privacy, /terms and 404. Same tokens as index.html.
   :WHY? one stylesheet for the secondary pages so the legal pages cannot drift from each other;
   the home page keeps its CSS inline for a single-request first paint. */
@font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--paper:#FBFAF7;--paper-2:#F2F0EA;--ink:#16171A;--ink-2:#4A4D55;--rule:#D9D6CE;--pen:#22409A;--pen-ink:#FFFFFF;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#131518;--paper-2:#1B1E22;--ink:#E9E6DF;--ink-2:#A9ADB5;--rule:#2E3238;--pen:#A9B8FF;--pen-ink:#131518;color-scheme:dark}}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%;scrollbar-color:var(--rule) var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.62 "Newsreader","Iowan Old Style","Charter",Cambria,Georgia,serif;caret-color:var(--pen)}
::selection{background:var(--pen);color:var(--pen-ink)}
a{color:var(--pen);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--pen);outline-offset:3px;border-radius:2px}
.doc{max-width:46rem;margin:0 auto;padding:1.25rem 1.25rem 3rem}
.mast{border-bottom:1px solid var(--ink);padding-bottom:.7rem;margin-bottom:2.5rem}
.mast a{font-weight:600;font-size:1.2rem;color:var(--ink);text-decoration:none}
.mast a:hover{color:var(--pen)}
h1{font-size:clamp(2.1rem,5vw,2.9rem);line-height:1.08;letter-spacing:-.02em;font-weight:500;margin:0 0 .75rem;text-wrap:balance}
h2{font-size:1.3rem;line-height:1.3;font-weight:600;margin:2.4rem 0 .5rem;text-wrap:balance}
p,li{max-width:68ch}
code{font-size:.85em;overflow-wrap:anywhere}
.meta{color:var(--ink-2);font-size:1rem}
footer{border-top:1px solid var(--ink);margin-top:3rem;padding-top:1.1rem;color:var(--ink-2);font-size:1rem}