/* The explanation stays with its experiment in both workspaces. */
.experiment-explanation{font-size:14px;line-height:1.75;color:#344b5d;background:#fff;padding:16px 18px}
.experiment-explanation p{font-size:14px;line-height:1.75;margin:0 0 10px;color:inherit}
.experiment-explanation p:last-child{margin-bottom:0}
#camera-system-explanation{border-top:1px solid #c6d2dc}
.experiment-explanation h3{font-size:16px;line-height:1.4;margin:0 0 8px;color:#20394c}
.experiment-explanation details{font-size:13px;line-height:1.75;margin-top:14px;padding:12px 0 0;border-top:1px solid #c6d2dc}
.experiment-explanation details>summary{font-weight:650;cursor:pointer}
.experiment-explanation details[open]>summary{margin-bottom:10px}
.experiment-explanation :is(.pixel-current,.adc-current,.row-current,.resolution-explanation,.isp-stage-explanation){padding:0;border:0;background:none;font:inherit}
.experiment-explanation :is(.pixel-current,.adc-current,.row-current,.resolution-explanation,.isp-stage-explanation) p{font-size:14px;line-height:1.75;max-width:none}
.experiment-explanation :is(.pixel-current,.adc-current,.row-current,.resolution-explanation,.isp-stage-explanation) h3{font-size:16px;margin:0 0 8px}
.experiment-explanation :is(.pixel-current,.row-current,.isp-stage-explanation)>small{display:block;font-size:11px;letter-spacing:0;color:#587084;margin-bottom:6px}
#workbench .mechanism-panel>.mechanism-explanations{border:0;border-top:1px solid #c6d2dc;margin:0;padding:16px 18px}
#workbench .mechanism-panel #mechanism-notes .ray-reading{display:block;padding:0;border:0}
#workbench .mechanism-panel #mechanism-notes .ray-reading p{font-size:14px;line-height:1.75;margin:0 0 10px}
#workbench .mechanism-panel #mechanism-notes .ray-reading p:last-child{margin-bottom:0}
.explanation-grid{grid-template-columns:1fr}
.explanation-grid:has(>.analysis-explanations[hidden]){display:none}
#workbench[data-chapter=color] #experiment-controls{display:block}
.od-figure-explanation.experiment-explanation p{font-size:14px;line-height:1.75}
.electronic-detail.experiment-explanation{padding:20px}
.motion-card>p.experiment-explanation{margin:0;border-top:1px solid #c6d2dc;font-size:14px;line-height:1.75;padding:12px 16px}
.sensor-profiles button[data-mode-selected=true]:not([aria-pressed=true])>b{background:#e5f0f8;color:#153e59;border-left:3px solid #0865cf;padding:5px 8px;margin:-5px -5px 7px}
@media(min-width:1000px){
 .image-panel>#experiment-controls{margin:0;border:0;border-top:1px solid #c6d2dc}
 .image-panel #controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .image-panel #controls>.secondary-light-controls{grid-column:1/-1}
 #workbench[data-chapter=color] .image-panel #controls .control:not([data-control-card=red]):not([data-control-card=blue]){grid-column:auto}
}
@media(max-width:600px){
 .experiment-explanation,#workbench .mechanism-panel>.mechanism-explanations{padding:14px}
 .electronic-detail.experiment-explanation{padding:16px}
}