/* Service Areas V2 — Brand Promise CTA card with pill tags */
.svc-areas.v2 {

    /* Heading (fnt_t-co) — Figma 50px / lh 1 / mixed case (default uppercase) */
    --fnt-t-co-tt: none;

    /* CTA card — 24px radius (Figma) */
    .svc-areas-v2-card {
        --bdr-rds-crd: 1.33rem;
    }

    /* Description — Albert Sans 500 / lh 1.5 (Figma) */
    .svc-areas-v2-dsc {
        font-weight: 500;
        line-height: 1.5;
        margin: 1.11rem 0 0;
    }

    /* Pills row — 12px gap */
    .svc-areas-v2-pills {
        gap: 0.67rem;
    }

    /* Each pill — medium-teal bg, 30% white border, 40px+ radius (pill shape) */
    .svc-areas-v2-pill {
        display: inline-flex;
        align-items: center;
        padding: 0.56rem 1.33rem;
        border-radius: 2.78rem;
        background-color: #007A86;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: var(--white);
        font-weight: 500;
        font-size: 0.89rem;
        line-height: 1.75rem;
        white-space: nowrap;
        transition: opacity var(--g-trn-sp) var(--g-trn-tf);
    }

    a.svc-areas-v2-pill:where(:hover, :focus-visible) {
        opacity: 0.85;
    }

    /* Desktop card padding override — Figma 45px / 32px */
    @media screen and (min-width: 1280px) {
        .svc-areas-v2-card > .pd_h.pd_v {
            padding: 2.5rem 1.78rem;
        }
    }
}