/* Responsive Styles */

/* Tablet Styles (e.g., screens <= 768px) */
@media (max-width: 768px) {
    main.content {
        padding-top: 55px; /* Account for fixed header height */
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .first-under-header-section {
        margin-top: -55px; /* Pulls the first section up to fill space potentially left by adjusted header padding */
    }

    main.content h1 { font-size: 30px; } /* Base H1 adjustment */
    main.content h2 { font-size: 2em; }   /* Base H2 adjustment */
}

/* Mobile Styles (e.g., screens <= 480px) */
@media (max-width: 480px) {
    :root {
        --h2-font-size: 2em; /* Global H2 variable override for mobile */
    }

    /* Page-specific H2 overrides - consider moving to text-pages.css or specific page CSS */
    main.terms-page h2 {
        font-size: 1.6em;
    }
    main.privacy-policy h2 {
        font-size: 1.6em;
    }
    /* End page-specific H2 overrides */
    
    main.content {
        padding-top: 55px; /* Account for fixed header height */
        padding-bottom: 1rem;
        padding-left: 1em;
        padding-right: 1em;
    }
    main.content h1 { font-size: 26px; } /* Base H1 adjustment for mobile */
}

/* End of refactored responsive.css */