/* Legal pages (terms, privacy, refunds). Same tokens as index.html and website/design.md: paper, ink, Geist, signal blue for links only */
:root{
  --paper:#F7F8FA; --ink:#0B0D10; --ink-2:#4A525C; --ink-3:#7E858D; --line:#DCDFDC; --signal:#2B4CFF;
  --display:"Geist",system-ui,-apple-system,sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;padding-inline:24px;padding-block:20px 64px}
.doc{max-width:720px;margin:0 auto}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:20px;letter-spacing:-0.03em;text-decoration:none;color:var(--ink);margin-bottom:56px}
.brand svg{width:24px;height:24px}
.brand:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
h1{font-size:clamp(32px,5vw,44px);font-weight:600;letter-spacing:-0.03em;line-height:1.15;margin:0 0 8px}
.meta{font:13px var(--mono);color:var(--ink-3);margin:0 0 40px}
h2{font-size:18px;font-weight:600;letter-spacing:-0.01em;margin:40px 0 8px}
p,li{color:var(--ink-2);max-width:68ch}
p{margin:0 0 12px}
ul{padding-left:20px;margin:0 0 12px}
li{margin:6px 0}
b{color:var(--ink);font-weight:500}
a{color:var(--signal)}
nav.legal{display:flex;flex-wrap:wrap;gap:24px;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font:13px var(--mono)}
nav.legal a{color:var(--ink-3);text-decoration:none}
nav.legal a:hover{color:var(--ink)}
@media (max-width:600px){body{padding-inline:16px}.brand{margin-bottom:40px}}