.directory-programs {
    --program-navy:#18344d;
    --program-muted:#526575;
    background:#f7f6f2
}
.directory-programs .article-cover {
    background:var(--program-navy)!important
}
.directory-programs .ist-directory-head h2 {
    font-size:clamp(1.8rem,3vw,2.6rem);
    font-weight:600;
    color:var(--program-navy)
}
.directory-programs .ist-directory-head p {
    color:var(--program-muted)
}
.directory-programs .ist-directory-card {
    border-radius:4px;
    box-shadow:none;
    border-color:#d7e0e6
}
.directory-programs .ist-directory-card h3 {
    font-size:1.25rem;
    line-height:1.6;
    color:var(--program-navy)
}
.directory-programs .ist-directory-card p {
    font-size:1rem;
    line-height:1.8;
    color:var(--program-muted)
}
.directory-programs .ist-directory-media {
    aspect-ratio:4/3
}
.directory-programs .ist-directory-filter[aria-pressed=true] {
    background:var(--program-navy);
    border-color:var(--program-navy)
}
.directory-programs .ist-directory-card-link {
    min-height:44px;
    color:var(--program-navy)
}
.directory-programs .ist-directory-filter {
    min-height:44px
}
.directory-programs .ist-directory-card:focus-within {
    outline:3px solid #ad8022;
    outline-offset:4px
}
@media(prefers-reduced-motion:reduce) {
    .directory-programs * {
        transition:none!important;
        animation:none!important
    }
}