.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.video-lesson{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.video-lesson h3{margin:0 0 14px;font-size:20px}.video-lesson .btn{margin-top:14px}
.video-media{aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--bg)}
.video-cover{width:100%;height:100%;border:0;cursor:pointer;position:relative;background:#e8f5f5;color:#fff;display:grid;place-items:center}
.video-cover img{height:100%;width:100%;object-fit:contain;transition:transform .2s}.video-cover:hover img{transform:scale(1.04)}
.video-cover span{position:absolute;background:#126447;border-radius:30px;padding:12px 22px;font:600 18px sans-serif;box-shadow:0 3px 14px #0003}
.video-media iframe{width:100%;height:100%;border:0}.video-cover:focus-visible{outline:3px solid var(--acc);outline-offset:-4px}
#video-lessons,#cards-panel{scroll-margin-top:100px}[aria-current=page]{border-color:var(--acc);color:var(--acc)}
.video-grid [hidden],[hidden]{display:none!important}
@media(max-width:640px){.video-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.video-cover img{transition:none}}