.legal{max-width:760px;margin:0 auto;padding:calc(var(--nav-h) + 3rem) var(--gutter) 6rem}
.legal h1,.legal h2{font-family:var(--f-display);font-weight:900;text-transform:uppercase;line-height:.9}
.legal h1{font-size:clamp(3.4rem,10vw,6.5rem);margin-bottom:2rem}
.legal h2{font-size:clamp(1.8rem,4vw,2.4rem);margin:2.5rem 0 .8rem}
.legal p,.legal li{color:rgba(244,239,230,.85);margin-bottom:.8rem;max-width:68ch}
.legal ul{list-style:disc;padding-left:1.3rem;margin-bottom:1rem}
.legal a{color:var(--amber);text-decoration:underline}
.legal .back{display:inline-block;margin-bottom:2rem;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
mark.todo{background:var(--amber);color:var(--ink);padding:0 .3em;border-radius:3px;font-weight:700}
/* Skip link: first focusable element, visible only on focus */
.skip{position:absolute;left:var(--gutter);top:-4rem;z-index:9100;background:var(--amber);color:var(--ink);padding:.6rem 1rem;font-weight:700;border-radius:3px;text-decoration:none;transition:top .15s}
.skip:focus,.skip:focus-visible{top:.8rem}
.legal:focus{outline:none}
/* Visible keyboard focus on every interactive element (contrast of amber on ink is above 9:1) */
.legal a:focus-visible,.legal-foot a:focus-visible,.skip:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:2px}
.skip:focus-visible{outline-color:var(--paper)}
.legal h2[id]{scroll-margin-top:1.5rem}
.legal h3{font-family:var(--f-display);font-weight:800;text-transform:uppercase;font-size:1.3rem;margin:1.5rem 0 .5rem}
.legal code{font-family:var(--f-mono);font-size:.9em;color:var(--paper);background:var(--ink-3);padding:.05em .35em;border-radius:3px}
.legal li{margin-bottom:.5rem}
.legal .toc{list-style:none;columns:2 16rem;column-gap:2rem;margin-bottom:1.5rem}
.legal .toc li{break-inside:avoid;margin-bottom:.3rem}
.legal-foot{max-width:760px;margin:0 auto;padding:2rem var(--gutter) 3rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-family:var(--f-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.legal-foot a{color:var(--paper);text-decoration:underline;padding:.2rem 0}
.legal-foot a[aria-current="page"]{color:var(--amber);text-decoration:none}