/* HPE / HEP screening pages only. Loaded after modern.css. */

/* Remove the oversized gap between the hero and the first content block. */
body.hpe-screening-page #main > .inner > section.hpe-screening-hero {
    padding-bottom: 1.8rem !important;
}
body.hpe-screening-page #main > .inner > section:nth-of-type(2) {
    padding-top: 0.9rem !important;
}
body.hpe-screening-page .hpe-screening .trust-strip {
    margin-top: 0.75rem !important;
    margin-bottom: 1.7rem !important;
}

/* Four process cards: 1–2 on first row, 3–4 underneath. */
body.hpe-screening-page .hpe-screening .steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    max-width: 900px;
}

/* Sidebar email must never run outside its column. */
body.hpe-screening-page #sidebar .contact li,
body.hpe-screening-page #sidebar .contact a {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.hpe-screening-page #sidebar .contact a {
    display: inline-block !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
}

/* Also keep long e-mail addresses safe inside process/purchase cards. */
body.hpe-screening-page .hpe-screening .step-card a,
body.hpe-screening-page .hpe-screening .purchase-box a {
    overflow-wrap: anywhere;
}

@media screen and (max-width: 736px) {
    body.hpe-screening-page #main > .inner > section.hpe-screening-hero {
        padding-bottom: 1.3rem !important;
    }
    body.hpe-screening-page #main > .inner > section:nth-of-type(2) {
        padding-top: 0.7rem !important;
    }
    body.hpe-screening-page .hpe-screening .steps-grid {
        grid-template-columns: 1fr !important;
    }
}