.yt-toc{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}
.yt-toc a{padding:6px 14px;border-radius:999px;background:#f1f4f8;text-decoration:none;font-size:15px}
.yt-group{margin:28px 0}
.yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:14px}
.yt-card h3{font-size:16px;line-height:1.45;margin:10px 0 4px}
.yt-card h3 a{text-decoration:none;color:inherit}
.yt-date{font-size:13px;opacity:.65;margin:0}
.yt-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}
.yt-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.yt-play:hover img{transform:scale(1.04)}
.yt-play::after{content:"";position:absolute;left:50%;top:50%;width:62px;height:44px;margin:-22px 0 0 -31px;border-radius:12px;background:rgba(220,0,0,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/26px no-repeat}
.yt-badge{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.7);color:#fff;font-size:12px}
.yt-play iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play.playing::after,.yt-play.playing .yt-badge{display:none}
.yt-embed{margin:24px 0}
.yt-embed .yt-play{max-width:640px}
.yt-embed figcaption{font-size:14px;opacity:.75;margin-top:8px}