/* ==========================================================================
   Type 1b: story images use YouTube thumbnail proportions (16:9, 1280x720).
   Generated by tools/build_type1b.py; do not edit by hand.
   ========================================================================== */
.yt-thumb{position:relative;display:block;aspect-ratio:16/9;width:100%;height:auto;min-height:0;overflow:hidden;background:#0B1220;border-radius:4px;padding:0}
.yt-thumb::after{content:none !important}
.yt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .25s}
a:hover .yt-thumb img,a.yt-thumb:hover img{transform:scale(1.03)}

/* article: lead still */
.hero-art.yt-thumb{border-radius:2px;margin-bottom:var(--space-3)}
.related-item .yt-thumb{margin:0;border-radius:2px}
.card-media.yt-thumb{border-radius:0}
/* series index cards keep their cover still flush to the card edge */
.sgrid.sgrid-4{grid-template-columns:repeat(4,1fr)}
.sgrid-4 .scard h3{font-size:1.22rem}
.scard{overflow:hidden}
.scard > .yt-thumb{margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) 4px;width:auto;border-radius:0}
@media(max-width:900px){.sgrid.sgrid-4{grid-template-columns:1fr 1fr}}