.legal{max-width:780px;padding-block:48px 64px;overflow-wrap:anywhere}
.legal h1{font-size:clamp(2rem,6vw,3rem);letter-spacing:-1px}
.legal h2{font-size:1.35rem;letter-spacing:0;margin-top:2rem;margin-bottom:.75rem}
.legal p,.legal li{max-width:75ch}
.legal li{margin-bottom:.5rem}
.legal nav{flex-wrap:wrap;gap:8px 24px;margin-block:24px}
.legal nav a{font-size:1rem;text-decoration:underline}
.legal .updated{color:var(--muted)}
.legal-header .nav{flex-wrap:wrap;justify-content:space-between;gap:12px}
.legal-header a:last-child{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:720px){.legal{padding-block:32px 48px}.legal ul,.legal ol{padding-left:1.3rem}}
@media print{header,footer,.skip,.legal nav{display:none}.legal{max-width:none;width:100%;padding:0}a{color:inherit}}
.legal{padding-block:56px 76px}
.legal h1{letter-spacing:-.045em;line-height:1.18}
.legal h2{letter-spacing:-.025em;margin-top:2.25rem}
.legal nav{padding:14px 18px;background:var(--cream);border:1px solid var(--line);border-radius:12px}
.legal-header .nav{padding-block:18px}
@media(max-width:720px){.legal{padding-block:36px 56px}.legal nav{gap:8px 16px;padding:12px}}
/* Legal pages prioritize readable text over oversized top and bottom margins. */
.legal{padding-block:40px 52px}
.legal nav{margin-block:18px}
.legal h2{margin-top:1.75rem}
@media(max-width:720px){.legal{padding-block:26px 40px}.legal nav{margin-block:14px}}