/* Player-owned narration control: one shared layout, six real voice samples. */
.lesson-series-page .video-frame.has-player-voice{aspect-ratio:auto}
.lesson-player.has-player-voice{height:auto;container-type:inline-size;padding-bottom:var(--voice-footer-height,80px);box-sizing:content-box;background:#20372e}
.lesson-player.has-player-voice::part(media-layer){position:relative;display:block;height:auto}
.lesson-player.has-player-voice video{height:auto!important;aspect-ratio:1.6;background:#e4ece1}
.lesson-player.has-player-voice::part(centered-layer){bottom:var(--voice-footer-height,80px)}
.lesson-player.has-player-voice::part(gesture-layer){bottom:var(--voice-footer-height,80px)}
.lesson-player.has-player-voice .player-bottom{padding:8px 16px 12px;background:#20372e;color:#fff}
.lesson-player.has-player-voice media-control-bar{gap:2px;flex-wrap:wrap;margin-top:13.5px}
.lesson-player .player-audio-group{display:flex;align-items:center;position:relative;flex:none;border:1px solid #ffffff38;border-radius:10px;margin-inline:4px;padding-inline-end:12px;color:#fff}
.lesson-player .player-voice-toggle::after{content:"";position:absolute;inset-block:11px;inset-inline-end:0;width:1px;background:#ffffff38;pointer-events:none}
.lesson-player .player-audio-group media-volume-range{display:inline-flex;width:76px;height:44px;flex:0 0 76px;margin:0;--media-control-padding:0;--media-range-track-height:4px;--media-range-thumb-width:10px;--media-range-thumb-height:10px}
.lesson-player .player-audio-group media-mute-button{width:44px;height:44px;min-width:44px;border:4px solid transparent;box-sizing:border-box;--media-control-padding:6px;border-radius:12px;background-clip:padding-box;--media-control-hover-background:#ffffff26}
.lesson-player .player-voice-toggle{position:relative;height:44px;min-width:86px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px 0 0 9px;background:transparent;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.lesson-player .player-voice-chevron{width:6px;height:6px;border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none}
.lesson-player .player-voice-toggle[aria-expanded=true] .player-voice-chevron{transform:translateY(2px) rotate(225deg)}
.lesson-player .player-voice-toggle:hover,.lesson-player .player-voice-close:hover{background:#ffffff20}
.lesson-player .player-voice-tray{padding:4px 0 16px;margin:0 0 8px;border-bottom:1px solid #ffffff24;max-width:100%;color:#fff}
.lesson-player .player-voice-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0 0 8px;padding:0;font-size:14px;font-weight:500}
.lesson-player .player-voice-close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:8px;color:inherit;background:transparent;cursor:pointer}
.lesson-player .player-voice-close svg,.lesson-player .voice-sample svg{width:18px;height:18px;flex:none}
.lesson-player .player-voice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0;min-width:0}
.lesson-player .player-voice-row{display:flex;align-items:center;min-width:0;border:1px solid #ffffff20;border-radius:8px;background:#ffffff08;color:#fff;overflow:hidden}
.lesson-player .player-voice-row:hover{background:#ffffff16}
.lesson-player .player-voice-row:has(input:checked){background:#e9eee4;color:#284636;border-color:transparent}
.lesson-player .player-voice-choice{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1;min-width:0;min-height:44px;padding:10px 12px;box-sizing:border-box;position:relative;cursor:pointer;font-size:14px;line-height:1.4}
.lesson-player .player-voice-choice input{position:absolute;opacity:0;width:1px;height:1px;inset:0}
.lesson-player .player-voice-check{visibility:hidden;flex:none;font-size:14px}
.lesson-player input:checked~.player-voice-check{visibility:visible}
.lesson-player .voice-sample{display:grid;place-items:center;position:relative;flex:0 0 44px;min-width:44px;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:0 7px 7px 0;background:transparent;color:inherit;cursor:pointer}
.lesson-player .voice-sample::before{content:"";position:absolute;inset-inline-start:0;inset-block:12px;width:1px;background:currentColor;opacity:.18}
.lesson-player .voice-sample:hover{background:#ffffff1f}
.lesson-player .player-voice-row:has(input:checked) .voice-sample:hover{background:#d8e3d5}
.lesson-player .voice-sample[aria-pressed=true]{background:#c9dfcc;color:#18382a}
.lesson-player :is(.player-voice-toggle,.player-voice-close,.voice-sample):focus-visible{outline:none;border-color:#afc4b4;background:#dce9df;color:#18382a;text-decoration:underline;text-underline-offset:4px}
.lesson-player .player-voice-choice:has(input:focus-visible){background:#dce9df;color:#18382a;text-decoration:underline;text-underline-offset:4px}
.lesson-player .player-voice-choice:has(input:disabled),.lesson-player .voice-sample:disabled{opacity:.55;cursor:wait}
.lesson-player .player-voice-status.voice-error{font-size:13px;line-height:1.5;margin:12px 0 0;color:#fff}
.lesson-player[data-voice-loading] :is(media-play-button,.player-skip){pointer-events:none;opacity:.5}
.lesson-player:has(.player-voice-tray:not([hidden])) .player-start{display:none}
.lesson-player.has-player-voice:fullscreen{height:100%;padding:0;box-sizing:border-box}
.lesson-player.has-player-voice:fullscreen video{height:calc(100vh - var(--voice-footer-height))!important;aspect-ratio:auto;object-fit:contain}
.lesson-player.has-player-voice:fullscreen::part(media-layer){height:calc(100% - var(--voice-footer-height))}
@container(max-width:760px){.lesson-player.has-player-voice media-control-bar{margin-top:8px}.lesson-player.has-player-voice .player-desktop-time{display:none}.lesson-player.has-player-voice .player-mobile-time{display:block}}
@container(max-width:620px){.lesson-player .player-voice-options{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-player.has-player-voice .player-bottom{padding-inline:12px}.lesson-player .player-voice-choice{font-size:13px;padding:10px 8px}.lesson-player .player-audio-group{margin-inline:0}}
@container(max-width:480px){.lesson-player.has-player-voice .player-audio-group{order:2}.lesson-player.has-player-voice .player-spacer{flex:1}.lesson-player.has-player-voice media-control-bar{row-gap:4px}.lesson-player.has-player-voice .player-audio-group{margin-inline-end:auto}}
@container(max-width:350px){.lesson-player.has-player-voice .player-bottom{padding-inline:8px}.lesson-player .player-voice-choice{gap:2px;padding-inline:6px}.lesson-player .player-voice-toggle{min-width:72px;padding-inline:8px}}