/* legal.css was written against the V5 token names. Rather than rewrite a
   stylesheet that is already correct, map the old names onto the V6 palette. */
:root{
  --text:var(--ink); --text-2:var(--ink-2); --text-3:var(--mut);
  --divider:var(--line); --elevated:var(--white); --sunk:var(--cream-2);
  --amber-500:var(--amber); --amber-300:#e9d5a9; --amber-050:var(--wash);
  --danger:#a4352b; --mono:var(--font);
  --r-btn:999px; --r-card:26px; --header-h:76px;
  --shadow-sm:0 8px 22px -16px rgba(20,24,31,.4);
}
/* The V6 bar floats over the page, so a legal page needs its own top room. */
.legal-page{padding-top:96px}
.legal-head{padding-bottom:8px}
.legal-head h1{font-size:clamp(30px,4.4vw,44px);letter-spacing:-.032em}
.legal-body h2{margin-top:34px}
.legal-body a{color:var(--amber-ink);text-decoration:underline;text-underline-offset:3px}
.toc a{text-decoration:none}