/* ═══════════════════════════════════════════════════════════════════
   sv-legal.css  —  Styles for privacy.html and terms.html
═══════════════════════════════════════════════════════════════════ */

.legal-hero { padding: 60px 0; background: var(--bg-light); border-bottom: 1px solid var(--border-light); margin-bottom: 60px; }
.legal-hero h1 { font-family: 'Montserrat', sans-serif; font-size: 36px; margin-bottom: 10px; color: var(--dark-blue); }
.legal-hero p { color: var(--text-gray); font-size: 16px; }

.legal-content { max-width: 900px; margin: 0 auto 100px; padding: 0 24px; }
.legal-content h2 { font-family: 'Montserrat', sans-serif; font-size: 22px; color: var(--primary-blue); margin: 40px 0 20px; padding-bottom: 10px; border-bottom: 1px solid var(--border-light); }
.legal-content h3 { font-family: 'Montserrat', sans-serif; font-size: 18px; margin: 25px 0 15px; color: var(--text-dark); }
.legal-content p { margin-bottom: 20px; font-size: 15px; color: var(--text-gray); }
.legal-content ul { margin-bottom: 20px; padding-left: 20px; }
.legal-content li { margin-bottom: 10px; font-size: 15px; color: var(--text-gray); }

.last-updated { font-size: 13px; color: var(--text-light); font-style: italic; margin-bottom: 40px; }
.contact-box { background: var(--bg-light); padding: 30px; border-radius: 12px; border: 1px solid var(--border-light); margin-top: 50px; }
.contact-box h3 { margin-bottom: 15px; color: var(--primary-blue); font-family: 'Montserrat', sans-serif; }
.contact-box h4 { margin-bottom: 15px; color: var(--primary-blue); font-family: 'Montserrat', sans-serif; }

@media (max-width: 768px) {
    .legal-hero { padding: 40px 0; }
    .legal-hero h1 { font-size: 28px; }
}