/* Legal pages (privacy): one readable column on the site's dark background. */
.legal { max-width: 680px; margin: 0 auto; padding: 48px 16px 96px; }
.legal-back { display: inline-flex; align-items: center; gap: 10px; color: var(--text); font-weight: 600; margin-bottom: 48px; }
.legal-back img { border-radius: 22%; }
.legal h1 { font-size: clamp(36px, 6vw, 56px); font-weight: 500; letter-spacing: -.03em; line-height: 1.05; margin: 0 0 8px; }
.legal-date { color: var(--dim-text); margin: 0 0 40px; }
.legal h2 { font-size: 20px; font-weight: 600; margin: 40px 0 12px; }
.legal p { color: var(--muted); line-height: 1.6; margin: 0 0 14px; }
.legal a:not(.legal-back) { color: var(--text); text-decoration: underline; text-underline-offset: 3px; }