.article-card .article-image-frame{display:block;overflow:hidden;border-radius:8px;margin-bottom:16px;background:#f2eee5}
.article-card .article-image-frame img{margin:0;border-radius:0;transition:transform .35s ease,filter .35s ease}
.carousel-track .article-card .article-image-frame{border-radius:11px 11px 0 0;margin-bottom:22px}
.article-card h3{transition:color .2s ease;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1px}
.article-card .read-article:after{display:inline-block;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.article-card:hover .article-image-frame img{transform:scale(1.045);filter:brightness(1.035)}.article-card:hover h3{color:#75517f;text-decoration:none}.article-card:hover .read-article:after{transform:translate(3px,-2px)}}
.article-card:focus-within .article-image-frame img{transform:scale(1.045);filter:brightness(1.035)}
.article-card:focus-within h3{color:#75517f;text-decoration:none}
.article-card a:focus-visible{outline:2px solid #75517f;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.article-card .article-image-frame img,.article-card h3,.article-card .read-article:after{transition:none}.article-card:hover .article-image-frame img,.article-card:focus-within .article-image-frame img{transform:none}}

/* Match the category cards' elevation without underlining article titles. */
.article-card{transition:transform .25s ease,box-shadow .25s ease;border-radius:12px}
@media(hover:hover) and (pointer:fine){.article-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #4d345c1c}}
.article-card:focus-within{box-shadow:0 12px 28px #4d345c1c}
.carousel-track:has(>.article-card){padding-top:6px;padding-bottom:30px}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}.article-card:hover{transform:none}}