.legal { max-width: 820px; }
.legal h2 { font-size: 26px; margin: 2.5rem 0 0.75rem; scroll-margin-top: 90px; }
.legal h3 { font-size: 19px; margin: 1.5rem 0 0.5rem; }
.legal p, .legal li { color: var(--text-secondary); }
.legal p + p { margin-top: 0.85rem; }
.legal ul { padding-left: 1.2rem; display: grid; gap: 0.4rem; margin: 0.75rem 0; }
.legal a { color: var(--accent-bright); text-decoration: underline; text-underline-offset: 3px; }
.legal .updated { font-family: var(--mono); font-size: 12px; color: var(--text-muted); }
.legal table { width: 100%; border-collapse: collapse; margin: 1rem 0; table-layout: fixed; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 0.75rem; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; font-size: 15px; }
.legal th { color: var(--text); }
.legal code { font-family: var(--mono); font-size: 13px; color: var(--text); }
@media (max-width: 900px) { .legal th, .legal td { padding: 0.5rem 0.35rem; font-size: 13px; } }