/* Investment Mastery course video card (partials/course-video.blade.php). Card, header strip and colours come from the shared .pnl rules in design.css. */
.cvid{margin:20px 0}
.cvid .cvid-in{display:flex;flex-wrap:wrap;gap:16px 20px;align-items:flex-start;padding:16px}
.cvid .cvid-frame{position:relative;flex:1 1 360px;max-width:560px;min-width:0;aspect-ratio:16/9;background:#0B1F3A;border-radius:var(--sx-r-md,10px);overflow:hidden}
.cvid .cvid-btn{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.cvid .cvid-btn img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.cvid .cvid-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--pal-primary,#004F6D);box-shadow:0 2px 10px rgba(0,0,0,.35)}
.cvid .cvid-btn:hover .cvid-play,.cvid .cvid-btn:focus-visible .cvid-play{background:var(--pal-fam,#007CAD)}
.cvid .cvid-btn:focus-visible{outline:3px solid var(--pal-fam,#007CAD);outline-offset:-3px}
.cvid .cvid-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.cvid .cvid-txt{flex:1 1 240px;min-width:0}
.cvid .cvid-lede{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--x-fg)}
.cvid .cvid-note{margin:0;font-size:14px;line-height:1.5;color:var(--x-mut)}
@media(max-width:600px){.cvid .cvid-in{padding:12px}.cvid .cvid-frame{flex-basis:100%;max-width:none}}
@media(prefers-reduced-motion:no-preference){.cvid .cvid-play{transition:background-color .15s}}