.legal { max-width: 780px; margin: 0 auto; padding: 150px 24px 100px; }
.legal h1 { font-size: clamp(2.4rem, 6vw, 3.8rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; margin-top: 16px; }
.legal .updated { color: var(--muted); font-size: 0.9rem; margin: 16px 0 48px; }
.legal h2 { font-size: 1.15rem; font-weight: 700; margin: 48px 0 14px; padding-top: 26px; border-top: 1px solid var(--line); }
.legal p, .legal li { color: rgba(250, 249, 247, 0.78); font-size: 1rem; }
.legal p { margin: 0 0 14px; }
.legal ul, .legal ol { margin: 0 0 14px 22px; }
.legal li { margin-bottom: 6px; }
.legal strong { color: var(--white); font-weight: 700; }
.legal a { color: var(--sky); text-underline-offset: 3px; }
.footer-bottom a { text-decoration: none; color: var(--muted); }
.footer-bottom a:hover { color: var(--white); }