.legal-page { padding: 28px 0 70px; }
.legal-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 22px; }
.legal-card { width: min(920px, 100%); margin-inline: auto; padding: 34px; }
.legal-card h1 { margin: 20px 0 12px; font-size: clamp(3.4rem, 7vw, 5.8rem); }
.legal-card h2 { margin: 30px 0 8px; color: var(--yellow); font-size: 2rem; }
.legal-card h3 { margin: 22px 0 6px; font-family: var(--font-body); font-size: 1rem; letter-spacing: 0; line-height: 1.4; }
.legal-card p, .legal-card li { color: var(--muted); }
.legal-card ul { padding-left: 22px; }
.legal-card a { color: var(--yellow); text-decoration: underline; text-underline-offset: 3px; }
.legal-table { width: 100%; margin: 18px 0; border-collapse: collapse; font-size: .9rem; }
.legal-table th, .legal-table td { padding: 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.legal-table th { color: var(--yellow); background: rgba(247,199,65,.06); }
.legal-note { padding: 16px; border: 1px solid rgba(255,114,114,.38); border-radius: 16px; background: rgba(255,114,114,.055); color: #ffd4d4 !important; }
@media (max-width: 620px) { .legal-card { padding: 20px; border-radius: 22px; } .legal-header { align-items: flex-start; } .legal-table { display: block; overflow-x: auto; } }