/* Wide diagrams use the available experiment width at normal PC size. */
#workbench[data-chapter=pixel] #mechanism-svg .pixel-circuit-diagram text,
#workbench[data-chapter=readout] #mechanism-svg :is(.adc-conversion-diagram,.readout-timing-diagram) text{font-family:inherit;fill:#1d3448;font-size:18px}
#workbench[data-chapter=pixel] #mechanism-svg .pixel-circuit-diagram .small,
#workbench[data-chapter=readout] #mechanism-svg :is(.adc-conversion-diagram,.readout-timing-diagram) .small{font-size:17px;fill:#465d70}
#workbench[data-chapter=pixel] #mechanism-svg .pixel-circuit-diagram .eyebrow,
#workbench[data-chapter=readout] #mechanism-svg .adc-conversion-diagram .eyebrow{font-size:16px;fill:#815109;font-weight:700;letter-spacing:.02em}
#workbench[data-chapter=pixel] #mechanism-svg .pixel-circuit-diagram .pixel-white{fill:white;font-size:17px;font-weight:700}
.pixel-circuit-diagram [role=button],.readout-timing-diagram [role=button]{cursor:pointer}
.pixel-circuit-diagram [role=button]:focus-visible rect,.readout-timing-diagram [role=button]:focus-visible>rect{stroke:#0865cf;stroke-width:3}
@media(min-width:1000px){
 #workbench:is([data-chapter=pixel],[data-chapter=readout]){--experiment-height:clamp(420px,57svh,460px)}
 #workbench[data-chapter=pixel] #mechanism-tools .pixel-phases button{font-size:11px;line-height:1.25;min-height:35px}
 #workbench[data-chapter=readout] #mechanism-tools .adc-stages button{font-size:12px;line-height:1.3;min-height:32px;padding:5px}
 #workbench:is([data-chapter=pixel],[data-chapter=readout]) #mechanism-local-controls .pixel-values span{font-size:11px}
 #workbench[data-chapter=readout] #mechanism-local-controls .row-sample{font-size:12px}
 #workbench[data-chapter=readout] #mechanism-local-controls .adc-voltage-bars>div{font-size:11px;grid-template-columns:108px 1fr 108px}
 #workbench[data-chapter=readout] #mechanism-local-controls .row-scrubber{font-size:12px}
}