/* Full-width R2, scoped to the two introductory lessons only. */
body.wide-dock.polish .topbar{min-height:50px;height:50px;padding:3px 8px;display:block}
body.wide-dock .topbar>:not(#wide-toolbar){display:none!important}
#wide-toolbar{display:none}body.wide-dock #wide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px}
#wide-tools,#wide-actions{display:flex;align-items:center;gap:5px;min-width:0}
body.wide-dock #polish-tools{padding:0;margin:0;border:0;gap:4px;min-height:44px;flex-wrap:nowrap;background:transparent}
body.wide-dock #wide-toolbar button{min-height:44px;padding:5px 9px;font-size:14px;white-space:nowrap}
body.wide-dock #classroom-nav{display:block!important;width:100%;padding:0;margin:0}
body.wide-dock #classroom-nav>#classroom-designer{display:none!important}
body.wide-dock #classroom-nav select{width:100%;max-width:100%;min-height:44px;font-size:16px}
body.wide-dock.polish.classroom-active .workspace,body.wide-dock.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:minmax(0,1fr) clamp(270px,calc(100% - var(--stage-share)),380px)!important;grid-template-rows:minmax(0,1fr) auto!important}
body.wide-dock.polish.classroom-active .stage-column{grid-template-rows:minmax(0,1fr)!important;grid-row:1!important;grid-column:1!important}
body.wide-dock.polish.classroom-active #polish-inspector{grid-row:1!important;grid-column:2!important;padding:8px 12px;gap:6px}
body.wide-dock #wide-lesson{flex-shrink:0;min-width:0}body:not(.wide-dock) :is(#wide-lesson,#wide-support){display:none}
body.wide-dock #wide-support{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}
body.wide-dock #dock-reading{overflow:visible;flex:none}body.wide-dock #wide-secondary{font-size:14px;line-height:1.4}body.wide-dock #wide-secondary .session-note{margin:6px 0}
body.wide-dock #wide-secondary .split-size{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}body.wide-dock #wide-secondary input{width:140px}
body.wide-dock #wide-worked:not([hidden]){display:flex;gap:6px;flex-wrap:wrap}body.wide-dock #wide-worked button{min-height:44px;font-size:14px}body.wide-dock #wide-worked span{width:100%}
body.wide-dock #lighting-dock{grid-column:1/-1!important;grid-row:2!important;min-height:94px;max-height:190px;padding:8px 12px;overflow:auto}
body.wide-dock #lighting-dock #classroom-controls .colour-bench,body.wide-dock #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){display:grid!important;grid-template-columns:165px 150px 235px minmax(360px,1fr) 260px;grid-template-rows:auto auto;gap:6px 12px;align-items:start!important}
body.wide-dock #lighting-dock #classroom-controls .colour-bench>#polish-selected{grid-column:1;grid-row:1;margin:0;font-size:15px;line-height:1.35}
body.wide-dock #lighting-dock #classroom-controls .colour-bench>.colour-light-selection{grid-column:1;grid-row:2;flex-wrap:nowrap;gap:4px}
body.wide-dock #lighting-dock #lesson2-power{grid-column:2;grid-row:1;min-height:44px}
body.wide-dock #lighting-dock #lesson2-settings>.colour-level{grid-column:2;grid-row:2;margin:0}
body.wide-dock #lighting-dock #lesson2-settings>.colour-level input{width:150px;height:44px;min-height:44px}
body.wide-dock #lighting-dock #polish-colour,body.wide-dock #lighting-dock .wheel-controls{display:contents!important}
body.wide-dock #lighting-dock #polish-colour>h3{display:none}
body.wide-dock #lighting-dock .wheel-picture{grid-column:3;grid-row:1/3;display:grid;grid-template-columns:132px 95px;gap:8px;align-items:center}
body.wide-dock #lighting-dock .wheel-picture>canvas{width:132px;height:132px}
body.wide-dock #lighting-dock .colour-actions{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:8px}
body.wide-dock #lighting-dock .colour-actions button{min-height:44px;white-space:nowrap}
body.wide-dock #lighting-dock .colour-values{grid-column:4;grid-row:1/3;display:grid;grid-template-columns:repeat(3,minmax(120px,150px));gap:6px}
body.wide-dock #lighting-dock .colour-values label{font-size:14px!important;line-height:1.35}
body.wide-dock #lighting-dock .colour-values input{width:100%;height:44px!important;min-height:44px}
body.wide-dock #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:5;grid-row:1;font-size:14px;margin:0}
body.wide-dock #lighting-dock #lesson2-aim{min-height:44px}
body.wide-dock #lighting-dock #polish-gobos{grid-column:5;grid-row:2;display:flex;gap:4px;margin:0}
body.wide-dock #lighting-dock #polish-gobos button{flex:1;min-width:44px;min-height:48px;padding:3px;font-size:12px}
body.wide-dock #lighting-dock #polish-gobos svg{width:24px;height:24px}
body.wide-dock #lighting-dock .colour-worked{display:none}
body.wide-dock #lighting-dock #lesson-equipment>label,body.wide-dock #lighting-dock #lesson-spread{flex:0 1 180px}
body.wide-dock #lighting-dock input[type=range]{max-width:180px}
body.wide-dock.polish.classroom-active[data-workview=stage] .workspace{grid-template-columns:1fr!important}
@media(max-width:1300px) and (min-width:851px){body.wide-dock #lighting-dock #classroom-controls .colour-bench,body.wide-dock #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:155px 145px 235px minmax(360px,1fr);gap:6px 10px}body.wide-dock #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:3}body.wide-dock #lighting-dock #polish-gobos{grid-column:4;grid-row:2}body.wide-dock #lighting-dock #lesson2-settings>.colour-level input{width:145px}body.wide-dock #lighting-dock{max-height:206px}}
@media(max-width:850px){body.wide-dock.polish .topbar{height:96px;min-height:96px}body.wide-dock #wide-toolbar{height:90px;flex-wrap:wrap;gap:2px}body.wide-dock #wide-tools{width:100%}body.wide-dock #wide-actions{margin-left:auto}body.wide-dock #wide-toolbar button{padding:4px 8px;font-size:14px}body.wide-dock.polish.classroom-active .workspace,body.wide-dock.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:1fr!important;grid-template-rows:minmax(230px,1fr) 184px auto!important}body.wide-dock.polish.classroom-active .stage-column{grid-column:1!important;grid-row:1!important}body.wide-dock.polish.classroom-active #polish-inspector{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto 1fr auto;padding:8px 12px;gap:5px 12px}body.wide-dock #wide-lesson{grid-column:1;grid-row:1}body.wide-dock #dock-navigation{grid-column:1;grid-row:2/4}body.wide-dock #dock-task{grid-column:2;grid-row:1/3;overflow:auto;min-height:0}body.wide-dock #dock-actions{grid-column:2;grid-row:3}body.wide-dock #wide-support{grid-column:1/-1;grid-row:4;display:none}body.wide-dock:has(#dock-teaching-toggle[aria-expanded=true]) #wide-support,body.wide-dock:has(#classroom-teaching:not([hidden])) #wide-support{display:block;max-height:170px}body.wide-dock:has(#dock-teaching-toggle[aria-expanded=true]) #polish-inspector{grid-template-rows:auto auto auto minmax(0,1fr)!important;overflow:auto!important}body.wide-dock #lighting-dock{grid-row:3!important;max-height:275px;min-height:0;padding:8px 12px}body.wide-dock #lighting-dock #classroom-controls .colour-bench,body.wide-dock #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){display:grid!important;grid-template-columns:150px 150px minmax(0,1fr);grid-template-rows:auto auto auto;gap:6px 12px}body.wide-dock #lighting-dock .wheel-picture{grid-column:3;grid-row:1/3;grid-template-columns:132px 95px;justify-content:end}body.wide-dock #lighting-dock .colour-values{grid-column:1/-1;grid-row:3;grid-template-columns:repeat(3,150px);justify-content:space-between}body.wide-dock #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:3;grid-row:4}body.wide-dock #lighting-dock #polish-gobos{grid-column:1/3;grid-row:4}body.wide-dock #lighting-dock #lesson-equipment .lesson-fixtures{grid-template-columns:repeat(4,1fr);flex-basis:auto}body.wide-dock.polish.classroom-active[data-workview=stage] .workspace{grid-template-rows:minmax(230px,1fr) auto!important}body.wide-dock[data-workview=stage] #lighting-dock{grid-row:2!important}}

/* The original stage host occupied row two beneath its toolbar. R2 has one top toolbar. */
body.wide-dock.polish.classroom-active #stage-host{grid-row:1!important;grid-column:1!important;min-height:0}
@media(max-width:1300px) and (min-width:851px){body.wide-dock #lighting-dock #classroom-controls .colour-bench,body.wide-dock #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:140px 140px 230px minmax(360px,1fr)}body.wide-dock #lighting-dock .colour-values{grid-row:1}body.wide-dock #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:4;grid-row:2;width:160px}body.wide-dock #lighting-dock #polish-gobos{grid-column:4;grid-row:3}body.wide-dock #lighting-dock #lesson2-settings>.colour-level input{width:140px}}

@media(max-width:850px){body.wide-dock:has(#dock-teaching-toggle[aria-expanded=true]) #wide-support{min-height:170px;height:170px;max-height:170px}body.wide-dock:has(#dock-teaching-toggle[aria-expanded=true]) #polish-inspector{scroll-padding:0}}

@media(max-width:1300px) and (min-width:851px){body.wide-dock #lighting-dock #classroom-controls .colour-bench:has(#polish-gobos) #lesson2-settings>label:has(#lesson2-aim){grid-column:1;grid-row:2;width:140px}body.wide-dock #lighting-dock #polish-gobos{grid-column:4;grid-row:2}body.wide-dock #lighting-dock #polish-gobos button{min-height:60px}}

body.wide-dock #lighting-dock #polish-gobos .gobo-none{display:block;height:auto;line-height:1.1;white-space:normal;font-size:12px}
@media(min-width:1301px){body.wide-dock #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:165px 150px 235px 450px;justify-content:space-between}}