/* One bounded technique workspace: fixed video, independently browsable clips. */
body[data-screen=form]{--heading-space-scale:.49}
body[data-screen=form] .division-label,body[data-screen=form] .home-learning{display:none}
#form-open{width:100%;margin:0 0 5px;background:#263644;border-color:#425c72;font-weight:650;min-height:34px;padding:6px 9px;text-align:left}
#form-open[aria-current=true]{background:#354b5d;border-color:#8aa9c2}
.form-home-entry{display:flex;align-items:center;gap:14px;width:100%;padding:12px 15px;text-align:left;background:linear-gradient(110deg,#293744,#242a33);border-color:#465968;margin:0 0 12px}
.form-home-entry>span:first-child{font-size:24px;color:#bad5eb;flex:none}.form-home-entry strong{display:block;font-size:16px}.form-home-entry small{display:block;font-size:12px;margin-top:3px}.form-home-entry>span:last-child{margin-left:auto;font-size:19px}
#core-open-form{margin-left:auto}.core-toolbar{flex-wrap:wrap}
#form-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow-soft)}
.form-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;padding:8px 10px;border-bottom:1px solid var(--line);background:#20262e;flex:none}
#form-topics{display:flex;gap:5px;flex:1 1 100%;overflow:auto;scrollbar-width:thin;padding:1px 2px 4px}
#form-topics button,#form-kinds button{white-space:nowrap;font-size:12px;min-height:34px;padding:6px 10px;flex:none}
#form-kinds{display:flex;gap:4px}#form-kinds button{min-height:30px;padding:5px 9px;font-size:11px;background:transparent}
#form-kinds button[aria-pressed=true]{background:#35404c}
#form-count{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}
.form-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);flex:1;min-height:0}
.form-watch{display:flex;flex-direction:column;min-width:0;min-height:0;padding:12px;gap:8px;overflow:hidden}
#form-player{position:relative;flex:1;min-height:120px;overflow:hidden;border-radius:7px;background:#090a0c;border:1px solid #343d49;isolation:isolate}
#form-player iframe,#form-player>div:not(.form-empty){width:100%;height:100%;position:absolute;inset:0;border:0}
.form-poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:#090a0c;border-radius:0;position:relative}
.form-poster img{width:100%;height:100%;object-fit:contain;opacity:.72}.form-poster-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:12px;text-shadow:0 1px 6px #000}
.form-poster-play b{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#dceafb;color:#1c2d3e;font-size:23px;padding-left:3px;box-shadow:0 4px 15px #0006;text-shadow:none}
.form-end-replay{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;background:#dceafb;color:#19232e;border-color:#dceafb;white-space:nowrap;font-weight:650}
.form-player-controls{display:flex;align-items:center;gap:7px;flex:none;font-size:11px}.form-player-controls button,.form-player-controls select{min-height:34px;font-size:11px;padding:6px 9px}.form-player-controls label{display:flex;align-items:center;gap:5px;white-space:nowrap}.form-player-controls input{width:15px;min-height:15px;height:15px;margin:0;accent-color:#a8c7e5}#form-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}
#form-player-status{font-size:11px;color:#d6bea0;flex:none;line-height:1.4}#form-player-status:empty{display:none}
.form-detail{flex:0 1 auto;max-height:35%;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.form-detail h2{font-size:17px;letter-spacing:-.35px;margin:2px 0 4px;line-height:1.4}.form-detail-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--muted)}#form-source{margin-left:auto;font-size:10px;color:#b7cce0}
#form-cues{font-size:12px;line-height:1.55;margin:7px 0 1px;padding-left:18px}#form-cues li{margin:2px 0}
#form-clip-note{font-size:11px;line-height:1.5;margin:6px 0 2px;color:#e3c39f}#form-clip-note:empty{display:none}#form-related{font-size:11px;min-height:32px;padding:5px 9px;margin-top:7px;background:#293d4c;border-color:#536f86}
#form-comparison{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;font-size:12px}#form-comparison>div{border-left:2px solid #9c8374;padding:5px 8px;background:#292522}#form-comparison .form-correction{border-color:#8eaeca;background:#242e39}#form-comparison strong{font-size:11px;color:#d2baaa}.form-correction strong{color:#bdd7ed!important}#form-comparison p{margin:3px 0;font-size:11px;line-height:1.5}
.form-catalog{min-height:0;min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:#15181c}#form-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:7px}
.form-clip-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:8px;text-align:left;background:transparent;border-color:transparent;border-radius:7px;margin-bottom:4px}.form-clip-card[aria-pressed=true]{background:#283948;border-color:#56718a}.form-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#222832}.form-thumb img{display:block;width:100%;height:100%;object-fit:cover}.form-duration{position:absolute;bottom:3px;right:3px;background:#090b0edb;color:white;padding:1px 4px;border-radius:3px;font-size:10px;font-variant-numeric:tabular-nums}.form-card-info{display:flex;flex-direction:column;gap:4px;min-width:0}.form-card-info strong{font-size:12px;line-height:1.5;font-weight:650}.form-card-info small{font-size:10px;line-height:1.4;color:var(--muted)}.form-card-info .form-card-type{color:#c1d6e8}
.form-empty{padding:20px;color:var(--muted);font-size:12px;line-height:1.6}.form-data-retry{margin:0 15px 15px}
@media(max-width:1100px){.form-workspace{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr)}.form-clip-card{grid-template-columns:92px minmax(0,1fr);gap:8px;padding:7px}.form-watch{padding:9px}#form-topics button{font-size:11px;padding:6px 8px}}
@media(max-width:760px){body[data-screen=form] .topic-title-group>div{display:none}body[data-screen=form] #mobile-topic{display:block;min-width:0;max-width:none;flex:1;margin:0}.form-filters{padding:5px 7px;gap:4px}#form-topics{padding-bottom:2px}#form-topics button{min-height:34px}#form-kinds button{min-height:30px}.form-workspace{display:flex;flex-direction:column}.form-watch{flex:0 1 56%;min-height:245px;padding:7px;gap:5px}.form-detail{max-height:75px}.form-detail h2{font-size:14px}.form-detail-meta{font-size:9px}#form-cues{font-size:11px;margin-top:4px}#form-comparison{font-size:11px}.form-catalog{flex:1;min-height:85px;border-left:0;border-top:1px solid var(--line)}.form-clip-card{grid-template-columns:90px minmax(0,1fr);padding:6px}.form-card-info{gap:2px}#form-list{padding:4px}.form-home-entry{padding:10px 12px}.form-home-entry strong{font-size:14px}.form-home-entry small{font-size:11px}.form-poster-play b{width:43px;height:43px;font-size:19px}.form-poster-play{font-size:11px}.form-player-controls{gap:5px}.form-player-controls button,.form-player-controls select{padding:5px 7px}.form-detail-meta #form-source{font-size:9px}}
@media(max-height:550px) and (min-width:601px){.form-filters{padding:4px 7px;gap:4px}#form-topics{flex-basis:auto;min-width:0}#form-topics button{min-height:30px}#form-kinds{flex:none}#form-count{display:none}.form-watch{padding:6px;gap:4px}.form-detail{max-height:60px}.form-detail h2{font-size:13px}.form-player-controls button,.form-player-controls select{min-height:30px}#form-player{min-height:90px}}
@media(max-height:650px) and (max-width:600px){.form-watch{min-height:210px;flex-basis:60%}.form-detail{max-height:45px}.form-poster-play{gap:4px}.form-poster-play b{height:32px;width:32px;font-size:15px}#form-player{min-height:85px}.form-catalog{min-height:70px}}
/* Short landscape/split windows need side-by-side panes instead of stacked minimum heights. */
@media(min-width:520px) and (max-width:760px) and (max-height:550px){.form-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr)}.form-watch{min-height:0;padding:6px;gap:4px}.form-catalog{min-height:0;border-top:0;border-left:1px solid var(--line)}.form-detail{max-height:45px}.form-player-controls{flex-wrap:wrap;gap:4px}.form-player-controls button,.form-player-controls select{min-height:30px;padding:5px 6px}.form-clip-card{grid-template-columns:64px minmax(0,1fr);gap:6px}.form-card-info strong{font-size:11px}.form-card-info small{font-size:9px}#form-player{min-height:85px}}