body.resources__body.body_resources_1_index {
    footer {
        margin: 0;
    }
}

section#indexResources_hero {
    background: var(--main-color-1);
    padding: 20px 0;
}

.h1__h1_indexResources_hero {
    color: #fff;
    text-align: center;
    font-size: var(--page-header-fs1);
}

.p__h1_indexResources_hero {
    color: #fff;
    text-align: center;
    margin: 0;
}

p.p__under_indexResources_hero {
    text-align: center;
    font-size: 1.75rem;
    padding-bottom: 80px;
    background-color: var(--main-color-l1);
    padding-top: 20px;
}

.sec-header.indexResources_sec-header {
    padding-bottom: 0;
}

.sec-header.indexResources_sec-header .h1 {
    margin: 0 0 2rem;
    padding: 0;
}

section#indexResources_hero .container.one-column {
    max-width: 120rem;
    padding: 0 40px;
}

.p__indexResources_hero {
    font-size: 1.85rem;
    line-height: 1.6875;
    font-weight: 500;
}

@media screen and (max-width:1599px) {
    p.p__under_indexResources_hero {
        padding-bottom: 60px;
    }
}

@media screen and (max-width:959px) {
    section#indexResources_hero .container.one-column {
        max-width: 120rem;
        padding: 0 40px;
    }

    .p__indexResources_hero {
        font-size: 1.6rem;
        line-height: 1.6875;
    }
}

@media screen and (max-width:767px) {
    section#indexResources_hero .container.one-column {
        padding: 0 1rem;
        display: flex;
        justify-content: center;
    }

    section#indexResources_hero .container.one-column .acms-grid {
        width: 100%;
    }

    section#indexResources_hero .acms-grid {
        margin-top: auto;
        display: block;
        position: absolute;
        bottom: 0;
    }

    p.p__under_indexResources_hero {
        font-size: 1.65rem;
    }
}

@media screen and (max-width:480px) {
    section#indexResources_hero {
        padding: 40px 0;
    }

    p.p__under_indexResources_hero {
        font-size: clamp(13px, 3.5vw, 15px);
        padding-bottom: 40px;
    }
}

body.body_resources_1_index.body-renewal2025.body-renewal2025_one-column-narrow {
    main.main__indexResources2025 {
        .container {
            /* Was 200px wider than the events and case study index pages. */
            max-width: 1200px;
            padding: 0 20px;
        }
    }
}

.body_resources_1_index {
    main.main__indexResources2025 {
        background-color: var(--main-color-l1);
        padding-bottom: 20rem;

        * {
            box-sizing: border-box;
        }

        article#ES_Resources_index2025 {
            padding: 0 10px;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 50px 30px;

            .wrap_card {
                background: #fff;
                padding: 40px;
                display: grid;
                grid-template-columns: 1fr;
                border-radius: var(--common-br2);
                column-gap: 40px;
                filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
                margin-bottom: 0px;

                .wrap_text {
                    margin-top: 20px;

                    h2.h2_card {
                        margin-bottom: 20px;
                        font-size: 20px;
                        line-height: 1.4;
                        letter-spacing: .025em;
                    }

                    a.btn-common.a_detail {
                        max-width: 275px;
                        font-size: 14px;
                        padding-top: clamp(10px, 1.5vw, 15px);
                        padding-bottom: clamp(10px, 1.5vw, 15px);
                        margin: 0 auto;

                        .allow-box {
                            right: 11px;
                        }
                    }
                }

                .wrap_img {
                    display: flex;
                    height: auto;
                    align-items: center;

                    a {
                        display: flex;
                        height: auto;
                        align-items: center;
                        justify-content: center;
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 1199px) {
    .body_resources_1_index {
        main.main__indexResources2025 {
            & article#ES_Resources_index2025 {
                grid-template-columns: 1fr 1fr;
                gap: 40px 30px;

                .wrap_card {
                    & .wrap_text {

                        a.btn-common.a_detail {
                            font-size: 13px;
                            max-width: 265px;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:959px) {
    .body_resources_1_index {
        main.main__indexResources2025 {
            padding-bottom: 16rem;

            & article#ES_Resources_index2025 {
                .wrap_card {

                    & .wrap_text {
                        h2.h2_card {
                            font-size: 18px;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:767px) {
    .body_resources_1_index {
        main.main__indexResources2025 {
            padding-bottom: 12rem;

            & article#ES_Resources_index2025 {
                padding: 0;
                grid-template-columns: 1fr;
                gap: 30px;

                .wrap_card {

                    & .wrap_text {
                        h2.h2_card {
                            font-size: clamp(18px, 3.5vw, 20px);
                            text-align: center;
                        }

                        a.btn-common.a_detail {
                            max-width: 300px;
                            font-size: 14px;
                            padding-top: clamp(13px, 2vw, 15px);
                            padding-bottom: clamp(13px, 2vw, 15px);
                            margin: 0 auto;
                        }
                    }

                    & .wrap_img {
                        justify-content: center;

                        img {
                            width: 90%;
                            max-width: 400px;
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 480px) {
    .body_resources_1_index {
        main.main__indexResources2025 {
            padding-bottom: 10rem;

            & article#ES_Resources_index2025 {
                padding: 0;

                .wrap_card {
                    padding: 40px 30px;

                    & .wrap_text {
                        a.btn-common.a_detail {
                            width: clamp(235px, 72.5vw, 315px);
                            max-width: 275px;
                            font-size: clamp(13px, 2.75vw, 14px);

                            .allow-box {
                                right: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}

.body_resources_1_entry {
    main.container.container-1.main__indexResources2025 {
        max-width: 980px;
    }

    main.container.main__indexResources2025 {
        max-width: 1400px;
        background: #fff;
        margin-top: 80px;
        padding: 0 30px;

        .column.main-content.contents-wrap-0 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 60px;
        }

        .column.main-content {
            .h2.entry-title {
                margin-top: 0 !important;
                text-align: initial;
                margin-bottom: 20px;
            }
        }

        .wrap-btn-index {
            margin-top: 80px;
        }
    }
}

@media screen and (max-width:1199px) {
    .body_resources_1_entry {
        main.container.main__indexResources2025 {
            .column.main-content.contents-wrap-0 {
                grid-template-columns: 1fr;
                column-gap: initial;
            }

            .wrap-btn-index {
                margin-top: 0px;
            }
        }
    }
}

@media screen and (max-width:767px) {
    .body_resources_1_entry {
        main.container.main__indexResources2025 {
            margin-top: 60px;
            padding: 0 20px;
        }
    }
}

@media screen and (max-width:480px) {
    .body_resources_1_entry {
        main.container.main__indexResources2025 {
            margin-top: 50px;
        }
    }
}

#h2__ResourcesForm {
    font-size: 3rem;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    a.a__for_Resources_index {
        font-size: 15px;
    }
}

@media (min-width: 960px) {
    .h2.entry-title {
        font-size: 3rem;
        text-align: center;
    }
}

a.a__for_Resources_index {
    display: block;
    margin: 60px auto 0;
    text-align: center;
    padding: 15px;
    border: 2.5px solid #388e3c;
    width: 400px;
    border-radius: 35px;
    font-size: 16px;
    transition: all .25s;
}

p.p__ResourcesForm {
    margin-bottom: 20px;
}

p.p__ResourcesForm2 {
    margin: 40px 0 0px;
}

span.span__resources_free {
    display: inline-flex;
    background: var(--main-color-1);
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    align-items: center;
    margin-left: 15px;
    border-radius: 6px;
}

span.span__resources_required {
    display: inline-flex;
    background: var(--main-color-1);
    color: #fff;
    font-size: 12px;
    padding: 1px 10px;
    align-items: center;
    margin-left: 15px;
    border-radius: 4px;
    font-weight: 400;
}


.contact-box p.contact-form-label {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

a.a__ResourcesForm_link {
    text-decoration: underline;
    color: var(--main-color-1);
    font-size: 16px;
    margin-bottom: 30px;
    display: block;
    transition: all .25s;
    margin-top: 10px;
}

a.a__ResourcesForm_link i {
    margin-right: 5px;
}

.contact-box {
    th {
        font-weight: bold;
        display: inline-block;
        margin-bottom: 0.5rem;
        font-size: 16px;
    }

    p.error-text {
        margin: -10px 0 15px 0;
    }

    td.contact-form-control {
        font-size: 16px;
    }

    p.message {
        margin: 0 0 3.5rem 0;
        font-size: 19px;
        font-weight: bold;
        color: var(--main-color-1);
    }

    .acms-admin-form-checkbox label {
        padding-left: 29px;
    }

    .acms-admin-form-checkbox i {
        position: absolute;
        left: 0;
        top: 4px;
    }
}

input#btnSubmit,
input#btnConfirm {
    background: var(--main-color-1);
    border: none;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: clamp(16px, 1.75vw, 18px);
    padding-bottom: clamp(16px, 1.75vw, 18px);
    width: 85%;
    max-width: 450px;
    border-radius: 35px;
    font-size: 15.5px;
    transition: all .25s;
    margin-top: 30px;
}

input#btnToInput {
    background: #909090;
    border: none;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: clamp(16px, 1.75vw, 18px);
    padding-bottom: clamp(16px, 1.75vw, 18px);
    width: 100%;
    min-width: 120px;
    max-width: 450px;
    border-radius: 35px;
    font-size: 15.5px;
    transition: all .25s;
    margin-top: 30px;
}

@media (any-hover: hover) {

    input#btnSubmit:hover,
    input#btnConfirm:hover {
        background: var(--main-color-d1);
    }

    input#btnToInput:hover {
        background: #6e6e6e;
    }

    a.a__ResourcesForm_link:hover {
        color: var(--main-color-d1);
    }
}

form:not(#entryForm):not(#js-module_form) label {
    display: inline-block;
    margin-bottom: initial;
    font-size: 16px;
}

form:not(#entryForm):not(#js-module_form) input[type='email'],
form:not(#entryForm):not(#js-module_form) input[type='number'],
form:not(#entryForm):not(#js-module_form) input[type='password'],
form:not(#entryForm):not(#js-module_form) input[type='search'],
form:not(#entryForm):not(#js-module_form) input[type='tel'],
form:not(#entryForm):not(#js-module_form) input[type='text'],
form:not(#entryForm):not(#js-module_form) input[type='url'],
form:not(#entryForm):not(#js-module_form) select {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ededed;
    border: none;
    border-radius: 0.75rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    height: 4.75rem;
    padding: 1.5rem;
    margin-bottom: 15px;
}

@media screen and (max-width:1199px) {
    section#formResources {
        margin-top: 80px;
    }
}

@media screen and (max-width:959px) {
    a.a__ResourcesForm_link {
        font-size: 15px;
    }

    form:not(#entryForm):not(#js-module_form) label {
        font-size: 15px;
    }

    input#btnSubmit,
    input#btnConfirm {
        font-size: 15px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    input#btnSubmit {
        padding-left: 20px;
        padding-right: 20px;
        min-width: 185px;
        margin-left: 25px;
    }

    span.span__resources_free {
        font-size: 18px;
    }
}

@media screen and (max-width:767px) {
    #h2__ResourcesForm {
        font-size: 2.4rem;
        justify-content: initial;
    }

    .contact-box {
        p.message {
            font-size: 17px;
        }

        p.p__ResourcesForm,
        p.p__ResourcesForm2 {
            font-size: 15px;
        }

        input#btnSubmit,
        input#btnConfirm {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: clamp(16px, 1.75vw, 18px) !important;
            padding-bottom: clamp(16px, 1.75vw, 18px) !important;
        }
    }
}


@media screen and (max-width:480px) {

    input#btnSubmit,
    input#btnConfirm {
        width: 95%;
        font-size: 14px;
    }

    input#btnToInput {
        min-width: 100px;
    }

    input#btnSubmit {
        min-width: 175px;
        margin-left: 10px;
    }

    span.span__resources_free {
        font-size: 16px;
    }
}

@media screen and (max-width:400px) {

    input#btnSubmit,
    input#btnConfirm {
        width: 95%;
        font-size: 13px;
    }
}

.resources__contact-form tr.contact-form-group {
    display: flex;
}

.resources__contact-form th.contact-form-label {
    width: 25%;
}

.resources__contact-form td.contact-form-control {
    width: 75%;
}

.resources__contact-form td.contact-form-control span {
    display: flex;
    align-items: center;
    color: #388e3c;
    font-size: 11px;
    margin-right: 10px;
}

.content__contact-form-control {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 5px 0;
}

.form-btn-return {
    float: none;
}

.form-btn-send {
    float: none;
}

@media screen and (min-width:768px) {
    .resources__contact-form td.contact-form-control {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

}

@media screen and (max-width: 959px) {

    .resources__contact-form th.contact-form-label {
        width: 32.5%;
    }

    .resources__contact-form td.contact-form-control {
        width: 67.5%;
    }
}

@media screen and (max-width: 767px) {
    .resources__contact-form tr.contact-form-group {
        display: initial;
    }

    .resources__contact-form th.contact-form-label {
        width: 100%;
    }

    .resources__contact-form td.contact-form-control {
        width: 100%;
    }

}

@media screen and (max-width:480px) {
    .content__contact-form-control {
        margin: 10px 0;
        line-height: 1.5;
    }
}

#ES_Resources_index {
    .wrap_index-card-type1 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px 30px;
    }

    li.li__article__ES_Resources.index-card-type1 {
        margin-bottom: 0;
    }
}

@media screen and (max-width:1199px) {
    #ES_Resources_index {
        .wrap_index-card-type1 {
            grid-template-columns: 1fr 1fr;
        }
    }
}

@media screen and (max-width:480px) {
    #ES_Resources_index {
        .wrap_index-card-type1 {
            grid-template-columns: 1fr;
        }
    }
}

/* thanks */
p.p__under_indexResources_hero.p__under_indexResources_hero-thanks {
    background: initial;
}

main.container.one-column.main__indexResources.main__indexResources-thanks {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20rem;
    padding-top: 8rem;

    #h2__ResourcesForm {
        justify-content: center;
    }

    p.message-text {
        font-size: 16px;
        line-height: 1.7;
        text-align: center;
    }

    .message-back-link2 {
        margin: 30px auto 0;
    }

    .message-group2 {
        margin-top: 80px;

        h3 {
            font-size: 3rem;
            margin-bottom: 40px;
            text-align: center;
            color: var(--main-color-1);
        }

        p.message-text2 {
            font-size: 16px;
            line-height: 1.7;
        }

        a.btn-common {
            max-width: 375px;
            font-size: clamp(14.5px, 1.75vw, 16px);
            padding-top: clamp(13px, 1.25vw, 15px);
            padding-bottom: clamp(13px, 1.25vw, 15px);
            margin: 0 auto;
        }
    }
}

@media screen and (max-width:959px) {
    main.container.one-column.main__indexResources.main__indexResources-thanks {
        padding-bottom: 16rem;
    }
}

@media screen and (max-width:767px) {
    main.container.one-column.main__indexResources.main__indexResources-thanks {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12rem;

        p.message-text {
            font-size: 15px;
            padding: 0 10px;
            word-break: auto-phrase;
        }

        & .message-group2 {
            h3 {
                font-size: 2.4rem;
            }

            p.message-text2 {
                font-size: 15px;
            }
        }
    }
}

@media screen and (max-width:480px) {
    main.container.one-column.main__indexResources.main__indexResources-thanks {
        padding-bottom: 10rem;

        p.message-text {
            font-size: 14px;
        }
    }
}

/* ============================================================
   Enterprise restyle, matching the top, pricing, features and case study pages.
   Loaded only when %{CCD}/eq/resources, so no scoping is needed.
   Kept at the end of the file to override the per-breakpoint rules above.
   ============================================================ */

/* White, centred page header like the other pages. The English subtitle is gone
   from the markup; hidden here as a safeguard. */
section#indexResources_hero {
    background: #fff;
    /* 60px was too loose once the heading dropped to 32px; 52px measured from the
       breadcrumb. */
    padding: 32px 0 0;
}

.h1__h1_indexResources_hero {
    color: #2a3037;
    font-size: 32px;
    line-height: 1.3;
    letter-spacing: .02em;
    margin: 0;
}

.p__h1_indexResources_hero {
    display: none;
}

/* Part of the grey band behind the list. #FAFAFA reads warm, so this uses the
   site's #f7f7fb instead. */
/* Same intervals as the events page. */
p.p__under_indexResources_hero {
    font-size: 17px;
    color: #2a3037;
    padding-top: 20px;
    padding-bottom: 60px;
}

.body_resources_1_index main.main__indexResources2025,
.body_resources_1_entry main.main__indexResources2025 {
    background-color: #f7f7fb;
}

/* Flat 8px cards with no shadow; white on grey already gives an edge. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 {
    gap: 30px 24px;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card {
    border-radius: 8px;
    padding: 28px;
    filter: none;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_img img {
    border-radius: 8px;
}

/* Same scale as the card headings on the other pages. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text h2.h2_card {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: .01em;
    margin-bottom: 16px;
}

/* Stays green as the primary action; only the radius changes. */
.body_resources_1_index a.btn-common.a_detail,
.body_resources_1_entry a.btn-common {
    border-radius: 3px;
}

/* Article and form headings */
.resources__body .h2.entry-title,
.resources__body #h2__ResourcesForm {
    font-size: 28px;
    letter-spacing: .02em;
}

/* Badges take the same 3px radius as the other chips. */
.resources__body span.span__resources_free {
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
    padding: 4.5px 10px 3.5px;
}

.resources__body span.span__resources_required {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .02em;
    border-radius: 3px;
    padding: 3.5px 10px 2.5px;
}

/* White fields with a blue-grey border, on the grey panel. */
.resources__body form:not(#entryForm):not(#js-module_form) input[type="text"],
.resources__body form:not(#entryForm):not(#js-module_form) input[type="email"],
.resources__body form:not(#entryForm):not(#js-module_form) input[type="tel"],
.resources__body form:not(#entryForm):not(#js-module_form) select,
.resources__body form:not(#entryForm):not(#js-module_form) textarea {
    background: #fff;
    border: 1px solid #c4cbd4;
    border-radius: 3px;
    color: #2a3037;
}

.resources__body form:not(#entryForm):not(#js-module_form) input:focus,
.resources__body form:not(#entryForm):not(#js-module_form) select:focus,
.resources__body form:not(#entryForm):not(#js-module_form) textarea:focus {
    border-color: #2a3037;
    outline: none;
}

/* Submit and confirm buttons take the primary 3px radius. */
.resources__body input#btnConfirm,
.resources__body input#btnSubmit {
    border-radius: 3px;
}

/* The back button is a secondary: white with a light grey border. */
.resources__body input#btnToInput {
    background: #fff;
    color: #2a3037;
    border: 1px solid #d5d5dc;
    border-radius: 3px;
    font-weight: 600;
}

@media (any-hover:hover) {
    .resources__body input#btnToInput:hover {
        background: #2a3037;
        border-color: #2a3037;
        color: #fff;
    }
}

@media screen and (max-width:1199px) {
    .h1__h1_indexResources_hero {
        font-size: 30px;
    }
}

@media screen and (max-width:767px) {
    section#indexResources_hero {
        padding: 24px 0 0;
    }

    .h1__h1_indexResources_hero {
        font-size: 28px;
    }

    /* Same as the pricing page lead (.pricing-subtitle p) on mobile. */
    p.p__under_indexResources_hero {
        font-size: 14px;
        padding-bottom: 40px;
    }

    .resources__body .h2.entry-title,
    .resources__body #h2__ResourcesForm {
        font-size: 24px;
    }
}

@media screen and (max-width:480px) {
    .h1__h1_indexResources_hero {
        font-size: 26px;
    }
}


/* Rows equalise the card heights, so stretching the body block pins the button
   to the bottom whether the title runs to one line or two. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card {
    grid-template-rows: auto 1fr;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text {
    display: flex;
    flex-direction: column;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail {
    margin-top: auto;
}


/* ------------------------------------------------------------
   Inverts the fills: white page, grey cards.
   ------------------------------------------------------------ */
p.p__under_indexResources_hero,
.body_resources_1_index main.main__indexResources2025,
.body_resources_1_entry main.main__indexResources2025 {
    background-color: #fff;
}

/* Equal gaps read as a flat grid; rows are 1.7x the column gap. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 {
    gap: 40px 24px;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card {
    background: #f7f7fb;
}

/* Shrunk to its content; full card width was too heavy. The label goes to 600 so
   it does not read lighter than the other buttons. margin-top:auto pins it to the
   card bottom, auto sides centre it. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail {
    width: auto;
    max-width: 100%;
    align-self: center;
    font-weight: 600;
    padding-left: 24px;
    padding-right: 52px;
    margin: auto auto 0;
}


/* 16px groups the card contents as one block. */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text {
    margin-top: 16px;
}


/* ------------------------------------------------------------
   Download buttons in the list are secondary.
   Every card here ranks equally, so making them all green would break the rule
   that green marks the one action to take. Green is kept for the form submit on
   the entry page.
   ------------------------------------------------------------ */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail {
    background: #fff;
    color: #2a3037;
    border: 1px solid #d5d5dc;
    box-shadow: none;
    transition: background-color .25s, border-color .25s, color .25s;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail .allow-box {
    background: #f3f3f7;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail .allow-box::after {
    color: #2a3037;
}

@media (any-hover:hover) {
    .body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail:hover {
        background: #2a3037;
        border-color: #2a3037;
        color: #fff;
    }

    .body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 .wrap_card .wrap_text a.btn-common.a_detail:hover .allow-box {
        background: #fff;
    }
}


/* ------------------------------------------------------------
   The download button is gone and the whole card is the click target.
   .wrap_card is now an <a> rather than a <div>; the class name is unchanged.
   ------------------------------------------------------------ */
.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 a.wrap_card {
    color: #2a3037;
    text-decoration: none;
    transition: background-color .25s;
}

.body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 a.wrap_card .wrap_text {
    /* Nothing to push to the bottom now the button is gone. */
    margin-top: 16px;
    display: block;
}

@media (any-hover:hover) {
    .body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 a.wrap_card:hover {
        background: #eaedf4;
        text-decoration: none;
    }

    .body_resources_1_index main.main__indexResources2025 article#ES_Resources_index2025 a.wrap_card:hover h2.h2_card {
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
    }
}


/* ------------------------------------------------------------
   Form on the resources entry page.
   The fields spanned the full 640px column, so they are narrowed and sit on a
   blue-grey panel that separates the article from the form. The fields stay white,
   so the grey behind them makes their borders easier to read.
   ------------------------------------------------------------ */
.resources__body .contact-box {
    background: #f7f7fb;
    border-radius: 8px;
    padding: 32px;
    max-width: 560px;
    margin: 0 auto;
}

.resources__body .contact-box #h2__ResourcesForm {
    margin-bottom: 24px;
}

@media screen and (max-width:767px) {
    .resources__body .contact-box {
        padding: 24px 20px;
    }
}

/* The panel exposed 122px of space below the button (50 + 40 + 32), so the inner
   two are dropped. */
.resources__body .contact-box > section {
    padding-bottom: 0;
}

.resources__body .contact-box .form-btn-box {
    margin-bottom: 0;
}

/* Follows the site scale (22 heading / 15 body / 14 note). Fields go back to 16px
   below 767px because iOS Safari zooms on focus under 16px. */
.resources__body .contact-box #h2__ResourcesForm {
    font-size: 22px;
}

.resources__body .contact-box span.span__resources_free {
    font-size: 13px;
}

.resources__body .contact-box p.p__ResourcesForm,
.resources__body .contact-box p.p__ResourcesForm2,
.resources__body .contact-box a.a__ResourcesForm_link,
.resources__body .contact-box p.message {
    font-size: 14px;
    line-height: 1.7;
}

.resources__body .contact-box label,
.resources__body .contact-box p.contact-form-label,
.resources__body .contact-box th.contact-form-label {
    font-size: 14px;
    font-weight: 600;
}

.resources__body .contact-box input[type="text"],
.resources__body .contact-box input[type="email"],
.resources__body .contact-box input[type="tel"],
.resources__body .contact-box select,
.resources__body .contact-box textarea {
    font-size: 15px;
    padding: 12px 14px;
}

.resources__body .contact-box input#btnConfirm,
.resources__body .contact-box input#btnSubmit,
.resources__body .contact-box input#btnToInput {
    font-size: 15px;
}

@media screen and (max-width:767px) {
    .resources__body .contact-box input[type="text"],
    .resources__body .contact-box input[type="email"],
    .resources__body .contact-box input[type="tel"],
    .resources__body .contact-box select,
    .resources__body .contact-box textarea {
        font-size: 16px;
    }
}

/* Labels were left at 16px. The existing rule's :not() holds IDs, giving it a
   specificity of (2,0,2), so this has to repeat the same shape to override it. */
.resources__body .contact-box form:not(#entryForm):not(#js-module_form) label {
    font-size: 14px;
    font-weight: 600;
}

/* Back-to-index button as a secondary. The shared a.btn-common-white still had a
   2px green border; this matches the header, hero and event cards. */
.body_resources_1_entry a.btn-common.btn-common-back.btn-common-white {
    background: #fff;
    color: #2a3037;
    border: 1px solid #d5d5dc;
    border-radius: 3px;
    box-shadow: none;
}

.body_resources_1_entry a.btn-common.btn-common-back.btn-common-white .allow-box {
    background: #f3f3f7;
}

.body_resources_1_entry a.btn-common.btn-common-back.btn-common-white .allow-box::after {
    color: #2a3037;
}

@media (any-hover:hover) {
    .body_resources_1_entry a.btn-common.btn-common-back.btn-common-white:hover {
        background: #2a3037;
        border-color: #2a3037;
        color: #fff;
    }

    .body_resources_1_entry a.btn-common.btn-common-back.btn-common-white:hover .allow-box {
        background: #fff;
    }
}