.article-index-section{--article-accent:#1f6f8b}
.article-index-section[data-accent="green"]{--article-accent:#3d8065}
.article-index-section[data-accent="blue"]{--article-accent:#28749a}
.article-index-section[data-accent="orange"]{--article-accent:#e78325}
.article-index-section[data-accent="purple"]{--article-accent:#6d6594}
.article-index-section[data-accent="navy"]{--article-accent:#164e6a}
.article-index-section[data-accent="teal"]{--article-accent:#348b88}
.article-index-section[data-accent="gold"]{--article-accent:#bc8a2e}
.article-index-section .index-card,
.article-index-section .related-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border-top:4px solid var(--article-accent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.article-index-section .index-card:hover,
.article-index-section .index-card:focus-visible,
.article-index-section .related-card:hover,
.article-index-section .related-card:focus-visible{transform:translateY(-3px);box-shadow:0 15px 34px rgba(12,55,76,.14)}
.article-card-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eaf0f3}
.article-card-copy{display:flex;flex:1;flex-direction:column;padding:18px 20px 21px}
.article-card-copy strong{color:#103f57;font-size:18px;line-height:1.3}
.article-card-copy>span:not(.article-card-label){margin-top:9px;color:#586973;line-height:1.58}
.article-card-label{align-self:flex-start;margin:0 0 10px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--article-accent) 12%,white);color:var(--article-accent);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.article-index-intro{margin:-18px 0 34px;color:#5c6b74}
@media(max-width:650px){.article-card-copy{padding:16px 17px 19px}.article-card-copy strong{font-size:17px}}