/* Mobile typography */
@media (max-width: 576px) {
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }

    .page-hero {
        padding: 50px 15px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}