/*
 * Reduce tablet/mobile typography for BEOS block sections.
 * Scope is limited to block section wrappers to avoid global content changes.
 */

@media (max-width: 991.98px) {
    .three-row-hero-block .header-hero {
        font-size: 28px;
        line-height: 1.25;
    }

    .text-image-block h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    section.bb h1,
    section.block-container h1,
    section.stage h1,
    section.beos-extra-navigation-section h1,
    section.three-row-hero-block h1 {
        font-size: 34px;
        line-height: 1.2;
    }

    section.bb h2,
    section.block-container h2,
    section.stage h2,
    section.beos-extra-navigation-section h2,
    section.three-row-hero-block h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    section.bb h3,
    section.block-container h3,
    section.stage h3,
    section.beos-extra-navigation-section h3,
    section.three-row-hero-block h3 {
        font-size: 24px;
        line-height: 1.3;
    }

    section.bb h4,
    section.block-container h4,
    section.stage h4,
    section.beos-extra-navigation-section h4,
    section.three-row-hero-block h4 {
        font-size: 21px;
        line-height: 1.35;
    }

    section.bb h5,
    section.block-container h5,
    section.stage h5,
    section.beos-extra-navigation-section h5,
    section.three-row-hero-block h5,
    section.bb h6,
    section.block-container h6,
    section.stage h6,
    section.beos-extra-navigation-section h6,
    section.three-row-hero-block h6 {
        font-size: 19px;
        line-height: 1.35;
    }

    section.bb p,
    section.block-container p,
    section.stage p,
    section.beos-extra-navigation-section p,
    section.three-row-hero-block p,
    section.bb li,
    section.block-container li,
    section.stage li,
    section.beos-extra-navigation-section li,
    section.three-row-hero-block li {
        font-size: 17px;
        line-height: 1.55;
    }
}

@media (max-width: 767.98px) {
    .three-row-hero-block .header-hero {
        font-size: 26px;
        line-height: 1.25;
    }

    .text-image-block h2 {
        font-size: 26px;
        line-height: 1.25;
    }

    section.bb h1,
    section.block-container h1,
    section.stage h1,
    section.beos-extra-navigation-section h1,
    section.three-row-hero-block h1 {
        font-size: 30px;
    }

    section.bb h2,
    section.block-container h2,
    section.stage h2,
    section.beos-extra-navigation-section h2,
    section.three-row-hero-block h2 {
        font-size: 26px;
        line-height: 1.25;
    }

    section.bb h3,
    section.block-container h3,
    section.stage h3,
    section.beos-extra-navigation-section h3,
    section.three-row-hero-block h3 {
        font-size: 22px;
    }

    section.bb h4,
    section.block-container h4,
    section.stage h4,
    section.beos-extra-navigation-section h4,
    section.three-row-hero-block h4 {
        font-size: 20px;
    }

    section.bb h5,
    section.block-container h5,
    section.stage h5,
    section.beos-extra-navigation-section h5,
    section.three-row-hero-block h5,
    section.bb h6,
    section.block-container h6,
    section.stage h6,
    section.beos-extra-navigation-section h6,
    section.three-row-hero-block h6 {
        font-size: 18px;
    }

    section.bb p,
    section.block-container p,
    section.stage p,
    section.beos-extra-navigation-section p,
    section.three-row-hero-block p,
    section.bb li,
    section.block-container li,
    section.stage li,
    section.beos-extra-navigation-section li,
    section.three-row-hero-block li {
        font-size: 16px;
        line-height: 1.5;
    }
}