/* B mode: title and controls are siblings of the unobstructed YouTube viewport. */
.kuhn-courses .kc-youtube-recovery:not([hidden]) {display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;background:var(--kc-card,#fff);}
.kuhn-courses .kc-youtube-recovery[hidden] {display:none;}
.kuhn-courses .kc-youtube-shell {
  width:100%; min-width:0; color:var(--kc-text,#25332d); background:var(--kc-card,#fff);
  border:1px solid var(--kc-border,#dce4dd); border-radius:12px; overflow:visible;
  display:flex; flex-direction:column; box-shadow:0 8px 28px #18251d0b;
}
.kuhn-courses .kc-youtube-header {
  position:static; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:12px 18px; border-radius:12px 12px 0 0; background:var(--kc-card,#fff); min-height:66px; flex-shrink:0;
}
.kuhn-courses .kc-youtube-header .kc-youtube-title {
  margin:0; font-size:clamp(16px,1.5vw,22px); line-height:1.5; font-weight:700; letter-spacing:0;
  min-width:0; flex:1; overflow-wrap:anywhere;
}
.kuhn-courses .kc-youtube-link {
  display:flex; align-items:center; justify-content:center; width:62px; min-width:62px; height:48px;
  padding:12px 14px; margin:0; background:#fff; border:1px solid #e2e6e2; border-radius:9px; flex-shrink:0;
}
.kuhn-courses .kc-youtube-link:hover {border-color:#8da795;}
.kuhn-courses .kc-youtube-mark {width:34.32px; height:24px; display:block; max-width:none; flex:none;}
.kuhn-courses .kc-youtube-shell .kc-youtube-stage {
  position:relative; width:100%; aspect-ratio:16/9; min-height:200px; min-width:0;
  border-radius:0; background:#142019; overflow:visible; flex-shrink:0;
}
.kuhn-courses .kc-youtube-stage iframe {
  position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none;
  border:0; border-radius:0; padding:0; margin:0; pointer-events:auto;
}
.kuhn-courses .kc-youtube-controls {
  display:grid; grid-template-columns:44px minmax(70px,1fr) auto 44px 44px; align-items:center; gap:8px;
  padding:10px 12px; min-width:0; background:var(--kc-card,#fff); border-radius:0 0 12px 12px; flex-shrink:0;
}
.kuhn-courses .kc-youtube-controls .kc-yt-button {
  width:44px; height:44px; min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center;
  border:0; border-radius:8px; background:transparent; color:var(--kc-primary,#526b5d); padding:10px;
  box-shadow:none; margin:0; line-height:1; font-weight:500; transition:background .15s;
}
.kuhn-courses .kc-youtube-controls .kc-yt-button:hover {background:var(--kc-soft,#e9efe8);}
.kuhn-courses .kc-youtube-controls .kc-yt-button svg {display:block; width:24px; height:24px; flex:none;}
.kuhn-courses .kc-yt-progress {min-width:0; display:flex; align-items:center; gap:10px;}
.kuhn-courses .kc-yt-time {font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--kc-muted,#667369);}
.kuhn-courses .kc-yt-volume {display:flex; align-items:center; gap:3px; min-width:0;}
.kuhn-courses .kc-youtube-shell .kc-youtube-controls input[type="range"] {
  appearance:none; -webkit-appearance:none; display:block; min-width:0; width:100%; max-width:100%; min-height:32px; height:32px;
  padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:pointer;
  accent-color:var(--kc-primary,#526b5d); touch-action:pan-y;
}
.kuhn-courses .kc-youtube-shell .kc-youtube-controls .kc-yt-volume input[type="range"] {width:66px; flex:0 1 66px;}
.kuhn-courses .kc-youtube-shell input[type="range"]::-webkit-slider-runnable-track {height:4px; border-radius:8px; background:#cdd8d0;}
.kuhn-courses .kc-youtube-shell .kc-yt-progress input[type="range"]::-webkit-slider-runnable-track {background:linear-gradient(to right,var(--kc-primary,#526b5d) 0%,var(--kc-primary,#526b5d) var(--kc-yt-progress,0%),#d9e2db var(--kc-yt-progress,0%),#d9e2db 100%);}
.kuhn-courses .kc-youtube-shell input[type="range"]::-webkit-slider-thumb {appearance:none; -webkit-appearance:none; width:14px; height:14px; border-radius:50%; background:var(--kc-primary,#526b5d); margin-top:-5px; border:2px solid #fff; box-shadow:0 0 0 1px var(--kc-primary,#526b5d);}
.kuhn-courses .kc-youtube-shell input[type="range"]::-moz-range-track {height:4px; border-radius:8px; background:#cdd8d0;}
.kuhn-courses .kc-youtube-shell input[type="range"]::-moz-range-progress {height:4px; background:var(--kc-primary,#526b5d);}
.kuhn-courses .kc-youtube-shell input[type="range"]::-moz-range-thumb {width:12px; height:12px; border-radius:50%; border:2px solid #fff; background:var(--kc-primary,#526b5d); box-shadow:0 0 0 1px var(--kc-primary,#526b5d);}
.kuhn-courses .kc-youtube-settings {
  position:static; display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; padding:16px 18px;
  border-top:1px solid var(--kc-border,#dce4dd); background:var(--kc-bg,#f7f7f2); border-radius:0 0 12px 12px; flex-shrink:0;
}
.kuhn-courses .kc-youtube-settings label {display:flex; align-items:center; gap:12px; font-size:14px; white-space:nowrap;}
.kuhn-courses .kc-youtube-settings select {width:142px; min-height:42px; padding:6px 10px; font-size:14px;}
.kuhn-courses .kc-youtube-settings p {flex:1 1 220px; font-size:13px; line-height:1.65; color:var(--kc-muted,#667369); margin:0;}
.kuhn-courses :is(.kc-youtube-settings,.kc-youtube-recovery) .kc-yt-native-toggle {
  width:auto; min-height:44px; padding:9px 14px; border:1px solid var(--kc-border,#dce4dd); border-radius:8px;
  background:var(--kc-card,#fff); color:var(--kc-primary,#526b5d); font-size:14px; line-height:1.5; white-space:normal; text-align:center; margin:0;
}
.kuhn-courses .kc-youtube-status {position:static; padding:10px 16px; font-size:13px; line-height:1.7; background:#f8f5e8; color:#615637; border-top:1px solid #e7e0c6; flex-shrink:0;}
.kuhn-courses .kc-player-sync-error {font-size:13px; line-height:1.7; margin:12px 0;}
.kuhn-courses .kc-youtube-shell.is-native .kc-youtube-controls {display:flex; justify-content:flex-end;}
.kuhn-courses .kc-youtube-shell:fullscreen,
.kuhn-courses .kc-youtube-shell:-webkit-full-screen,
.kuhn-courses .kc-youtube-shell.kc-youtube-pagefill {
  width:100vw!important; height:100dvh!important; max-width:none!important; max-height:none!important;
  border:0; border-radius:0; padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left));
  background:#142019; overflow:auto; display:flex; flex-direction:column;
}
.kuhn-courses .kc-youtube-shell.kc-youtube-pagefill {position:fixed!important; inset:0!important; z-index:2147483000;}
.kuhn-courses .kc-youtube-shell:fullscreen .kc-youtube-stage,
.kuhn-courses .kc-youtube-shell:-webkit-full-screen .kc-youtube-stage,
.kuhn-courses .kc-youtube-shell.kc-youtube-pagefill .kc-youtube-stage {flex:1 0 200px; aspect-ratio:auto;}
.kuhn-courses .kc-youtube-shell:fullscreen .kc-youtube-header,
.kuhn-courses .kc-youtube-shell:-webkit-full-screen .kc-youtube-header,
.kuhn-courses .kc-youtube-shell.kc-youtube-pagefill .kc-youtube-header {border-radius:0;}
.kuhn-courses .kc-youtube-shell:fullscreen .kc-youtube-settings,
.kuhn-courses .kc-youtube-shell:-webkit-full-screen .kc-youtube-settings,
.kuhn-courses .kc-youtube-shell.kc-youtube-pagefill .kc-youtube-settings {max-height:40dvh; overflow:auto;}
@media(max-width:1100px){
 .kuhn-courses .kc-yt-progress {flex-direction:column; gap:0; align-items:stretch;}
 .kuhn-courses .kc-yt-time {text-align:center;}
 .kuhn-courses .kc-youtube-shell .kc-youtube-controls .kc-yt-volume input[type="range"] {width:46px;flex-basis:46px;}
}
@media(max-width:600px){
 .kuhn-courses .kc-youtube-header {padding:9px 12px; gap:12px; min-height:64px;}
 .kuhn-courses .kc-youtube-header .kc-youtube-title {font-size:16px;}
 .kuhn-courses .kc-youtube-controls {grid-template-columns:44px minmax(65px,1fr) 44px 44px; gap:2px 5px; padding:7px 9px;}
 .kuhn-courses .kc-yt-progress {grid-column:1/-1; grid-row:1; flex-direction:row; align-items:center; gap:12px;}
 .kuhn-courses .kc-yt-play {grid-row:2;grid-column:1;}
 .kuhn-courses .kc-yt-volume {grid-row:2;grid-column:2; justify-content:center;}
 .kuhn-courses .kc-yt-settings-button {grid-row:2;grid-column:3;}
 .kuhn-courses .kc-yt-fullscreen {grid-row:2;grid-column:4;}
 .kuhn-courses .kc-youtube-shell .kc-youtube-controls .kc-yt-volume input[type="range"] {width:50px;flex-basis:50px;}
 .kuhn-courses .kc-youtube-settings {padding:14px;gap:12px;}
 .kuhn-courses .kc-youtube-settings .kc-yt-native-toggle {width:100%;}
}
@media(prefers-reduced-motion:reduce){.kuhn-courses .kc-youtube-shell * {transition:none!important;}}