.ytl-grid,.ytl-grid--4,.ytl-grid--3,.ytl-grid--wide{display:grid;gap:14px}
.ytl-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ytl-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ytl-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ytl-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ytl-card{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.ytl-card .ytl{position:relative;display:block;width:100%;aspect-ratio:9/16;border:1px solid rgba(127,127,127,.28);border-radius:12px;overflow:hidden;background:#000;cursor:pointer;text-decoration:none;color:#fff}
.ytl-card .ytl--wide{aspect-ratio:16/9}
.ytl-card .ytl img,.ytl-card .ytl iframe{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;display:block}
.ytl-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.35);transition:background .2s,transform .2s}
.ytl-play::after{content:"";position:absolute;left:21px;top:16px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.ytl:hover .ytl-play,.ytl:focus-visible .ytl-play{background:rgba(0,0,0,.85);transform:scale(1.06)}
.ytl-chip{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;font-size:10.5px;font-weight:600;line-height:1.4;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}
.ytl-card figcaption{font-size:13.5px;line-height:1.4;opacity:.78}
.ytl-sub{margin:30px 0 14px;font-size:18px;font-weight:700}
.ytl-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,270px);gap:36px;align-items:center}
.ytl-feature .ytl-card{width:100%;max-width:270px;justify-self:center}
@media (max-width:900px){.ytl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ytl-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.ytl-feature{grid-template-columns:1fr;gap:22px}.ytl-feature .ytl-card{max-width:280px}}
@media (max-width:560px){.ytl-grid,.ytl-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.ytl-grid--wide{grid-template-columns:1fr}}