.circuit-bench{max-width:1080px;margin:auto;color:#18342b;letter-spacing:0}
.circuit-status,.circuit-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.circuit-status{justify-content:space-between;padding:14px 0;border-block:1px solid #9db7ad}
.circuit-bench button,.circuit-bench select{font:600 15px Arial,sans-serif;min-height:44px;max-width:100%;border:1px solid #58776a;border-radius:5px;padding:10px 14px;color:#18342b;background:white;cursor:pointer;white-space:normal}
.circuit-bench button:hover{background:#edf4f0}.circuit-bench button.primary-action{background:#176677;color:white;border-color:#176677;width:auto}.circuit-bench button:disabled{opacity:.55;cursor:default}
.circuit-bench :focus-visible{outline:3px solid #a1451e;outline-offset:3px}.circuit-bench h2{font-size:24px;line-height:1.3}.circuit-bench h3{font-size:19px}.circuit-bench p{line-height:1.65}
.circuit-cover{display:block;width:100%;max-height:320px;object-fit:contain;aspect-ratio:5/2}
.circuit-teach{padding:14px 18px;border-left:4px solid #23758a;background:#eaf5f8}
.circuit-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}
.circuit-board{margin:0;min-width:0}.circuit-board svg{display:block;width:100%;max-height:440px;aspect-ratio:4/3;background:#f3f8f5;border:1px solid #a5bcb2;border-radius:6px}.circuit-board figcaption{font-size:15px;line-height:1.6;margin-top:10px}
.circuit-controls{min-width:0}.circuit-controls fieldset{border:0;border-bottom:1px solid #a5bcb2;margin:0 0 12px;padding:0 0 12px;display:flex;gap:12px;flex-wrap:wrap}.circuit-controls legend{font-weight:700;margin-bottom:8px}.circuit-controls label{display:flex;align-items:center;gap:8px;min-height:44px}.circuit-controls input{width:22px;height:22px;accent-color:#176677}
.circuit-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-block:2px solid #53776b;margin:20px 0;padding:16px 0}.circuit-meters div{min-width:0}.circuit-meters dt{font-size:14px}.circuit-meters dd{font-size:24px;font-weight:700;margin:6px 0 0;overflow-wrap:anywhere}
.circuit-checks{padding-left:24px;line-height:1.7}.circuit-checks [data-done=true]{font-weight:700;color:#215d39}
#circuit-feedback{padding:14px 18px;background:#e7f3eb;border-left:4px solid #287643;min-height:68px;font-weight:600}#circuit-feedback[data-error=true]{background:#fff0e9;border-color:#a94425;color:#842b16}
.circuit-answers{display:grid;gap:10px}.circuit-answers button{text-align:left}.circuit-answers button[aria-pressed=true]{background:#deeee4;border-width:2px}
#circuit-hint-text{border:1px dashed #58776a;padding:12px}#circuit-notes{padding-left:25px;line-height:1.7}#circuit-notes li{padding:8px 0;border-bottom:1px solid #bfd0c8}
.circuit-bench [hidden]{display:none!important}
@media(max-width:660px){.circuit-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.circuit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.circuit-controls fieldset{display:block}.circuit-controls label{flex-wrap:wrap}.circuit-controls p{font-size:14px;margin:0}.circuit-meters dd{font-size:21px}.circuit-meters dt{font-size:13px}}
@media print{.circuit-actions,.circuit-controls,.circuit-status button,#circuit-start,#circuit-again,#circuit-answers{display:none}.circuit-workspace{display:block}.circuit-board{max-width:420px}}