.legal { background: var(--paper); }
.legal-nav { padding-top: 28px; padding-bottom: 28px; }
.legal-body { max-width: 760px; padding-bottom: 96px; display: grid; gap: 14px; }
.legal-body h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); margin: 32px 0 6px; }
.legal-body h2 { font-size: var(--t-lg); font-stretch: var(--semi); margin-top: 22px; }
.legal-body p { color: var(--ink-2); max-width: 40em; }
.legal-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }