@import url("styles.css");

.legal-shell { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 80px 0 120px; }
.legal-back { color: var(--cyan); font-size: .9rem; font-weight: 750; }
.legal-header { padding: 65px 0 35px; border-bottom: 1px solid var(--line); }
.legal-header h1 { max-width: none; font-size: clamp(2.8rem, 8vw, 5rem); }
.legal-header p { margin: 18px 0 0; color: var(--muted); }
.legal-content { padding-top: 30px; color: #c5d4e4; }
.legal-content section { padding: 26px 0; border-bottom: 1px solid rgba(157,190,225,.13); }
.legal-content h2 { font-size: 1.35rem; letter-spacing: -.02em; margin-bottom: 12px; }
.legal-content h3 { font-size: 1rem; color: var(--text); margin: 24px 0 8px; }
.legal-content p, .legal-content li { font-size: 1rem; }
.legal-content ul { padding-left: 22px; }
.legal-content a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.legal-note { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
@media (max-width: 640px) { .legal-shell { width: min(100% - 28px, 820px); padding-top: 40px; } }