.legal { max-width: 760px; margin: 0 auto; padding: 8px 16px 48px; }
.legal h1 { font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 900; margin: 16px 0 4px; }
.legal h2 { font-size: 1.2rem; margin: 28px 0 8px; }
.legal p, .legal li { margin: 8px 0; }
.legal ul { padding-left: 22px; }
.legal .updated { color: var(--muted); }
.legal .draft { background: var(--soft); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; font-weight: 700; }
.top nav a { display: inline; }
@media (max-width: 560px) {
    .top { flex-wrap: wrap; }
    .top nav { width: 100%; justify-content: space-between; gap: 10px; font-size: 0.92rem; }
}