.legal { max-width: 900px; margin: 0 auto; padding: 48px 20px 40px; }
.legal__home { display: inline-block; margin-bottom: 20px; font-weight: 600; }
.legal h1 { text-align: left; margin-bottom: 8px; }
.legal h2 { text-align: left; margin: 36px 0 12px; font-size: 1.3rem; }
.legal p { color: var(--text); line-height: 1.65; margin-bottom: 10px; }
.legal__meta { color: var(--muted); font-size: .9rem; }
.legal ol { padding-left: 22px; margin: 0 0 14px; }
.legal ul { padding-left: 22px; margin: 0 0 14px; }
.legal li { color: var(--text); line-height: 1.65; margin-bottom: 8px; }
.legal li::marker { color: var(--muted); }
@media (max-width: 720px) { .legal { padding: 32px 16px 24px; } .legal h2 { font-size: 1.15rem; } }