.legal { max-width: 800px; margin: 4px auto 32px; padding: 28px; }
.legal h2 { margin-top: 34px; }
.legal p, .legal li { color: var(--ink-2); }
.legal li + li { margin-top: 7px; }
.legal-index { margin: 22px 0 28px; padding: 16px 18px; background: var(--violet-50); border-radius: 12px; }
.legal-index ol { margin: 8px 0 0; padding-left: 22px; }
.legal-date { margin-top: 8px; color: var(--ink-3); font-size: 14px; }
@media (max-width: 560px) { .legal { margin: 0 16px 24px; padding: 22px 18px; } }