/* রেকর্ডেড ক্লাস পেজ — ইউটিউব-প্লেলিস্ট স্টাইল থাম্বনেইল (শুধু .yt-card; আগের .class-card অপরিবর্তিত) */
.class-card.yt-card{padding:10px;display:grid;gap:8px}
.yt-row{display:flex;align-items:flex-start;gap:.85rem;padding:.5rem;border-radius:14px;color:var(--ink);text-decoration:none;transition:background .2s,transform .25s var(--ease,ease)}
.yt-row:hover{background:var(--forest-soft)}
.yt-row:focus-visible{outline:3px solid var(--gold-bright,#D9A84E);outline-offset:2px}
.yt-thumb{position:relative;flex:0 0 clamp(128px,40%,230px);aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--forest-mid),var(--forest-deep));box-shadow:0 4px 12px rgba(6,34,24,.2)}
.yt-thumb img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}
.yt-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;color:rgba(255,255,255,.85);background:radial-gradient(90% 90% at 85% 0%,rgba(217,168,78,.3),transparent 60%),linear-gradient(135deg,var(--forest-mid),var(--forest-deep))}
.yt-ph i{display:none}.yt-ph{justify-content:flex-end;padding-bottom:.45rem}.yt-ph small{font-size:.66rem;letter-spacing:.06em;opacity:.8}
.yt-play{position:absolute;z-index:2;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.28))}
.yt-play b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;color:#fff;background:rgba(110,27,44,.92);border:1.5px solid rgba(255,255,255,.7);box-shadow:0 4px 12px rgba(0,0,0,.35);padding-left:2px;transition:transform .25s,background .25s}
.yt-row:hover .yt-play b{transform:scale(1.12);background:var(--maroon,#6E1B2C)}
.yt-no{position:absolute;z-index:3;left:6px;top:6px;min-width:22px;height:22px;padding:0 .4rem;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:#1d1405;background:rgba(255,255,255,.92)}
.yt-tx{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.1rem 0}
.yt-t{font-weight:800;line-height:1.35;color:var(--ink)}.yt-t em{font-style:normal;font-weight:600;color:var(--ink-soft)}
.yt-ch{font-size:.82rem;color:var(--ink-soft);line-height:1.4;overflow-wrap:anywhere}
.yt-pdf{font-size:.7rem;font-weight:800;color:var(--maroon-text,#6E1B2C);background:var(--gold-soft,#F3E7CC);border-radius:999px;padding:.1rem .55rem}
html.dark-mode .yt-row:hover{background:rgba(255,255,255,.06)}
html.dark-mode .yt-t{color:#fff}
@media(max-width:420px){.yt-thumb{flex-basis:42%}.yt-play b{width:32px;height:32px}}