/* Keep live observations, calculated results and their controls close together. */
:root{--atlas-result-size:17px;--atlas-observation-height:clamp(230px,38svh,320px)}
#iw-metrics,#optical-metrics,#workbench #metrics{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px 14px;padding:10px 14px;margin:0;border-top:1px solid #c5d0d9;background:#fff}
#iw-metrics>div,#optical-metrics>.od-metric,#workbench #metrics>.metric{min-width:0;padding:0;border:0}
#iw-metrics dt,#optical-metrics dt,#workbench #metrics .metric>small{font-size:12px;line-height:1.4;font-weight:600;margin:0}
#iw-metrics dd,#optical-metrics .od-metric strong,#workbench #metrics .metric strong{font-size:var(--atlas-result-size);font-weight:600;line-height:1.3;margin:3px 0 0;white-space:normal}
#iw-metrics dd small,#optical-metrics .od-unit,#workbench #metrics .metric-unit{font-size:12px;font-weight:500}
#iw-metrics p,#optical-metrics .od-metric>small,#workbench #metrics .metric p{font-size:11px;font-weight:400;line-height:1.4;margin:3px 0 0;color:var(--atlas-muted)}
/* The full detail view remains available through the existing enlarge button. */
#iw-observation{min-height:0;height:var(--atlas-observation-height);background:#fff}
#iw-observation>svg{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain}
body[data-instrument=night] #iw-observation{background:#07161c}
body[data-instrument=night] #iw-workbench[data-chapter=technology] #iw-observation{background:#fff}
.iw-panel-bar{min-height:44px;padding:6px 12px;gap:8px}
.iw-panel-bar h3{font-size:11px}
.iw-adjust{padding:10px 14px}
.iw-adjust h3{font-size:11px;margin:0 0 8px;letter-spacing:.25px}
.iw-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 14px}
.iw-control{padding-top:7px;border-top:1px solid #bac9d3}
.iw-control-label{font-size:12px;min-height:0;line-height:1.4;gap:4px 8px;flex-wrap:wrap;margin-bottom:6px}
.iw-control-label output{font-size:12px}
.iw-input-pair{gap:8px}
.iw-input-pair input[type=number]{width:68px;min-height:34px;padding:6px}
.iw-control select{min-height:34px;padding:6px 8px}
.iw-input-pair input[type=range]{min-height:28px;margin:0}
.iw-secondary-controls{grid-column:1/-1;font-size:12px}
.iw-secondary-controls>summary{cursor:pointer;padding:6px 0;font-weight:600;color:var(--atlas-link)}
.iw-secondary-controls>.iw-controls{padding-top:8px}
.iw-feedback:empty{display:none}
.iw-topic-tools{margin:16px 0 14px}
.iw-explanation{padding:12px 16px}
.iw-component-description{padding:10px 16px}
.iw-adjust-before{margin-bottom:10px}
.iw-adjust-before .iw-controls{max-width:720px;grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr)}
.iw-adjust-before .iw-control{padding-top:0;border-top:0}
/* Apply the same compact readout scale to the established workspaces. */
.od-settings-panel{gap:12px}
.od-controls{gap:10px 14px}
.od-control{padding-top:7px;border-top-width:1px}
.od-control-heading{font-size:12px;line-height:1.4;margin-bottom:6px}
.od-control-heading>span{font-size:12px}
#workbench .image-caption{padding:6px 10px;font-size:11px}
#workbench .scene-context{padding:4px 10px}
#workbench #controls .control{padding-top:7px}
#workbench #controls .control label{margin-bottom:6px;line-height:1.4}
/* Reserve the image's own space; captions and selection tools grow below it. */
#workbench[data-chapter] .scene-observation{height:auto}
#workbench .scene-preview{flex:none}
#workbench .image-mat{height:auto;container-type:inline-size;flex:none}
#workbench .image-mat>.image-wrap{width:min(100%,calc(var(--atlas-observation-height) * var(--image-ratio)));max-height:none}
@media(min-width:1000px){
 .iw-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iw-adjust-before .iw-controls{grid-template-columns:minmax(0,1.6fr) minmax(100px,1fr)}
}
@media(max-width:800px){
 :root{--atlas-result-size:16px;--atlas-observation-height:clamp(200px,29svh,260px)}
 #iw-metrics,#optical-metrics,#workbench #metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px 12px;gap:9px 12px}
 .iw-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
 .iw-adjust{padding:10px 12px}
 .iw-control-label{min-height:0;align-items:baseline;font-size:12px}
 .iw-control-label output{font-size:12px}
 .iw-input-pair input[type=number]{width:59px;min-height:40px}
 .iw-input-pair input[type=range]{min-height:40px}
 .iw-control select{min-height:40px}
 .iw-panel-bar{min-height:44px}
 .iw-panel-bar button{min-height:36px}
 .iw-figure{min-height:0}
 .iw-figure>svg{min-height:0}
 #iw-observation{min-height:0}
 #workbench .controls-heading{flex-direction:row;flex-wrap:wrap;gap:4px 10px;padding-bottom:4px}
 #workbench .controls-heading small{font-size:10px}
 #workbench .controls-heading span{font-size:11px}
}
@media(max-width:360px){
 .iw-controls{grid-template-columns:1fr}
 .iw-adjust-before .iw-controls{grid-template-columns:1fr}
 .iw-control-label{flex-wrap:wrap}
}