/* Editorial thumbnails. Official wordmarks are displayed without modification. */
:is(.mh-site,.site-public) .mhs-thumbnail {
    --thumb-bg:#f1f3f5; --thumb-ink:#6b7480; --thumb-line:#dce1e7; --thumb-accent:#ED1B24;
    position:relative; display:block; width:100%; height:auto; aspect-ratio:16/9;
    overflow:hidden; background:var(--thumb-bg); color:var(--thumb-ink);
    container-type:inline-size; isolation:isolate; font-family:Inter,system-ui,sans-serif;
    border-radius:inherit; line-height:1; text-align:center;
}
.dark :is(.mh-site,.site-public) .mhs-thumbnail {
    --thumb-bg:#25282d; --thumb-ink:#aab2be; --thumb-line:#353b44;
}
:is(.mh-site,.site-public) .mhs-thumbnail__pattern {
    position:absolute; inset:0; z-index:-1;
    background:linear-gradient(135deg,transparent 56%,rgb(237 27 36 / .045) 56%,rgb(237 27 36 / .045) 75%,transparent 75%);
}
:is(.mh-site,.site-public) .mhs-thumbnail__pattern:before {
    content:""; position:absolute; right:-14%; top:-48%; width:68%; aspect-ratio:1;
    border:1px solid var(--thumb-line); border-radius:50%;
}
:is(.mh-site,.site-public) .mhs-thumbnail__pattern:after {
    content:""; position:absolute; left:0; top:22%; width:3px; height:28%;
    background:var(--thumb-accent);
}
:is(.mh-site,.site-public) .mhs-thumbnail__identity {
    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
    justify-content:center; gap:12px; padding:16px;
}
:is(.mh-site,.site-public) .mhs-thumbnail__icon {
    display:block; width:36px; height:36px; width:clamp(26px,16cqw,72px);
    height:clamp(26px,16cqw,72px); color:var(--thumb-ink); flex-shrink:0;
}
:is(.mh-site,.site-public) .mhs-thumbnail__category {
    display:none; font-size:clamp(10px,3.5cqw,14px); font-weight:600;
    letter-spacing:.1em; text-transform:uppercase; line-height:1.35;
    max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
:is(.mh-site,.site-public) .mhs-thumbnail__brand {
    display:none; position:absolute; left:14px; bottom:12px; width:84px; line-height:0;
}
:is(.mh-site,.site-public) .mhs-thumbnail__brand picture { display:block; width:100%; }
:is(.mh-site,.site-public) .mhs-thumbnail .mhs-thumbnail__brand img {
    display:block!important; position:static!important; width:100%!important;
    height:auto!important; max-width:100%!important; aspect-ratio:1463/484!important;
    object-fit:contain!important; background:transparent!important; border-radius:0!important;
    filter:none!important; transform:none!important;
}
@container(min-width:170px) {
    :is(.mh-site,.site-public) .mhs-thumbnail__category { display:block; }
}
@container(min-width:210px) {
    :is(.mh-site,.site-public) .mhs-thumbnail__brand { display:block; }
    :is(.mh-site,.site-public) .mhs-thumbnail__identity { padding-bottom:28px; }
}
:is(.mh-site,.site-public) .mhs-thumbnail--hero {
    position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; z-index:0;
}
:is(.mh-site,.site-public) .mhs-thumbnail--hero .mhs-thumbnail__identity {
    inset:16px 24px auto auto; width:36%; height:45%; padding:16px; justify-content:center;
}
:is(.mh-site,.site-public) .mhs-thumbnail--hero .mhs-thumbnail__brand {
    display:block; top:24px; left:24px; bottom:auto; width:110px;
}
:is(.mh-site,.site-public) .ed-slide:has(>.mhs-thumbnail--hero):before { z-index:1; }
:is(.mh-site,.site-public) .ed-slide:has(>.mhs-thumbnail--hero) .ed-slide-copy { z-index:2; }
:is(.mh-site,.site-public) .mh-home-companion>a>.mhs-thumbnail,
:is(.mh-site,.site-public) .mh-category-story-image>.mhs-thumbnail,
:is(.mh-site,.site-public) .mh-related-card>a>.mhs-thumbnail { width:100%; aspect-ratio:16/9; }
:is(.mh-site,.site-public) .ed-news-link>.mhs-thumbnail { flex:0 0 56px; width:56px; height:56px; aspect-ratio:1; }
:is(.mh-site,.site-public) .ed-news-link-lead>.mhs-thumbnail { width:100%; height:auto; aspect-ratio:16/9; flex-basis:auto; }
:is(.mh-site,.site-public) .mh-thumbnail:has(>.mhs-thumbnail) { height:auto; aspect-ratio:16/9; align-self:flex-start; }
:is(.mh-site,.site-public) .mh-thumbnail>.mhs-thumbnail { height:100%; }
:is(.mh-site,.site-public) .mh-article-image>.mhs-thumbnail { width:100%; aspect-ratio:16/9; }
:is(.mh-site,.site-public) .taxonomy-news-image>.mhs-thumbnail { width:100%; aspect-ratio:16/9; }
.mh-home .mh-category-story-image>img[data-article-thumbnail] { height:auto!important; aspect-ratio:16/9!important; }
@media(max-width:767px) {
    .mh-home .mh-home-companion>a>.mhs-thumbnail { flex:0 0 96px; width:96px; height:54px; aspect-ratio:16/9; }
    .mh-home .mh-home-companion>a>img[data-article-thumbnail] { width:96px; height:54px; aspect-ratio:16/9; }
    :is(.mh-site,.site-public) .mhs-thumbnail--hero .mhs-thumbnail__identity { width:40%; inset:24px 16px auto auto; height:35%; }
    :is(.mh-site,.site-public) .mhs-thumbnail--hero .mhs-thumbnail__brand { top:24px; left:20px; width:90px; }
}
@media(prefers-reduced-motion:reduce) { :is(.mh-site,.site-public) .mhs-thumbnail { transition:none; } }