.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;margin-top:26px}
.yt-card{margin:0;background:#fff;border:1px solid #e3e0d5;border-radius:10px;overflow:hidden;color:var(--ink,#10231d)}
.yt-play,.yt-frame{position:relative;display:block;aspect-ratio:16/9;background:#10231d;overflow:hidden}
.yt-play img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}
.yt-play:hover img,.yt-play:focus-visible img{opacity:.85}
.yt-btn{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#e62117}
.yt-btn:after{content:"";position:absolute;left:28px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.yt-play:focus-visible{outline:3px solid var(--lime,#b9d738);outline-offset:-3px}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-card figcaption{padding:14px 16px 16px}
.yt-card figcaption strong{display:block;font:700 17px/1.3 Georgia,serif}
.yt-card figcaption p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--muted,#5e6b66)}
.yt-card figcaption:empty{display:none}