.legal { padding-top: 56px; padding-bottom: 80px; }
.legal h1 { font-size: clamp(32px, 4vw, 44px); margin-bottom: 12px; }
.legal h2 { font-size: 22px; margin: 40px 0 12px; scroll-margin-top: calc(var(--header-h) + 16px); }
.legal h3 { font-size: 17px; margin: 22px 0 8px; letter-spacing: -.01em; }
.legal p, .legal li { color: var(--ink-2); }
.legal p + p { margin-top: 10px; }
.legal ul { padding-left: 20px; margin: 0; display: grid; gap: 6px; }
.legal strong { color: var(--ink); }
.legal-intro { font-size: 15px; }
.legal-update { margin-top: 40px; font-size: 14px; }
.todo { background: var(--yellow); color: var(--ink); padding: 0 6px; border-radius: 4px; font-weight: 700; }