/* Keep the complete picture and real-size controls within a watchable viewport. */
.lesson-series-page .ls-watch{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.lesson-series-page .ls-watch>.video-frame{min-width:0;margin-block:0;align-self:start;scroll-margin-block-start:16px}
.lesson-series-page .ls-watch>.ls-chapters{margin:0;min-width:0}
.lesson-series-page .ls-watch .lesson-player:not(:fullscreen) video{max-height:var(--lesson-picture-max,calc(100svh - 200px))!important;object-fit:contain}
.lesson-series-page .ls-watch>.portrait-recording.has-player-voice{height:auto;width:min(100%,420px)}
.lesson-series-page .ls-watch>.portrait-recording .lesson-player:not(:fullscreen){height:auto}
.lesson-series-page .ls-watch>.portrait-recording .lesson-player:not(:fullscreen) video{max-height:var(--lesson-picture-max,calc(100svh - 240px))!important}
.lesson-series-page .ls-watch+.lesson-notice{margin-top:16px}
@media(min-width:1200px){
 .lesson-series-page .ls-watch{grid-template-columns:minmax(0,1fr) minmax(260px,300px)}
 .lesson-series-page .ls-watch>.ls-chapters{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper,#fffdfb);max-height:var(--lesson-watch-height,calc(100svh - 48px));overflow-y:auto;scrollbar-width:thin;box-sizing:border-box}
 .lesson-series-page .ls-watch .ls-chapter-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .lesson-series-page .ls-watch .chapter-seek{width:100%;min-height:52px;justify-content:start;text-align:start}
 .lesson-series-page .ls-watch .ls-chapter-copy{min-width:0;overflow-wrap:anywhere}
 .lesson-series-page .ls-watch .ls-chapter-time{white-space:nowrap}
}
.lesson-series-page .ls-watch .player-voice-tray{max-height:var(--lesson-voice-max,none);overflow-y:auto;overscroll-behavior:contain}
:root[data-theme=dark] .lesson-series-page .ls-watch>.ls-chapters{background:var(--surface,#24241f)}