.legal-page { max-width: 920px; margin: 36px auto 72px; }
.legal-card { background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 24px; padding: clamp(24px, 4vw, 46px); }
.legal-card h1 { font-family: var(--font-heading); font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; margin-bottom: 12px; }
.legal-card h2 { color: #e8f6fb; font-family: var(--font-heading); font-size: clamp(1.28rem, 2.4vw, 1.65rem); margin: 34px 0 12px; }
.legal-card p, .legal-card li { color: #c8d4e2; line-height: 1.7; }
.legal-card p + p, .legal-card ul + p { margin-top: 12px; }
.legal-card ul { margin: 12px 0 0; padding-left: 24px; }
.legal-card li + li { margin-top: 7px; }
.legal-card a { color: #a8eaf2; text-decoration: underline; text-underline-offset: 3px; }
.legal-card a:focus-visible { outline: 3px solid var(--accent-cyan); outline-offset: 3px; }
.legal-intro { color: var(--text-muted) !important; font-size: 1.04rem; max-width: 760px; }
.legal-meta { border-bottom: 1px solid var(--card-border); color: #9fb0c4 !important; font-size: .84rem; margin: 0 0 24px; padding-bottom: 18px; }
.legal-note { background: rgba(6,182,212,.08); border-left: 3px solid var(--accent-cyan); border-radius: 0 10px 10px 0; margin-top: 16px; padding: 13px 16px; }
@media (max-width: 600px) { .legal-page { margin: 14px auto 45px; } }