/* Reading pages reuse the site's palette, type and shared header/footer. */
.legal-hero{padding:72px 0 40px}
.legal-page h1{font-size:clamp(48px,10vw,112px);line-height:1.02}
.legal-accent{color:var(--ac)}
.legal-intro{font-size:clamp(17px,2.2vw,20px);line-height:1.65;color:var(--muted);max-width:680px;margin:28px 0}
.legal-review{border:1px solid var(--line);border-left:3px solid var(--ac);border-radius:0 16px 16px 0;background:var(--card);padding:18px 22px;line-height:1.65;color:var(--muted)}
.legal-review strong{color:var(--fg)}
.legal-date{font-size:14px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.legal-toc{padding:24px 0 36px;border-bottom:1px solid var(--line)}
.legal-toc>div{display:flex;flex-wrap:wrap;gap:10px}
.legal-toc a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;line-height:1.5}
.legal-toc a:hover{border-color:var(--ac);color:var(--ac)}
.legal-copy section{padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:180px}
.legal-copy h2{font:700 clamp(21px,3vw,27px)/1.35 'Space Grotesk',system-ui,sans-serif;text-transform:none;margin:0 0 18px;overflow-wrap:anywhere}
.legal-copy p,.legal-copy li{font-size:17px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.legal-copy p{margin:0 0 16px}.legal-copy p:last-child{margin-bottom:0}
.legal-copy ul{padding-left:24px;margin:16px 0}.legal-copy li+li{margin-top:12px}
.legal-copy strong{color:var(--fg)}
.legal-copy a{text-decoration:underline;text-underline-offset:4px;color:var(--fg)}
.legal-copy a:hover{color:var(--ac)}
.legal-pending{color:var(--ac)}
.legal-top{display:inline-flex;align-items:center;min-height:44px;margin:32px 0 56px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.legal-hero{padding-top:44px}.legal-copy section{padding:28px 0}.legal-copy p,.legal-copy li{font-size:16px}.legal-review{padding:16px}.legal-page h1{font-size:clamp(44px,10.8vw,65px)}}

/* Legal headings follow the Menu page's compact treatment and wrap on small screens. */
.legal-compact .legal-hero{padding:72px 0 40px}
.legal-compact h1{font-size:clamp(60px,9.6vw,135px);line-height:.98;letter-spacing:0}
.legal-compact .legal-intro{margin:20px 0}
@media(max-width:899px){.legal-compact .legal-hero{padding:48px 0 32px}}
@media(max-width:450px){.legal-compact h1{font-size:clamp(50px,13vw,58px)}.legal-compact .legal-hero{padding:36px 0 28px}}