.legal { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
.legal h1 { font-size: 40px; margin: 28px 0 8px; }
.legal h2 { font-size: 22px; margin: 34px 0 10px; }
.legal p, .legal li { color: var(--ink-2); max-width: 70ch; }
.legal p + p { margin-top: 10px; }
.legal ol, .legal ul { padding-left: 22px; display: grid; gap: 6px; margin: 10px 0; }
.legal .draft { background: var(--sand-wash); border-radius: var(--r-md); padding: 12px 16px; margin-top: 16px; font-size: 15px; color: var(--ink); }
.legal .meta { color: var(--ink-3); font-size: 14px; }
.legal nav { margin-top: 18px; display: flex; gap: 16px; flex-wrap: wrap; font-size: 15px; }