/* Services V7 — 3-Col Dark-Teal Service Cards (child-page driven) */
.srv.v7 {

    /* Inner stack gap — Figma 20px between icon/title/description */
    .srv-v7-itm > .crd > .pd_v.pd_h {
        gap: 1.11rem;
    }

    /* Yellow icon (40px). --accent resolves to --dk-accent (yellow) inside the ulk-bg dark scope */
    .srv-icn, .bg-bx svg {
        color: #FF861F;
        font-size: 2.22rem;
        line-height: 1;
    }

    @media screen and (min-width: 1280px) {
        & {
            --fnt-t-itm-s: 2.22rem;

            li .pd_v.pd_h {
                padding: 2.22rem;
            }
        }
    }

    @media screen and (max-width:699px) {
        ul {
            --itm-val: 50;
            --grd-sp-dyn: calc(var(--grd-sp) * var(--grd-sml-mpt));
        }
    }
}