/* ===== Legal Pages - Private Styles ===== */
/* Used on privacy.html and terms.html; depends on main.css variables */

.legal-page .page-hero {
    height: 300px;
}

.legal-page .page-hero h1 {
    font-size: 56px;
    margin-bottom: 10px;
}

.legal-page .page-hero p {
    font-size: 20px;
    opacity: 0.9;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .legal-page .page-hero h1 {
        font-size: 36px;
    }

    .legal-page .page-hero p {
        font-size: 16px;
    }
}