/* Shared styles for the plain-content legal pages (privacy, terms, complaints).
   Keeps a tiny, self-contained token set so the pages match the main site
   without pulling the full index.html stylesheet. */
:root{
  color-scheme:dark;
  --bg:#0C0C0E;
  --surface:#141417;
  --line:#26262A;
  --ink:#F4F2ED;
  --ink-2:#CFCCC4;
  --muted:#A19E96;
  --gold:#D5B877;
  --gold-bright:#E2CB90;
  --radius:14px;
  --font-display:"Montserrat","Segoe UI",sans-serif;
  --font-body:"Inter",-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;
  color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;
  padding:48px 24px 96px;
}
.legal-wrap{max-width:44rem;margin:0 auto}
.legal-back{
  display:inline-flex;align-items:center;gap:8px;color:var(--muted);
  font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:32px;text-decoration:none;
}
.legal-back:hover{color:var(--gold)}
h1{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(2rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.015em;
  margin-bottom:12px;color:#fff;
}
.updated{font-size:.9rem;color:var(--muted);margin-bottom:40px}
h2{
  font-family:var(--font-display);font-weight:700;
  font-size:1.35rem;line-height:1.25;letter-spacing:-.01em;
  margin:40px 0 12px;color:#fff;
}
h3{
  font-family:var(--font-display);font-weight:700;
  font-size:1.05rem;margin:28px 0 8px;color:#fff;
}
p,li{color:var(--ink-2);margin-bottom:14px}
ul,ol{padding-left:20px;margin-bottom:14px}
li{margin-bottom:6px}
a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--gold-bright)}
strong{color:#fff;font-weight:600}
.callout{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 22px;margin:24px 0;font-size:.95rem;
}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}