/* Step E / 8th lesson only: stage is its own space. No screen-size-only
   attempt to shrink floating mission cards can replace real layout separation. */
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]).classroom-stage-ready {
  grid-template-rows: 62px minmax(0,1fr) auto 76px!important;
  overflow:hidden;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]).classroom-stage-ready .simulation{
  display:flex!important;flex-direction:column;min-height:0;overflow:hidden;
  background:#e2e9e6;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview[hidden],
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar[hidden]{display:none!important}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview {
  position:relative;z-index:6;flex:0 0 auto;
  min-height:97px;padding:10px clamp(15px,2.4vw,36px);
  display:grid;grid-template-columns:minmax(190px,1fr) minmax(355px,1.6fr) auto;
  align-items:center;column-gap:clamp(12px,2vw,26px);
  background:#f7f9f5;border-bottom:1px solid #c6d3ce;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .experiment-heading {
  position:static!important;inset:auto!important;max-width:none!important;
  margin:0!important;pointer-events:none;min-width:0;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .experiment-line{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .phase-marker {
  display:block!important;font-size:12px;font-weight:750;line-height:1.2;
  padding:0 0 0 9px;border-left:3px solid #ce9c52;color:#4a706b;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview #experiment-heading {
  font-size:clamp(19px,1.6vw,24px)!important;line-height:1.2!important;
  max-width:260px;letter-spacing:-.04em;word-break:keep-all;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview #lesson-intro {display:none!important}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .lesson-guide {
  display:grid!important;grid-template-columns:1fr;gap:4px!important;
  position:static!important;inset:auto!important;top:auto!important;left:auto!important;
  min-width:0!important;max-width:none!important;width:100%!important;
  margin:0!important;padding:0!important;box-shadow:none!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  color:#243b3d;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-copy{
  display:flex!important;align-items:center;gap:9px!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-index {
  flex:none;min-width:37px;min-height:29px;display:grid;place-items:center;
  background:#e5f0e8;border-radius:6px;font-size:12px!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-message{min-width:0}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-message strong{
  font-size:clamp(16px,1.5vw,19px)!important;line-height:1.22!important;letter-spacing:-.035em
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-message p{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-actions {
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  grid-template-columns:none!important;gap:6px!important;margin:3px 0 0 0!important
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview :is(.guide-primary,.guide-more,.trial-action){
  width:auto!important;grid-column:auto!important;min-height:37px!important;
  padding:0 10px!important;border-radius:7px!important;font-size:12px!important;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-primary {font-size:13px!important;max-width:220px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-feedback{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-switch{
  position:static!important;inset:auto!important;top:auto!important;right:auto!important;
  min-width:118px!important;min-height:64px!important;padding:10px 14px!important;
  border-radius:9px!important;border:1px solid #c9d7cd!important;
  background:#ecf3e9!important;box-shadow:none!important;align-self:center!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-caption{font-size:11px!important;gap:4px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-caption::before{font-size:24px!important;top:3px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-caption small{font-size:17px!important;color:#275850}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-compare-short{font-size:11px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .play-area {
  position:relative!important;inset:auto!important;
  display:block!important;flex:1 1 0;min-height:0;width:100%;
  overflow:hidden!important;background:#e1e8e5;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .play-area .scene-art{
  position:absolute!important;inset:0!important;top:0!important;left:0!important;
  right:0!important;bottom:0!important;display:grid!important;place-items:center!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .scene-art svg{
  width:min(100%,1420px)!important;height:100%!important;max-height:100%!important;
  object-fit:contain;filter:none!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar {
  flex:none;position:relative;z-index:7;min-height:78px;min-width:0;
  display:flex;align-items:center;padding:8px clamp(12px,2vw,28px);
  border-top:1px solid #becfc7;background:#f8faf6;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .experiment-dock {
  position:static!important;inset:auto!important;left:auto!important;bottom:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;
  width:100%!important;max-width:none!important;min-width:0;gap:clamp(8px,1.4vw,18px)!important;
  padding:0!important;margin:0!important;background:transparent!important;
  box-shadow:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .dock-set {
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;
  background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .dock-label {
  min-width:0;margin-right:5px;font-size:13px!important;color:#375b55;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .dock-divider{
  display:block!important;width:1px;align-self:stretch;background:#c6d4cb;margin:0 3px;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar :is(.switch-chip,.blind-chip,.desk-visual-toggle,.reset-control){
  min-height:43px!important;height:43px!important;border-radius:7px!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .dock-hint{display:none!important}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-bar{
  position:relative;z-index:7;gap:12px!important;min-height:76px;
  background:#fffefa;padding:0 clamp(12px,2vw,30px);border-top:1px solid #d4dfd8;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-bar .reading{gap:7px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-bar .reading strong{font-size:16px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-bar .result-explanation{display:none!important}
/* Status icon lives in the top bar after DOM relocation, not inside .play-area. */
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-caption::before{
  content:"☀";color:#c98c16;font-size:27px!important;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview[data-weather="cloudy"] .weather-caption::before{
  content:"☁";color:#678e9d;
}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview[data-weather="cloudy"] .weather-switch{
  background:#e8f0f2!important;border-color:#c3d5d8!important;
}
/* Keep overlays interactive and accessible, but never show them by default. */
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .plan-tools.is-open{position:fixed;top:150px;right:16px;left:auto;max-height:calc(100dvh - 164px);overflow-y:auto;z-index:15}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .help-note:not([hidden]){top:10px;right:12px;z-index:16}
@media(max-width:1180px){
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview{
    grid-template-columns:minmax(145px,.9fr) minmax(330px,1.75fr) minmax(122px,.6fr);
    min-height:102px;gap:12px;padding-inline:16px;
  }
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar{overflow-x:auto;overscroll-behavior-x:contain}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar .experiment-dock{width:max-content!important;min-width:max-content!important;justify-content:flex-start!important;margin-inline:auto!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-bar .reading strong{font-size:15px}
}
@media(max-width:920px){
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview{grid-template-columns:minmax(110px,.75fr) minmax(315px,1.8fr) 120px;gap:10px;padding-inline:10px}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-actions{gap:3px!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview :is(.guide-primary,.guide-more,.trial-action){padding-inline:7px!important;font-size:11px!important}
}
@media(max-width:700px){
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]).classroom-stage-ready{grid-template-rows:56px minmax(0,1fr) auto 78px!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview{grid-template-columns:1fr auto;row-gap:6px;padding:8px 10px;min-height:0}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .experiment-heading{grid-column:1;grid-row:1}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .weather-switch{grid-column:2;grid-row:1/3;padding:7px 8px!important;min-width:100px!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .lesson-guide{grid-column:1;grid-row:2}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-message strong{font-size:14px!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-overview .guide-actions{flex-wrap:wrap!important}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .classroom-action-bar{padding:7px 10px}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .analysis-title{display:none}
  :is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) .reading{padding:0 4px}
}
@media (prefers-reduced-motion:reduce){:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="8"],.sim-shell[data-lesson="9"]) *{scroll-behavior:auto}}

/* Step G: other lessons use the same unobstructed classroom layout. */
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="9"]).classroom-stage-ready .lesson-steps{display:none!important}
.sim-shell[data-lesson="6"].classroom-stage-ready .dock-set[aria-label="블라인드 전체 조절"],
.sim-shell[data-lesson="6"].classroom-stage-ready .dock-set[aria-label="블라인드 전체 조절"] + *{display:none!important}
.sim-shell[data-lesson="9"].classroom-stage-ready .classroom-action-bar{display:none!important}
.sim-shell[data-lesson="9"].classroom-stage-ready .classroom-overview .guide-primary{min-width:135px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="9"]).classroom-stage-ready .classroom-overview{min-height:92px}
:is(.sim-shell[data-lesson="6"],.sim-shell[data-lesson="7"],.sim-shell[data-lesson="9"]).classroom-stage-ready .classroom-overview .guide-message p{display:none!important}
/* With the read-only 9th-lesson tool row hidden, its result row fills the bottom
   grid track rather than leaving a visually empty 76px track underneath. */
.sim-shell[data-lesson="9"].classroom-stage-ready{grid-template-rows:62px minmax(0,1fr) 76px!important}
@media(max-width:700px){.sim-shell[data-lesson="9"].classroom-stage-ready{grid-template-rows:56px minmax(0,1fr) 78px!important}}