/* Mobile General Content Page Styles */

@media (max-width: 768px) {

    /* Hero section and main title improvements */
    .hero-section h1:not(.page-title),
    .hero-section .hero-title {
        font-size: clamp(2.2rem, 7vw, 3.5rem) !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        margin-bottom: 1.5rem !important;
    }

    /* Reference and Info Boxes */
    .reference-cards-container+p strong,
    .info-box-accent+p strong {
        /* We keep these visible but adjust for mobile if needed */
    }

}