.legal-header { position: relative; left: auto; transform: none; margin: 0 auto; }
.legal-page { width: min(100%, 860px); margin: 0 auto; padding: 4rem var(--gutter) 6rem; }
.legal-page h1 { max-width: none; font-size: clamp(2.5rem, 7vw, 4rem); margin-bottom: 1.5rem; }
.legal-page h2 { font-size: 1.5rem; line-height: 1.2; letter-spacing: -.025em; margin: 2.5rem 0 .8rem; }
.legal-page p, .legal-page li { color: var(--muted); line-height: 1.8; }
.legal-page a { color: var(--text); text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.legal-nav { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 3rem; }
@media (max-width: 720px) { .legal-header { position: relative; } .legal-page { padding-top: 3rem; } }