.legal { background: var(--paper); padding: clamp(56px, 8vw, 110px) var(--gutter) clamp(72px, 10vw, 140px); }
.legal-inner { max-width: 720px; margin: 0 auto; }
.legal h1 { font-size: clamp(34px, 4.6vw, 58px); font-weight: 500; letter-spacing: -0.03em; line-height: 1.05; }
.legal .updated { margin-top: 14px; color: var(--mute); font-size: 15px; }
.legal h2 { margin-top: 44px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; }
.legal p { margin-top: 16px; }
.legal ul { margin: 16px 0 0 1.2em; list-style: disc; }
.legal li { margin-top: 8px; padding-left: 4px; }
.legal a { color: var(--navy); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.legal a:hover { color: var(--taupe-d); }
.legal-inner > p:first-of-type { margin-top: 28px; font-size: 19px; }
.legal .updated + p { margin-top: 28px; font-size: 19px; }