/* ============================================================
   Font overrides and compact layout for the "How We Keep the Program
   Sustainable" cards on access-program.html.

   The shared embed CSS (style/school-identity-governance.css) ships
   Whyte / Inter / Salmond fonts for the Solution pages. We must NOT edit
   that shared file. Instead this sheet — loaded AFTER it — re-maps the
   section to the access-program type system, matching the other sections:
       headline                 -> Welfare
       kicker + card headers     -> AnekBangla
       everything else (subcopy, slogan, body, lists) -> NibPro
   No Whyte / Inter / Salmond anywhere. Scoped to .school-id-gov-embed.
============================================================ */

.school-id-gov-embed {
    font-family: 'NibPro', Georgia, 'Times New Roman', serif;
}

.school-id-gov-embed .id-gov-kicker {
    font-family: 'AnekBangla', 'NibPro', sans-serif;
}

.school-id-gov-embed .id-headline {
    font-family: 'Welfare', 'NibPro', serif;
}

.school-id-gov-embed .id-subcopy {
    font-family: 'NibPro', Georgia, 'Times New Roman', serif;
}

.school-id-gov-embed .id-card-cap h3 {
    font-family: 'AnekBangla', 'NibPro', sans-serif;
}

.school-id-gov-embed .id-card-slogan,
.school-id-gov-embed .id-card-body p,
.school-id-gov-embed .id-card-body ul li,
.school-id-gov-embed .id-card-body li {
    font-family: 'NibPro', Georgia, 'Times New Roman', serif;
}

/* Access Program compact sustainability strip. */
#sustainable.school-id-gov-embed {
    --card-size-w: clamp(360px, 27vw, 410px);
    --id-shell-pad: 8px 10px;
    --id-join-w: 28px;
}

#sustainable.school-id-gov-embed .id-gov-container {
    max-width: 1680px;
}

#sustainable.school-id-gov-embed .id-subcopy {
    max-width: 980px;
}

#sustainable.school-id-gov-embed .id-slider-wrap {
    margin-top: 22px;
    overflow: hidden;
    padding: 6px clamp(24px, 4vw, 72px) 16px;
}

#sustainable.school-id-gov-embed .id-slider-wrap::before,
#sustainable.school-id-gov-embed .id-slider-wrap::after {
    display: block;
    width: clamp(24px, 4vw, 72px);
}

#sustainable.school-id-gov-embed .id-slider-track {
    display: flex;
    width: max-content;
    max-width: none;
    animation: schoolIdGovAutoSlide var(--slider-speed) linear infinite;
    will-change: transform;
}

#sustainable.school-id-gov-embed .id-slider-wrap:hover > .id-slider-track,
#sustainable.school-id-gov-embed .id-slider-wrap:focus-within > .id-slider-track {
    animation-play-state: paused;
}

#sustainable.school-id-gov-embed .id-slider-group {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding-right: 0;
}

#sustainable.school-id-gov-embed .id-card-join {
    display: grid;
}

#sustainable.school-id-gov-embed .id-card-shell {
    width: var(--card-size-w);
    display: flex;
    align-items: stretch;
}

#sustainable.school-id-gov-embed .id-card.id-vcard,
#sustainable.school-id-gov-embed .id-card.id-vrow2.id-vcard {
    width: 100%;
    height: clamp(300px, 21vw, 336px);
    aspect-ratio: auto;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-cap {
    height: 3rem;
    min-height: 3rem;
    max-height: 3rem;
    padding: 0.12rem 0.75rem;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-cap h3 {
    font-size: clamp(1rem, 1.7vw, 1.28rem);
    line-height: 1;
    letter-spacing: 0.035em;
    text-transform: none;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body {
    padding: 0.78rem 0.95rem 0.88rem;
    gap: 0.45rem;
    justify-content: flex-start;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body .id-card-slogan {
    margin: 0;
    font-size: clamp(0.94rem, 1vw, 1.04rem);
    line-height: 1.18;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body p:not(.id-card-slogan) {
    margin: 0;
    font-size: 0.99rem;
    line-height: 1.35;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body ul {
    margin: 1.25rem 0 0;
    padding: 0.35rem 0;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body li {
    gap: 0.42rem;
    padding: 0.32rem 0;
    font-size: 0.99rem;
    line-height: 1.25;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body li + li {
    padding-top: 0.38rem;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body li::before {
    flex-basis: 15px;
    width: 15px;
    height: 15px;
}

#sustainable.school-id-gov-embed .id-card.id-vrow2 .id-card-body li::after {
    left: 7.5px;
    width: 9px;
    height: 7px;
}

@media (max-width: 1180px) {
    #sustainable.school-id-gov-embed {
        --card-size-w: clamp(340px, 42vw, 400px);
    }
}

@media (max-width: 760px) {
    #sustainable.school-id-gov-embed {
        --card-size-w: clamp(282px, 88vw, 380px);
    }

    #sustainable.school-id-gov-embed .id-card.id-vcard,
    #sustainable.school-id-gov-embed .id-card.id-vrow2.id-vcard {
        height: 330px;
    }
}