/*
 * Homepage section-header and CTA guardrails.
 * These rules intentionally load last: the homepage has several deferred style
 * bundles, and the older absolutely-centred label rule can otherwise overlap
 * its adjacent link on narrow viewports.
 */
html.page-home #cases .section-container,
html.page-home #blog .section-container,
html.page-home #cases .section-container > div,
html.page-home #blog .section-container > div {
    min-width: 0;
}

html.page-home #cases .section-title,
html.page-home #blog .section-title {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

html.page-home .case-section-cta .btn-primary-inline,
html.page-home .case-section-cta .btn-primary-inline:visited {
    color: #071110 !important;
    background: #36b8a9 !important;
    border-color: #36b8a9 !important;
    text-shadow: none !important;
}

html.page-home .case-section-cta .btn-primary-inline:hover,
html.page-home .case-section-cta .btn-primary-inline:focus-visible {
    color: #071110 !important;
    background: #56cfbf !important;
    border-color: #56cfbf !important;
}

@media (max-width: 768px) {
    html.page-home #cases .section-label-relative,
    html.page-home #blog .section-label-relative {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        justify-content: initial !important;
        width: 100% !important;
        gap: 10px !important;
    }

    html.page-home #cases .section-label-relative .label-center,
    html.page-home #blog .section-label-relative .label-center {
        position: static !important;
        display: inline-flex !important;
        align-items: center !important;
        min-width: 0 !important;
        transform: none !important;
        white-space: normal !important;
        line-height: 1.35 !important;
    }

    html.page-home #cases .section-label-relative .learn-more,
    html.page-home #blog .section-label-relative .learn-more {
        margin-left: 0 !important;
    }

    html.page-home #cases .section-title,
    html.page-home #blog .section-title {
        font-size: clamp(30px, 9.2vw, 42px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        white-space: normal !important;
    }
}