/* Keep video and controls in their own rows, without clipping native media UI. */
.experience-page #experience-app,.experience-page #hx-study,.experience-layout,.experience-layout>*,.experience-lesson{min-width:0;max-width:100%;box-sizing:border-box}
.experience-page .hx-modes{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;backdrop-filter:none;max-width:100%}
.experience-page .hx-modes button{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4;padding:12px;min-height:48px}
.experience-player-wrap{display:block;position:relative;aspect-ratio:auto!important;height:auto;min-height:0;overflow:visible;padding:0;background:#080d0a;border-radius:12px}
.experience-player-wrap #experience-video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:min(72svh,720px);object-fit:contain;margin:0;border-radius:11px;background:#080d0a}
.experience-player-wrap[hidden],#experience-video[hidden],#hx-focused-assignment[hidden],#experience-retry[hidden]{display:none!important}
#hx-focused-assignment{margin:0 0 16px;padding:16px;border:1px solid #a8bde43f;border-radius:12px;line-height:1.6}
#hx-focused-assignment:empty{display:none}#hx-focused-assignment a{display:block;margin:10px 0}#hx-focused-assignment button{min-height:44px;max-width:100%;white-space:normal}
.experience-scrubber{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:8px;min-width:0}
.experience-scrubber input[type=range]{display:block;width:100%;min-width:0;min-height:44px;margin:0;padding:0;accent-color:#d2b975;cursor:pointer;touch-action:pan-y}
.experience-scrubber output{font:12px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#d7dece}
.experience-lesson .experience-player-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 12px;max-width:100%}
.experience-lesson .experience-player-tools>button,.experience-lesson .experience-player-tools>label{min-height:44px;box-sizing:border-box;margin:0}
.experience-lesson .experience-player-tools>button{font-size:13px;padding:10px 13px;white-space:normal;line-height:1.4}
#experience-play{min-width:78px;background:#d2b975;color:#101810;border-color:#d2b975;font-weight:650}
.experience-lesson .experience-player-tools select{min-height:44px;font-size:16px;max-width:100%}
.experience-lesson .experience-player-tools .check{padding:8px;gap:8px;font-size:13px}
.experience-lesson .experience-player-tools input[type=checkbox]{min-width:20px;min-height:20px;margin:0}
.experience-playback-status{font-size:13px;line-height:1.6;margin:8px 0}.experience-playback-status:empty{display:none}
.experience-player-tools button:disabled,.experience-scrubber input:disabled{opacity:.5;cursor:default}
#experience-retry{min-height:44px;margin:0 0 12px}
.experience-page .experience-index{position:static;max-height:none;overflow:visible;overscroll-behavior:auto}
.wc-detail{min-width:0;max-width:100%;box-sizing:border-box}.wc-detail video{width:100%;height:auto;object-fit:contain;max-height:72svh}
@media(max-width:1024px){
 .experience-page .experience-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .experience-page .experience-index nav,.experience-page .hx-study-search{display:none}
 .experience-page .hx-study-select{display:grid}.experience-page .experience-index{padding:0}
 .experience-page .experience-lesson{padding:22px;min-width:0}
 .experience-page .hx-path-heading{flex-wrap:wrap}.experience-page .hx-path-heading>*{max-width:100%}
 .experience-page .hx-path-heading select{min-width:0;width:100%}
}
@media(max-width:600px){
 .experience-page .hx-modes{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;padding-inline:0;gap:6px}
 .experience-page .hx-modes button{font-size:12px;padding:10px 8px}
 .experience-page .experience-lesson{padding:18px 12px;border-radius:14px}
 .experience-page .experience-lesson-heading{flex-wrap:wrap;gap:4px}
 .experience-page .experience-lesson-heading h2{font-size:clamp(25px,7vw,32px)}
 .experience-page .experience-lesson-heading .eyebrow{font-size:10px;letter-spacing:.08em}
 .experience-lesson .experience-player-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .experience-lesson .experience-player-tools>button{width:100%;min-width:0;padding:10px 6px;font-size:12px}
 .experience-lesson .experience-player-tools>label{justify-content:center;gap:6px;min-width:0;flex-wrap:wrap}
 .experience-lesson .experience-player-tools select{max-width:80px}.experience-scrubber{gap:8px}
 .experience-page .experience-context,.experience-page .experience-note-form,.experience-page .hx-coaching{padding:16px}
 .experience-page .experience-context p,.experience-page .hx-coaching p{font-size:15px;line-height:1.7}
 .experience-page .wc-playback{gap:8px}.experience-page .wc-playback>*{max-width:100%}
}
.experience-scrubber .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.experience-page{width:100%;max-width:1380px}
.experience-player-wrap[hidden] ~ :is(.experience-scrubber,.experience-player-tools,#hx-cues,#hx-cue-status){display:none!important}