/* Scoped layout experiment; the owner candidate stylesheet remains unchanged. */
body.dock-layout.polish.classroom-active .workspace,body.dock-layout.polish.classroom-active .workspace.lesson-hidden{--stage-share:76%;grid-template-columns:minmax(0,1fr) clamp(270px,calc(100% - var(--stage-share)),380px)!important;grid-template-rows:minmax(0,1fr) auto!important;gap:0}
body.dock-layout.polish.classroom-active .stage-column{grid-column:1!important;grid-row:1!important}
body.dock-layout.polish.classroom-active #polish-inspector{grid-column:2!important;grid-row:1/3!important;display:flex!important;flex-direction:column;gap:10px;overflow:hidden!important;min-height:0;padding:12px 14px}
body.dock-layout #polish-rig,body.dock-layout #polish-inspector>#polish-selected{display:none!important}
body.dock-layout #dock-navigation,body.dock-layout #dock-task,body.dock-layout #dock-actions{flex-shrink:0;min-width:0}
body.dock-layout #dock-navigation .lesson-navigation{display:grid;grid-template-columns:1fr 1fr;gap:5px}body.dock-layout #dock-navigation .lesson-navigation :is(label,select){grid-column:1/-1}
body.dock-layout #dock-task .activity-task{padding:0;position:static;max-height:none}body.dock-layout #dock-task .activity-task p{font-size:16px;line-height:1.5;margin:5px 0}body.dock-layout #dock-task .hardware-comparison{font-size:16px;max-height:24vh;overflow:auto}body.dock-layout #dock-task .hardware-comparison p{margin:4px 0}
body.dock-layout #dock-actions{display:flex;flex-wrap:wrap;gap:6px}body.dock-layout #dock-actions button{flex:1;padding:6px 8px}
body.dock-layout #dock-reading{flex:1;min-height:0;overflow:auto;scroll-padding:8px}body.dock-layout.polish.classroom-active #classroom-teaching{position:static!important;width:auto!important;max-height:none!important;height:auto!important;padding:8px 0!important;border:0;overflow:visible!important}body.dock-layout #classroom-teaching h1{font-size:20px;margin:0 0 5px}body.dock-layout #classroom-teaching h2{font-size:18px}body.dock-layout #classroom-teaching p{font-size:16px;line-height:1.5}body.dock-layout #dock-reading :is(details,blockquote){position:static!important;width:auto!important;max-width:100%;font-size:16px;line-height:1.5;margin:8px 0}body.dock-layout #dock-reading summary{min-height:44px;padding:10px 0}
body.dock-layout #lighting-dock{grid-column:1;grid-row:2;background:#142126;border-top:1px solid #4b626a;min-height:94px;max-height:clamp(225px,33vh,300px);padding:10px 14px;overflow:auto;overscroll-behavior:contain;scroll-padding:8px}
body.dock-layout.polish.classroom-active #lighting-dock #classroom-controls{display:block!important;overflow:visible!important;height:auto!important;max-height:none!important;padding:0!important}
body.dock-layout #lighting-dock #classroom-controls .lesson-bench{display:block!important}body.dock-layout #lighting-dock #lesson-equipment{display:flex;gap:10px;align-items:center;flex-wrap:wrap}body.dock-layout #lighting-dock #lesson-equipment .lesson-fixtures{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:6px;order:1;flex:1}body.dock-layout #lighting-dock #lesson-equipment #lesson-power{order:2;flex:0 0 auto}body.dock-layout #lighting-dock #lesson-equipment>label,body.dock-layout #lighting-dock #lesson-spread{order:3;flex:1 1 170px}
body.dock-layout #lighting-dock #polish-selected{margin:0 0 8px;font-size:16px}body.dock-layout #lighting-dock #lesson-feedback:empty{display:none}
body.dock-layout #lighting-dock #classroom-controls .colour-bench{display:grid!important;grid-template-columns:160px minmax(0,1fr);gap:8px 12px;align-items:start!important}
body.dock-layout #lighting-dock #classroom-controls .colour-bench>#polish-selected{grid-column:1;grid-row:1;margin:0}body.dock-layout #lighting-dock #classroom-controls .colour-bench>.colour-light-selection{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:5px}body.dock-layout #lighting-dock .colour-light-selection>button{flex:none!important;min-height:44px;padding:5px;white-space:normal;font-size:14px}
body.dock-layout #lighting-dock #classroom-controls #lesson2-settings{grid-column:2;grid-row:1/5;display:grid!important;grid-template-columns:minmax(130px,.75fr) minmax(310px,1.55fr) minmax(140px,.8fr);gap:8px 12px;align-items:start}
body.dock-layout #lighting-dock #lesson2-power{grid-column:1;grid-row:1}body.dock-layout #lighting-dock #lesson2-settings>.colour-level{grid-column:1;grid-row:2}body.dock-layout #lighting-dock #polish-colour{grid-column:2;grid-row:1/5;padding:0}body.dock-layout #lighting-dock #polish-colour h3{margin:0 0 4px}
body.dock-layout #lighting-dock .wheel-controls{grid-template-columns:132px minmax(0,1fr);gap:10px}body.dock-layout #lighting-dock .wheel-picture>canvas{width:132px;height:132px}body.dock-layout #lighting-dock .colour-values label{font-size:14px!important}body.dock-layout #lighting-dock .colour-values input{height:38px!important;min-height:38px}body.dock-layout #lighting-dock .colour-actions{margin-top:4px;gap:4px}body.dock-layout #lighting-dock .colour-actions [data-hex]{font-size:12px}body.dock-layout #lighting-dock .session-note{font-size:14px!important;line-height:1.4;margin:4px 0}body.dock-layout #lighting-dock #polish-colour>.session-note{margin-bottom:0}
body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:3;grid-row:1}body.dock-layout #lighting-dock #polish-gobos{grid-column:3;grid-row:2/5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0}body.dock-layout #lighting-dock #polish-gobos svg{width:30px;height:30px}body.dock-layout #lighting-dock #polish-gobos button{font-size:13px;padding:4px}
body.dock-layout #lighting-dock .colour-versions{margin-bottom:8px}body.dock-layout #lighting-dock .colour-versions span{font-size:13px}body.dock-layout #lighting-dock .colour-worked{margin-top:6px;font-size:14px}
body.dock-layout:has(#dock-task .hardware-comparison) #lighting-dock{max-height:105px;min-height:80px}body.dock-layout:has(#dock-task .hardware-comparison) #lighting-dock #lesson2-settings{display:block!important}
body.dock-layout.polish.classroom-active[data-workview=stage] .workspace{grid-template-columns:1fr!important}body.dock-layout[data-workview=stage] #polish-inspector{display:none!important}
body:not(.dock-layout) #lighting-dock,body:not(.dock-layout) #dock-navigation,body:not(.dock-layout) #dock-task,body:not(.dock-layout) #dock-actions,body:not(.dock-layout) #dock-reading{display:none!important}
@media(min-width:851px) and (max-width:1200px){body.dock-layout #lighting-dock #classroom-controls .colour-bench{grid-template-columns:140px minmax(0,1fr)}body.dock-layout #lighting-dock #classroom-controls #lesson2-settings{grid-template-columns:130px minmax(280px,1fr)}body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:3}body.dock-layout #lighting-dock #polish-gobos{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap}body.dock-layout #lighting-dock #polish-gobos button{flex:1;min-width:60px}}
@media(min-width:541px) and (max-width:850px){body.dock-layout.polish.classroom-active .workspace,body.dock-layout.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:minmax(220px,.85fr) minmax(0,1.55fr)!important;grid-template-rows:minmax(240px,46%) minmax(0,1fr)!important}body.dock-layout.polish.classroom-active .stage-column{grid-column:1/-1!important;grid-row:1!important}body.dock-layout.polish.classroom-active #polish-inspector{grid-column:1!important;grid-row:2!important;padding:10px;gap:7px}body.dock-layout #lighting-dock{grid-column:2;grid-row:2;max-height:none;min-height:0;padding:10px;border-left:1px solid #4b626a}body.dock-layout #lighting-dock #classroom-controls .colour-bench{display:flex!important;flex-direction:column!important;gap:8px}body.dock-layout #lighting-dock #classroom-controls .colour-bench>.colour-light-selection{flex-direction:row;flex-wrap:wrap;width:100%}body.dock-layout #lighting-dock .colour-light-selection>button{flex:1!important}body.dock-layout #lighting-dock #classroom-controls #lesson2-settings{width:100%;grid-template-columns:minmax(115px,.75fr) minmax(0,1.6fr);gap:8px}body.dock-layout #lighting-dock #polish-colour{grid-column:2;grid-row:1/5}body.dock-layout #lighting-dock .wheel-controls{display:flex;flex-direction:column;gap:8px}body.dock-layout #lighting-dock .wheel-picture{display:grid;grid-template-columns:132px;gap:3px}body.dock-layout #lighting-dock .colour-values{width:100%}body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:3}body.dock-layout #lighting-dock #polish-gobos{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap}body.dock-layout #lighting-dock #polish-gobos button{flex:1;min-width:58px}body.dock-layout #lighting-dock #lesson-equipment .lesson-fixtures{grid-template-columns:1fr 1fr;flex-basis:100%}body.dock-layout #lighting-dock #lesson-equipment #lesson-power{order:0}body.dock-layout.polish.classroom-active[data-workview=stage] .workspace{grid-template-columns:1fr!important;grid-template-rows:minmax(240px,50%) minmax(0,1fr)!important}body.dock-layout[data-workview=stage] #lighting-dock{grid-column:1/-1}}
@media(max-width:540px){body.dock-layout.polish.classroom-active .workspace,body.dock-layout.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:1fr!important;grid-template-rows:minmax(180px,38%) minmax(110px,23%) minmax(0,1fr)!important}body.dock-layout.polish.classroom-active .stage-column{grid-column:1!important;grid-row:1!important}body.dock-layout.polish.classroom-active #polish-inspector{grid-column:1!important;grid-row:2!important;overflow:auto!important;padding:8px}body.dock-layout #lighting-dock{grid-column:1;grid-row:3;min-height:0;max-height:none;padding:8px}body.dock-layout #lighting-dock #classroom-controls .colour-bench{display:block!important}body.dock-layout #lighting-dock #classroom-controls #lesson2-settings{display:grid!important;grid-template-columns:110px minmax(0,1fr)}body.dock-layout #lighting-dock .wheel-controls{display:flex;flex-direction:column}body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:3}body.dock-layout #lighting-dock #polish-gobos{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap}body.dock-layout #lighting-dock #lesson-equipment .lesson-fixtures{grid-template-columns:1fr 1fr}body.dock-layout #dock-reading{min-height:120px;overflow:visible}}

body.dock-layout #classroom-nav>#classroom-teaching-toggle{display:none!important}
/* Shared dock grid: identity, power and level share one column; colour occupies the next. */
body.dock-layout #lighting-dock #classroom-controls .colour-bench{grid-template-columns:190px minmax(310px,1fr) minmax(140px,.7fr);gap:6px 14px}
body.dock-layout #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:200px minmax(310px,1fr)}
body.dock-layout #lighting-dock #classroom-controls #lesson2-settings{display:contents!important}
body.dock-layout #lighting-dock #classroom-controls .colour-bench>.colour-light-selection{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap}
body.dock-layout #lighting-dock .colour-light-selection>button{flex:1 1 80px!important}
body.dock-layout #lighting-dock #lesson2-power{grid-column:1;grid-row:3}
body.dock-layout #lighting-dock #lesson2-settings>.colour-level{grid-column:1;grid-row:4}
body.dock-layout #lighting-dock #polish-colour{grid-column:2;grid-row:1/6}
body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:3;grid-row:1}
body.dock-layout #lighting-dock #polish-gobos{grid-column:3;grid-row:2/6}
body.dock-layout #lighting-dock .colour-actions [data-hex]{display:none}
body.dock-layout #lighting-dock .colour-values input{height:44px!important;min-height:44px}
@media(min-width:851px) and (max-width:1200px){body.dock-layout #lighting-dock #classroom-controls .colour-bench{grid-template-columns:170px minmax(290px,1fr) minmax(130px,.65fr)}body.dock-layout #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:180px minmax(290px,1fr)}body.dock-layout #lighting-dock #polish-gobos{grid-column:3;grid-row:2/6;display:grid;grid-template-columns:1fr 1fr}body.dock-layout #lighting-dock #polish-gobos button{min-width:0}}
@media(max-width:850px){body.dock-layout #lighting-dock #classroom-controls .colour-bench,body.dock-layout #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){display:grid!important;grid-template-columns:minmax(110px,.9fr) minmax(0,1.4fr);gap:8px}body.dock-layout #lighting-dock #classroom-controls .colour-bench>#polish-selected{grid-column:1;grid-row:1}body.dock-layout #lighting-dock #classroom-controls .colour-bench>.colour-light-selection{grid-column:1;grid-row:2}body.dock-layout #lighting-dock #polish-colour{grid-column:2;grid-row:1/7}body.dock-layout #lighting-dock #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:5}body.dock-layout #lighting-dock #polish-gobos{grid-column:1/-1;grid-row:7;display:flex;flex-wrap:wrap}body.dock-layout #lighting-dock #polish-gobos button{min-width:58px}body.dock-layout #lighting-dock .wheel-controls{display:flex;flex-direction:column}body.dock-layout #lighting-dock #polish-colour>.session-note{font-size:14px!important}}

body.dock-layout #dock-task .colour-versions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}body.dock-layout #dock-task .colour-versions button{flex:1 1 95px;padding:6px;font-size:14px}body.dock-layout #dock-task .colour-versions span{font-size:13px}

body.dock-layout #lighting-dock #classroom-controls .colour-light-selection>button{min-width:0!important;max-width:100%;flex:1 1 0!important;white-space:nowrap}body.dock-layout #lighting-dock #classroom-controls .colour-bench:has([data-colour-light]) #lesson2-settings>label:has(#lesson2-aim){grid-row:1/3}

@media(max-width:850px){body.dock-layout .split-size{display:none!important}}

body.dock-layout #dock-reading #classroom-teaching>header{position:static!important;top:auto}