/* Observation uses unchanged photographic originals in explicit detail viewports. */
#classroom .slide .migration-direction{display:flex;gap:24px;align-items:center;color:#23594f;font-weight:600;margin-top:26px}
#classroom .slide.polish-observation .observation-window,#classroom .slide.polish-evidence .observation-window{position:relative;display:block;overflow:hidden;width:100%;padding:0;background:#e7e8df;border-radius:10px;line-height:0}
#classroom .slide.polish-observation .observation-window img,#classroom .slide.polish-evidence .observation-window img{position:absolute;display:block;height:auto!important;min-height:0!important;max-height:none!important;max-width:none!important;object-fit:initial!important;border-radius:0}
#classroom .slide.polish-observation[data-slide-id="old_photo"] .h40-grid{grid-template-columns:1.05fr 1fr;gap:46px}
#classroom .slide.polish-observation[data-slide-id="old_photo"] .h40-media{width:min(100%,440px);justify-self:center}
#classroom .slide.polish-observation[data-slide-id="compare"] .h40-pair{grid-template-columns:1fr 1fr;gap:32px;align-items:start}
#classroom .slide.polish-observation[data-slide-id="compare"] .h40-media{width:100%;max-width:590px;justify-self:center}
#classroom .slide.polish-observation .h40-media figcaption{font-size:14px;line-height:1.5;margin-top:8px}
#classroom .slide.polish-observation .h40-limit{font-size:19px;line-height:1.5;margin:12px 0 0}
#classroom .slide.polish-evidence .evidence-three{align-items:stretch;gap:24px}
#classroom .slide.polish-evidence .evidence-three article{display:grid;grid-template-rows:auto auto 1fr auto;padding:18px 22px;gap:12px;background:#fffcf4;border:1px solid #e2dfd2;border-radius:12px}
#classroom .slide.polish-evidence .evidence-three h3{margin:0;font-size:clamp(25px,2vw,31px);line-height:1.45}
#classroom .slide.polish-evidence .evidence-three article>p{font-size:clamp(22px,2vw,31px);line-height:1.5;margin:0}
#classroom .slide.polish-evidence .evidence-three article>p.wood-slip-note{font-size:19px;line-height:1.45;margin:0;align-self:end}
#classroom .slide.polish-evidence .evidence-three figure{margin:0;display:flex;flex-direction:column;align-items:center}
#classroom .slide.polish-evidence .evidence-three .image-button{height:220px;width:100%;display:block;overflow:hidden}
#classroom .slide.polish-evidence .evidence-three .image-button:not(.observation-window) img{height:220px;width:100%;max-height:none;object-fit:contain}
#classroom .slide.polish-evidence .evidence-three .artifact-focus{height:220px;width:103px;flex-shrink:0;border-radius:0}
#classroom .slide.polish-evidence .evidence-three figcaption{width:100%;font-size:12px;line-height:1.4;margin-top:6px}
@media (max-height:760px) and (min-width:901px){
 #classroom .slide.polish-observation[data-slide-id="old_photo"] .h40-grid{gap:32px}
 #classroom .slide.polish-observation[data-slide-id="old_photo"] .h40-media{max-width:318px}
 #classroom .slide.polish-observation[data-slide-id="compare"] .h40-media{max-width:420px}
 #classroom .slide.polish-observation .h40-limit{font-size:18px;margin:8px 0 0}
 #classroom .slide.polish-evidence .evidence-three{gap:18px}
 #classroom .slide.polish-evidence .evidence-three article{padding:14px 16px;gap:8px}
 #classroom .slide.polish-evidence .evidence-three h3,#classroom .slide.polish-evidence .evidence-three article>p{font-size:24px}
 #classroom .slide.polish-evidence .evidence-three .image-button,#classroom .slide.polish-evidence .evidence-three .image-button:not(.observation-window) img{height:170px}
 #classroom .slide.polish-evidence .evidence-three .artifact-focus{width:79.5px;height:170px}
 #classroom .slide.polish-evidence .evidence-three article>p.wood-slip-note{font-size:18px}
}