/* 7차시만: 숫자형 충분/부족 대신 관찰 전후의 햇빛 변화를 명확히 표시. */
.sim-shell[data-lesson="7"] .lesson7-observation:not([hidden]) {
 display:block;margin:5px 0 0;padding:7px 11px;border-left:3px solid #d9a64c;
 background:#fffaed;color:#574421;border-radius:2px;font-size:clamp(12px,1.05vw,15px);
 font-weight:760;line-height:1.45;max-width:100%;
}
.sim-shell[data-lesson="7"] .visual-bright-spots{display:none!important}
.sim-shell[data-lesson="7"] #result-brightness{font-size:clamp(13px,1.18vw,18px)}
.sim-shell[data-lesson="7"] .reading:first-child .reading-label{font-size:0}
.sim-shell[data-lesson="7"] .reading:first-child .reading-label::after{content:'햇빛 변화';font-size:14px}
@media(max-width:720px){.sim-shell[data-lesson="7"] .lesson7-observation:not([hidden]){font-size:12px;padding:6px 8px}}

/* 큰 화면에서도 하단 조작바의 왼쪽이 잘려 첫 번째 버튼을 잃지 않게 함. */
.sim-shell[data-lesson="7"] .experiment-dock{justify-content:flex-start!important;overflow-x:auto!important;max-width:calc(100% - 24px);width:calc(100% - 24px);scrollbar-width:thin}
/* 7차시 학생에게 중요한 블라인드 조작을 맨 앞에 둔다. */
.sim-shell[data-lesson="7"] .experiment-dock .blind-select-group{order:-3;flex-shrink:0}
.sim-shell[data-lesson="7"] .experiment-dock .dock-set[aria-label="블라인드 전체 조절"]{order:-2;flex-shrink:0}
.sim-shell[data-lesson="7"] .experiment-dock .dock-divider{order:-1}
@media(max-width:700px){
 .sim-shell[data-lesson="7"] .header-controls .utility-control:not(.help-button),
 .sim-shell[data-lesson="7"] .header-controls .audio-controls{display:none!important}
 .sim-shell[data-lesson="7"] .sim-header .identity-small{display:none}
 .sim-shell[data-lesson="7"] .sim-header .identity{flex:0 1 auto;min-width:0}
 .sim-shell[data-lesson="7"] .sim-header .identity-main{white-space:nowrap;font-size:15px}
 .sim-shell[data-lesson="7"] .sim-header{padding-inline:8px}
 .sim-shell[data-lesson="7"] .lesson-picker-label{display:none}
}