/* Shared styles for the legal pages (same palette as the app) */
:root{
  --bg:#F2F3F7; --surface:#FFFFFF; --ink:#1B2040; --muted:#5D6385; --line:#D9DBE7; --accent:#D3436B; --note:#FFF4D6; --note-ink:#6B4A00;
  --f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:"Figtree", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#10132A; --surface:#181C38; --ink:#ECEEF8; --muted:#A3A8C7; --line:#2C3157; --accent:#F06D92; --note:#3A3012; --note-ink:#F3D68A; color-scheme:dark }}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--f-body);padding-inline:16px;padding-block:32px 64px}
main{max-width:720px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,5vw,48px)}
h1,h2{font-family:var(--f-display);line-height:1.15;text-wrap:balance}
h1{font-size:34px;margin:0 0 4px}
h2{font-size:20px;margin:32px 0 8px}
p,li{max-width:65ch}
a{color:var(--accent)}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.back{display:inline-block;margin-bottom:20px;font-weight:600;text-decoration:none}
.draft{background:var(--note);color:var(--note-ink);border-radius:10px;padding:12px 16px;font-size:14px;margin-bottom:24px}
.caps{text-transform:uppercase;font-size:14px;letter-spacing:.01em}
.ph{background:var(--note);color:var(--note-ink);border-radius:4px;padding:0 4px;font-weight:600}