:root { --paper:#f4e9cf; --ink:#12100e; --red:#c13624; --yellow:#efba3f; --green:#254b3d; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font: 500 1rem/1.65 "DM Sans",system-ui,sans-serif; }
a { color:inherit; }
a:focus-visible, button:focus-visible { outline:3px solid var(--yellow); outline-offset:4px; }
.legal-header { padding: 24px clamp(20px,5vw,72px); background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-header a { text-decoration:none; }
.brand { color:var(--yellow); font: 2rem/1 "Anton",Impact,sans-serif; letter-spacing:.02em; }
.back { font-weight:800; }
main { width:min(900px,calc(100% - 40px)); margin:clamp(48px,8vw,96px) auto; }
.eyebrow { color:var(--red); font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:.2em 0 .35em; font: clamp(3.4rem,10vw,7rem)/.88 "Anton",Impact,sans-serif; text-transform:uppercase; }
h2 { margin:2em 0 .5em; font: 2rem/1 "Anton",Impact,sans-serif; text-transform:uppercase; }
h3 { margin:1.5em 0 .3em; }
p,li { max-width:76ch; }
.notice { margin: 28px 0; padding:18px 20px; border-left:8px solid var(--yellow); background:#fff8; }
.pending { border-color:var(--red); }
.legal-footer { padding:40px clamp(20px,5vw,72px); background:var(--green); color:#fff; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.legal-footer button { border:0; padding:0; background:none; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; }