.legal { padding: 60px 20px 80px; max-width: 820px; }
.legal h1 { font-size: clamp(28px, 4vw, 38px); font-weight: 800; margin-bottom: 8px; }
.legal .legal-updated { color: var(--muted); font-size: 14px; margin-bottom: 36px; }
.legal h2 { font-size: 20px; font-weight: 700; margin: 32px 0 10px; }
.legal p, .legal li { color: var(--muted); font-size: 15px; line-height: 1.7; }
.legal ul { padding-left: 20px; margin: 8px 0; }
.legal li { margin-bottom: 6px; }
.legal a { color: var(--primary); }
.legal .legal-note { margin-top: 40px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 12px; font-size: 13px; }