/* R3: shared five-lesson shell over the accepted R2 dimensions. */
body.five-lessons .split-size{display:none!important}
body.five-lessons.polish.classroom-active .workspace,body.five-lessons.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:minmax(420px,1fr) 12px clamp(270px,calc(100% - var(--stage-share)),460px)!important}
body.five-lessons.polish.classroom-active #polish-inspector{grid-column:3!important}
#workspace-divider{display:none}body.five-lessons #workspace-divider{display:block;grid-column:2;grid-row:1;position:relative;touch-action:none;cursor:col-resize;background:#21333a;border-inline:1px solid #52666c;z-index:3}
#workspace-divider>span{position:absolute;top:calc(50% - 32px);left:calc(50% - 22px);width:44px;height:64px;touch-action:none;cursor:inherit;display:grid;place-items:center}#workspace-divider>span::before{content:'';display:block;width:5px;height:40px;border-inline:2px solid #9eb4b9;border-radius:2px}
#workspace-divider:focus-visible{outline:3px solid #ffe29d;outline-offset:-3px}body.resizing-workspace{user-select:none}
body.five-lessons[data-workview=stage] #workspace-divider{display:none}
body.five-lessons.polish.classroom-active[data-workview=stage] .workspace{grid-template-columns:1fr!important}
body.five-lessons #lighting-dock .colour-values{display:none!important}
body.five-lessons #lighting-dock .wheel-picture>canvas{touch-action:none}body.five-lessons #lighting-dock .wheel-picture>canvas:focus-visible{outline:3px solid #ffe29d;outline-offset:3px;border-radius:50%}
body.five-lessons #lighting-dock #classroom-controls .colour-bench,body.five-lessons #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:180px 160px 235px minmax(200px,1fr);justify-content:space-between;column-gap:24px}
body.five-lessons #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:4;grid-row:1;width:180px}
body.five-lessons #lighting-dock #polish-gobos{grid-column:4;grid-row:2;gap:6px}body.five-lessons #lighting-dock #polish-gobos button{min-height:60px;font-size:13px;min-width:58px;line-height:1.2}
body.five-lessons #lighting-dock .colour-worked,body.five-lessons #lighting-dock :is(.angle-observation,.balance-observation),body.five-lessons #lighting-dock .session-note{display:none!important}
body.five-lessons #five-support{font-size:15px;line-height:1.5}#five-demonstrations{display:flex;flex-wrap:wrap;gap:6px}#five-demonstrations button{min-height:44px;padding:6px;font-size:14px}#five-notes{margin-top:6px;font-size:14px;line-height:1.5}
body.five-lessons #lighting-dock #five-intensity{display:block;max-width:170px;margin:0}#five-intensity span,#five-intensity small{display:block;font-size:14px}#five-intensity input{width:150px!important}
body.five-lessons #lighting-dock .lesson-bench{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(500px,3fr) 170px;gap:8px 16px;align-items:start!important}body.five-lessons #lighting-dock .lesson-bench>#polish-selected{grid-column:1;grid-row:1}body.five-lessons #lighting-dock #lesson-equipment{grid-column:2;grid-row:1/3}body.five-lessons #lighting-dock #five-intensity{grid-column:3;grid-row:1}
body.five-lessons #lighting-dock #classroom-controls :is(.angle-bench,.balance-bench){display:grid!important;grid-template-columns:180px 180px 170px minmax(260px,1fr);gap:8px 18px;align-items:start!important}
body.five-lessons #lighting-dock :is(#lesson3-settings,#lesson4-settings){display:contents!important}
body.five-lessons #lighting-dock :is(.angle-bench,.balance-bench)>#polish-selected{grid-column:1;grid-row:1}
body.five-lessons #lighting-dock :is(.angle-bench,.balance-bench)>.colour-light-selection{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px}
body.five-lessons #lighting-dock .colour-light-selection>button{flex:1 1 70px!important;min-width:0!important;white-space:normal;font-size:14px;min-height:44px}
body.five-lessons #lighting-dock :is(#lesson3-power,#lesson4-power){grid-column:2;grid-row:1}
body.five-lessons #lighting-dock #lesson3-settings>label:has(#lesson3-position){grid-column:2;grid-row:2}
body.five-lessons #lighting-dock #lesson3-settings>label:has(#lesson3-aim){grid-column:3;grid-row:1}
body.five-lessons #lighting-dock #lesson3-settings>.colour-level{grid-column:3;grid-row:2}
body.five-lessons #lighting-dock #lesson4-settings>.colour-level{grid-column:3;grid-row:1}
body.five-lessons #lighting-dock .balance-stops{grid-column:4;grid-row:1;display:flex;flex-wrap:wrap;gap:8px}
body.five-lessons #lighting-dock #polish-rig:not([hidden]){display:block!important;grid-column:4;grid-row:1/4;min-width:0}
body.five-lessons #lighting-dock #polish-plan.mount-plan{grid-auto-rows:minmax(44px,auto);gap:4px;padding:23px 6px 20px;margin:0}
body.five-lessons #lighting-dock .mount{min-height:44px;font-size:14px;padding:3px}body.five-lessons #lighting-dock .mount small{font-size:12px}
body.five-lessons[data-guided-lesson=angles-position] #lighting-dock{max-height:252px}
body.five-lessons #lighting-dock #classroom-controls .scene-bench{display:grid!important;grid-template-columns:180px minmax(0,1fr);gap:8px 16px}
body.five-lessons #lighting-dock .scene-bench>#polish-selected{grid-column:1;grid-row:1}
body.five-lessons #lighting-dock .scene-bench>.colour-light-selection{grid-column:1;grid-row:2}
body.five-lessons #lighting-dock #lesson5-settings{display:grid!important;grid-column:2;grid-row:1/3;grid-template-columns:155px 180px 235px minmax(180px,1fr);gap:8px 16px;align-items:start}
body.five-lessons #lighting-dock .scene-primary{display:contents}
body.five-lessons #lighting-dock #lesson5-power{grid-column:1;grid-row:1}body.five-lessons #lighting-dock .scene-primary>.colour-level{grid-column:1;grid-row:2}
body.five-lessons #lighting-dock .scene-primary>label:has(#lesson5-aim){grid-column:2;grid-row:1}
body.five-lessons #lighting-dock #lesson5-settings #polish-colour{display:contents!important}
body.five-lessons #lighting-dock #lesson5-settings .wheel-picture{grid-column:3;grid-row:1/3}
body.five-lessons #lighting-dock #lesson5-equipment{grid-column:4;grid-row:1/4;margin:0;font-size:14px}
body.five-lessons #lighting-dock #lesson5-equipment summary{min-height:44px;padding:0 0 4px;line-height:1.4;font-size:15px}
body.five-lessons #lighting-dock #lesson5-equipment .scene-equipment{display:grid;grid-template-columns:1fr;gap:8px}
body.five-lessons #dock-reading :is(details,blockquote,.scene-plan){position:static!important;max-width:100%;font-size:16px;line-height:1.5}
body.five-lessons #dock-reading :is([id$=-script]){max-height:340px;overflow:auto;scroll-padding:10px}
body.five-lessons #dock-reading .scene-plan textarea{min-height:120px}body.five-lessons #dock-reading .scene-plan button{min-height:44px;white-space:normal}
body.five-lessons #lighting-dock .colour-light-selection>span{font-size:14px;line-height:1.4}
@media(min-width:851px) and (max-width:1200px){body.five-lessons #lighting-dock #classroom-controls .colour-bench,body.five-lessons #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:155px 145px 235px minmax(260px,1fr);column-gap:14px}body.five-lessons #lighting-dock #lesson5-settings{grid-template-columns:145px 150px 235px;gap:8px 14px}body.five-lessons #lighting-dock #lesson5-equipment{grid-column:1/4;grid-row:3}body.five-lessons #lighting-dock .lesson-bench{grid-template-columns:150px minmax(450px,1fr) 150px;gap:8px}body.five-lessons #lighting-dock #classroom-controls :is(.angle-bench,.balance-bench){grid-template-columns:150px 160px 150px minmax(260px,1fr);gap:8px 12px}}
@media(max-width:850px){body.five-lessons.polish.classroom-active .workspace,body.five-lessons.polish.classroom-active .workspace.lesson-hidden{grid-template-columns:1fr!important;grid-template-rows:minmax(230px,1fr) 12px var(--guide-height,184px) auto!important}body.five-lessons #workspace-divider{grid-column:1;grid-row:2;cursor:row-resize;border-inline:0;border-block:1px solid #52666c}#workspace-divider>span{top:calc(50% - 32px)}body.five-lessons #workspace-divider>span{top:calc(50% - 22px);left:calc(50% - 32px);width:64px;height:44px}body.five-lessons #workspace-divider>span::before{width:40px;height:5px;border-inline:0;border-block:2px solid #9eb4b9}
body.five-lessons.polish.classroom-active #polish-inspector{grid-column:1!important;grid-row:3!important}body.five-lessons #lighting-dock{grid-row:4!important;max-height:285px}
body.five-lessons #lighting-dock #classroom-controls .colour-bench,body.five-lessons #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:150px 150px minmax(235px,1fr);gap:8px 12px}body.five-lessons #lighting-dock .wheel-picture{grid-column:3;grid-row:1/3;justify-content:end}
body.five-lessons #lighting-dock #classroom-controls .colour-bench #lesson2-settings>label:has(#lesson2-aim){grid-column:3;grid-row:3;width:auto}body.five-lessons #lighting-dock #polish-gobos{grid-column:1/3;grid-row:3}
body.five-lessons #lighting-dock .lesson-bench{grid-template-columns:1fr 150px;gap:8px}body.five-lessons #lighting-dock .lesson-bench>#polish-selected{grid-column:1;grid-row:1}body.five-lessons #lighting-dock #five-intensity{grid-column:2;grid-row:1}body.five-lessons #lighting-dock #lesson-equipment{grid-column:1/-1;grid-row:2}
body.five-lessons #lighting-dock #classroom-controls :is(.angle-bench,.balance-bench){grid-template-columns:150px 160px minmax(260px,1fr);gap:8px 12px}
body.five-lessons #lighting-dock #lesson3-settings>label:has(#lesson3-aim),body.five-lessons #lighting-dock #lesson3-settings>.colour-level{grid-column:2}body.five-lessons #lighting-dock #lesson3-settings>label:has(#lesson3-position){grid-column:2;grid-row:3}
body.five-lessons #lighting-dock #polish-rig:not([hidden]){grid-column:3;grid-row:1/5}body.five-lessons #lighting-dock #lesson4-settings>.colour-level{grid-column:3;grid-row:1}body.five-lessons #lighting-dock .balance-stops{grid-column:2/4;grid-row:2}
body.five-lessons #lighting-dock #classroom-controls .scene-bench{grid-template-columns:150px minmax(0,1fr);gap:8px 12px}body.five-lessons #lighting-dock #lesson5-settings{grid-template-columns:145px minmax(235px,1fr);gap:8px 12px}body.five-lessons #lighting-dock #lesson5-settings .wheel-picture{grid-column:2;grid-row:1/3}body.five-lessons #lighting-dock .scene-primary>label:has(#lesson5-aim){grid-column:1;grid-row:3}body.five-lessons #lighting-dock #lesson5-equipment{grid-column:2;grid-row:3/5}
body.five-lessons.polish.classroom-active[data-workview=stage] .workspace{grid-template-rows:minmax(230px,1fr) auto!important}body.five-lessons[data-workview=stage] #lighting-dock{grid-row:2!important}}

@media(min-width:851px){body.five-lessons #lighting-dock #classroom-controls .colour-bench:not(:has(#lesson2-aim)):not(:has(#polish-gobos)){grid-template-columns:180px 160px 235px;justify-content:space-between}}
@media(max-width:850px){body.five-lessons.polish.classroom-active #polish-inspector{overflow:auto!important}body.five-lessons #wide-support:has(details[open],.scene-plan){min-height:170px;height:170px;display:block;max-height:170px}body.five-lessons #dock-task{display:flex;flex-direction:column;overflow:hidden;gap:4px}body.five-lessons #dock-task>.activity-task{flex:1;min-height:0;overflow:auto}body.five-lessons #dock-task>.colour-versions{flex:none;margin:0;gap:4px}body.five-lessons #dock-task .colour-versions button{flex:1 1 90px;min-height:44px;font-size:13px;padding:3px}body.five-lessons #dock-task .colour-versions span{font-size:12px;line-height:1.2}}

body.five-lessons #lighting-dock #five-angle-beam{grid-column:3;grid-row:3;margin:0}#five-angle-beam span{display:block}#five-angle-beam input{width:150px!important}
@media(max-width:850px){body.five-lessons #lighting-dock #five-angle-beam{grid-column:2;grid-row:4}}

body.five-lessons #lighting-dock #lesson5-equipment #polish-gobos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}body.five-lessons #lighting-dock #lesson5-compatibility{display:block!important;font-size:14px!important}body.five-lessons #lighting-dock #polish-gobos button{min-width:52px}
@media(max-width:850px){body.five-lessons #lighting-dock #lesson3-settings>label:has(#lesson3-aim){grid-column:1;grid-row:3}}

@media(max-width:850px){body.five-lessons.polish.classroom-active .workspace,body.five-lessons.polish.classroom-active .workspace.lesson-hidden{grid-template-rows:minmax(230px,1fr) 12px var(--guide-height,216px) auto!important}body.five-lessons.polish.classroom-active #polish-inspector,body.five-lessons:has(#dock-teaching-toggle[aria-expanded=true]) #polish-inspector{grid-template-rows:44px 88px 44px auto!important}body.five-lessons #dock-task>.activity-task{overflow:auto!important}body.five-lessons #dock-task>.colour-versions{margin:0!important}}

@media(max-width:850px){body.five-lessons[data-guided-lesson=angles-position] #lighting-dock{max-height:286px}body.five-lessons #lighting-dock #five-angle-beam{grid-column:1/3;grid-row:4;display:flex;align-items:center;gap:8px;min-height:44px}body.five-lessons #lighting-dock #five-angle-beam span{font-size:14px;min-width:120px}body.five-lessons #lighting-dock #five-angle-beam input{flex:0 0 150px}}

@media(max-width:850px){body.five-lessons #lighting-dock #classroom-controls .angle-bench{row-gap:6px}body.five-lessons #lighting-dock .angle-bench label{font-size:14px;line-height:1.3}body.five-lessons #lighting-dock .angle-bench>#polish-selected{font-size:14px;line-height:1.35}body.five-lessons[data-guided-lesson=angles-position] #lighting-dock{max-height:292px}}

body.five-lessons #lighting-dock #classroom-controls .colour-bench:has([data-colour-light]) #lesson2-settings>label:has(#lesson2-aim){grid-column:4;grid-row:1!important}
@media(max-width:850px){body.five-lessons #lighting-dock #classroom-controls .colour-bench:has([data-colour-light]) #lesson2-settings>label:has(#lesson2-aim){grid-column:3;grid-row:3!important}}

@media(min-width:851px){body.five-lessons.polish.classroom-active #polish-inspector{overflow:auto!important}body.five-lessons.teaching-open #wide-support,body.five-lessons #wide-support:has(details[open],.scene-plan){min-height:170px;flex-shrink:0}body.five-lessons #dock-actions{position:sticky;bottom:0;background:#142126;z-index:2;padding-top:5px}}