.article-cover-media { position: relative; display: block; min-width: 0; overflow: hidden; margin: 0; }
.article-cover-media > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.article-cover-media > .article-cover-label { position: absolute; inset: auto auto .65rem .65rem; z-index: 2; display: block; width: auto; max-width: calc(100% - 1.3rem); margin: 0; padding: .25rem .5rem; border-radius: .2rem; background: #102b30e8; color: #fff; font: 500 .6875rem/1.4 system-ui, sans-serif; letter-spacing: .015em; text-transform: none; }
.article-cover-media--hero > img { height: 100%; aspect-ratio: auto; }
.article-cover-media--hero > .article-cover-label { inset: .8rem .8rem auto auto; }
.article-cover-note { margin-top: .55rem; margin-bottom: .55rem; color: #52676b; font-size: .75rem; line-height: 1.5; }
.guide-card > .article-cover-media { margin-bottom: 1rem; }
@media (max-width: 43.99rem) { .article-cover-note { font-size: .7rem; } }

.article-documentary-photo { margin: 1.5rem 0; }
.article-documentary-photo img { display: block; width: 100%; height: auto; border-radius: .5rem; }
.article-documentary-photo figcaption { margin-top: .5rem; color: #52676b; font-size: .8rem; line-height: 1.5; }

/* Keep illustration labels above the image scrim, while preserving text contrast. */
.intl-buying-guide .intl-buy-hero:has(.article-cover-media)::after,
.editorial-detail-page .page-hero:has(.article-cover-media)::before { display: none; }
.intl-buy-hero-media.article-cover-media::after,
.editorial-hero-media.article-cover-media::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.intl-buy-hero-media.article-cover-media::after { background: linear-gradient(90deg,rgba(7,27,30,.88),rgba(7,27,30,.65) 48%,rgba(7,27,30,.08)); }
.editorial-hero-media.article-cover-media::after { background: rgb(5 18 20 / .55); }
.intl-buying-guide .article-cover-note { font-size: .75rem; line-height: 1.5; }