/* Static legal pages (privacy, recipient notice). Shares tokens and the header/footer with style.css. */
.legal{max-width:720px;margin:0 auto;padding:30px 22px 110px}
.legal .eyebrow{margin-bottom:26px}
.legal h1{font-size:clamp(46px,5.6vw,86px);margin-bottom:22px;isolation:isolate}
.legal h1 em:after{bottom:4px;height:8px}
.legal .updated{font-size:11px;letter-spacing:.06em;color:var(--muted);margin-bottom:38px}
.legal .lede{font-size:18px;line-height:1.6;margin-bottom:44px}
.legal h2{font-size:clamp(26px,2.4vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:52px 0 16px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:var(--muted)}
.legal p+p{margin-top:16px}
.legal ul{margin:0;padding-left:22px}
.legal li+li{margin-top:8px}
.legal ul+p{margin-top:18px}
.legal a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.legal a:hover{opacity:.6}
.legal dl{margin:22px 0 0;border-top:1px solid var(--line);padding-top:6px}
.legal dt{color:var(--ink)}
.legal dd{font-size:15px}
.legal .stop{background:var(--field);border-radius:22px;padding:34px 34px 38px;margin-top:52px}
.legal .stop h2{margin-top:0}
.legal .stop p{color:var(--accent-ink)}
.legal .colophon{border-top:1px solid var(--line);margin-top:60px;padding-top:24px}
.legal .colophon p{font-size:12px;line-height:1.7}
.legal .related{margin-top:34px;font-size:13px}
.legal .related a{display:inline-block;padding:10px 0;border-bottom:1px solid var(--ink);text-decoration:none}
.legal .related a span{margin-left:22px}
footer .legal-links{display:flex;gap:22px;font-size:10px;letter-spacing:.06em}
footer .legal-links a{text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
@media(max-width:650px){.legal{padding:16px 22px 70px}.legal h1{font-size:clamp(40px,11vw,56px)}.legal .lede{font-size:16px}.legal p,.legal li{font-size:14px}.legal .stop{padding:26px 24px 28px;border-radius:18px}footer .legal-links{width:100%}}
