.video-lesson{gap:20px;min-width:0;padding-block:24px 48px;display:grid}.video-lesson__nav,.video-lesson__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.video-lesson__actions{justify-content:flex-start}.video-lesson__heading{overflow-wrap:anywhere;gap:8px;display:grid}.video-lesson__panel{overflow-wrap:anywhere;gap:16px;min-width:0;display:grid}.video-lesson video{aspect-ratio:16/9;border-radius:var(--r-l);background:var(--surface-2);direction:ltr;width:100%;max-height:68vh}.video-lesson video:fullscreen{object-fit:contain;border-radius:0;height:100dvh;max-height:100dvh}.video-lesson__stage{min-width:0;position:relative}.video-lesson__stage:fullscreen{background:var(--bg);place-items:center;width:100%;height:100dvh;padding:0;display:grid}.video-lesson__stage:fullscreen video{object-fit:contain;border-radius:0;height:100%;max-height:100%}.video-lesson__stage [data-video-exit]{z-index:1;position:absolute;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right))}.video-lesson__speed{align-items:center;gap:8px;min-height:44px;display:flex}.video-lesson select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:12px;padding:6px 12px}.video-lesson :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.video-lesson__layout,.video-lesson__resources{align-items:start;gap:16px;min-width:0;display:grid}.video-lesson__chapters,.video-lesson__learning-map{min-width:0}.video-lesson__chapters ol,.video-lesson__learning-map ol{gap:8px;margin-block:12px 0;padding:0;list-style:none;display:grid}.video-lesson__chapters .btn{text-align:start;white-space:normal;justify-content:flex-start;width:100%;min-height:44px}.video-lesson__chapters bdi{font-variant-numeric:tabular-nums;flex:none}.video-lesson__chapters [aria-current=true]{outline:2px solid var(--primary);outline-offset:-2px}.video-lesson__learning-map nav{margin-block-end:20px}.video-lesson__learning-map li+li:before{content:"";border-inline-start:2px solid var(--line);height:10px;margin:-8px 22px 0 0;display:block}.video-lesson__learning-map .btn{white-space:normal;text-align:start;min-height:44px}@media (width>=850px){.video-lesson__layout--chapters{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}.video-lesson__resources{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}