/* Approved circuit workspace: presentation-only, scoped to these two routes. */
/* Horizontal diagram movement and normal vertical page scrolling both work. */
#circuitsView #circuitDiagram,#expandedDiagram{touch-action:pan-x pan-y;overscroll-behavior-x:contain}
#circuitsView .circuit-sheet{touch-action:auto}
#circuitsView .c-pin-grid button,#circuitsView .circuit-function select{min-height:48px}
:root{--cw-bg:#06121f;--cw-panel:#091a2a;--cw-border:#294b67;--cw-ink:#f0f5fc;--cw-muted:#b7cae1;--cw-orange:#ff842f;--cw-cyan:#1ac7f2;--cw-radius:12px;--cw-gap:16px}
.app:has([data-view=circuits]),.app:has([data-view=builder]),.app[data-view=circuits],.app[data-view=builder]{max-width:1600px}
#appShell:is([data-view=circuits],[data-view=builder]){max-width:1600px;padding-inline:24px}
#appShell:is([data-view=circuits],[data-view=builder]) .db-section-nav{display:none}
#appShell:is([data-view=circuits],[data-view=builder]) .topbar{border-color:var(--cw-border)}
#circuitsView,#builderView{max-width:none;margin:0;padding:20px 0 32px;color:var(--cw-ink);font-size:16px;line-height:1.5}
.cw-breadcrumb{margin:0 0 8px;font-size:16px;color:var(--cw-muted)}.cw-breadcrumb a{color:inherit;text-decoration:none}.cw-breadcrumb a:hover{text-decoration:underline}
.cw-page-heading{position:relative;padding:0 0 20px}.cw-page-heading h1,#builderView h1{font-size:clamp(28px,2.8vw,40px);line-height:1.15;letter-spacing:-.7px;margin:0 0 8px;font-weight:800}.cw-subtitle{margin:0;color:var(--cw-muted);font-size:clamp(16px,1.5vw,21px)}
.cw-step-status{position:absolute;right:4px;bottom:28px;font-size:16px;color:var(--cw-muted)}
.cw-panel-title{display:flex;align-items:center;gap:14px;font-size:26px;line-height:1.3;margin:0;padding:18px 24px;font-weight:750}.cw-panel-title svg{width:32px;height:32px;flex:none}
#circuitsView .c-bench{grid-template-columns:minmax(0,1.7fr) minmax(380px,1fr);gap:var(--cw-gap);align-items:stretch}
#circuitsView .c-diagram-panel,#circuitsView .c-instruments,#builderView .builder-surface,#builderView .builder-side,.cw-component-tray{border:1px solid var(--cw-border);border-radius:var(--cw-radius);background:linear-gradient(135deg,#071421,#0a1c2c);color:var(--cw-ink);overflow:hidden;min-width:0}
#circuitsView .c-diagram-panel{align-self:stretch;display:flex;flex-direction:column;background-color:var(--cw-bg);background-image:linear-gradient(#14304766 1px,transparent 1px),linear-gradient(90deg,#14304766 1px,transparent 1px);background-size:28px 28px}
#circuitDiagram{flex:1;display:flex;align-items:center;padding:24px 8px;min-height:390px}
#circuitsView .circuit-sheet{color:var(--cw-ink)}#circuitsView .circuit-sheet>rect{fill:transparent}#circuitsView .c-wire,#circuitsView .c-symbol{stroke:#e4edf9;stroke-width:3}#circuitsView .c-component{fill:#0b1b2c;stroke:#e4edf9;stroke-width:3}#circuitsView .c-contact{fill:#091c2d;stroke:#e4edf9;stroke-width:2}#circuitsView :is(.c-caption,.c-label,.c-pin,.c-motor){fill:var(--cw-ink)}#circuitsView .c-link{stroke:#849fba}#circuitsView [data-circuit-node]>circle:last-of-type{fill:#092034;stroke:#d8e6f7}#circuitsView .circuit-sheet [role=button]:focus-visible>circle{stroke:var(--cw-orange)}
#circuitsView .c-diagram-heading{order:2;border-color:var(--cw-border);color:var(--cw-muted);padding:8px 16px}#circuitsView .c-diagram-heading .quiet{color:var(--cw-muted)}#circuitsView .c-outputs{border-color:var(--cw-border);background:#071522;padding:8px 16px}.output-state{background:#102d43;color:var(--cw-ink)}#circuitsView .c-diagram-help{color:var(--cw-muted);padding:8px 16px}
#circuitsView .c-controls{flex-direction:row;display:flex;align-items:center;flex-wrap:wrap;padding:10px 16px;max-width:none;border-top:1px solid var(--cw-border);gap:10px;background:#071522}
#circuitsView .c-controls .ignition-assembly{min-height:0;display:block}.c-controls .key-instruction{display:none}#circuitsView .c-controls .ignition{width:48px;height:48px;min-width:48px}#circuitsView .c-controls .secondary{min-height:44px;padding:8px 16px}#circuitsView .c-controls .quiet{margin-left:auto}
#circuitsView .c-instruments{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(140px,1fr);grid-template-rows:auto 1fr;padding:0 18px 18px;gap:0 14px;align-items:start}
#circuitsView .c-instruments>.cw-panel-title{grid-column:1/-1;padding:18px 0 8px;font-size:25px}#circuitsView .meter-area{height:auto;min-width:0;display:flex;justify-content:center;align-self:start}
#circuitsView .c-real-meter{width:100%;max-width:286px;height:auto!important;aspect-ratio:2/3;margin:0;position:relative}#circuitsView .c-real-meter .meter-photo{height:100%;width:100%;object-fit:contain}#circuitsView .c-real-meter .lcd{border:0;border-radius:2px;padding:2px;left:27.7%;top:15%;width:44.6%;height:13.3%;box-sizing:border-box;box-shadow:none}#circuitsView .c-real-meter .c-meter-reading{font-size:clamp(22px,2.4vw,38px);line-height:1;letter-spacing:-1px;margin:0}#circuitsView .c-real-meter .lcd-top{font-size:9px}#circuitsView .c-real-meter .lcd-top span:last-child{font-size:9px}
#circuitsView .dial-zone{opacity:0}#circuitsView .dial-zone:focus-within,#circuitsView .dial-zone:hover{opacity:1}
.cw-meter-controls{padding-top:14px;min-width:0}.cw-meter-controls h3{font-size:17px;color:var(--cw-muted);margin:0 0 10px}
#circuitsView .c-probes{position:static;background:none;border:0;box-shadow:none;padding:0}#circuitsView .probe-selector{display:flex;flex-direction:column;gap:12px}#circuitsView .c-lead-control{border:1px solid var(--cw-border);border-radius:10px;padding:8px;background:#081724}#circuitsView .c-lead-control:has(.lead.active){border-color:var(--cw-orange);box-shadow:inset 0 0 0 1px var(--cw-orange)}
#circuitsView .lead{border:0;background:none!important;display:flex;text-align:left;justify-content:start;padding:8px 0;gap:10px;min-height:66px}#circuitsView .lead svg{height:48px;width:25px;flex:none}.lead.red svg{color:#ff504a}.lead.black svg{color:#8b9bad}#circuitsView .lead i{display:none}#circuitsView .lead span{width:auto;height:auto;border:0;background:none;display:flex;flex-direction:column;gap:4px;min-width:0}#circuitsView .lead b{font-size:17px;color:var(--cw-ink)}#circuitsView .lead small{font-size:14px;color:var(--cw-muted)}#circuitsView .c-lead-control select{font-size:14px;padding:8px 4px;border-color:var(--cw-border);background:#071522;min-height:40px}
#circuitsView .circuit-function{margin:14px 0 0;font-size:14px;color:var(--cw-muted)}#circuitsView .circuit-function select{margin-top:6px;font-size:15px;border-color:var(--cw-border)}#circuitsView .c-meter-note{font-size:14px;line-height:1.5;margin:10px 0}#circuitsView .quick-help{display:flex;flex-direction:column;font-size:14px;margin:14px 0}#circuitsView .quick-help .record{min-height:40px;margin-top:8px}#circuitsView .swap{min-height:36px}#circuitsView .c-point-list{margin-top:12px}#circuitsView .c-point-list summary{font-size:14px}#circuitsView .c-pin-grid{grid-template-columns:1fr;max-height:160px;overflow:auto}
#circuitsView .c-mission{border:1px solid var(--cw-border);border-radius:var(--cw-radius);background:#071522;margin:16px 0;padding:18px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px}#circuitsView .cw-task-label{color:var(--cw-orange);font-size:16px;font-weight:700}#circuitsView .c-objective{grid-column:1;grid-row:2/4}.c-objective h2{display:none}#circuitsView .c-objective p{font-size:21px;font-weight:650;line-height:1.4;color:var(--cw-ink)}#circuitsView .c-check-row{grid-column:2;grid-row:1/4;display:flex;align-items:center;margin:0;gap:20px;flex-wrap:wrap;justify-content:end}#circuitsView #circuitAction{min-width:200px;min-height:54px;font-size:19px;margin:0;background:var(--cw-orange);color:#101820}#circuitsView #circuitRestart{min-height:48px;border:1px solid var(--cw-border);border-radius:9px;padding:10px 20px;font-size:16px}#circuitsView .c-feedback{flex-basis:100%}#circuitsView .c-diagnosis{grid-column:1/-1}
.cw-step-rail{list-style:none;margin:20px 0 26px;padding:0 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.cw-step-rail li{position:relative;display:flex;flex-direction:column;gap:10px;color:#8da5bd;font-size:15px;min-width:0}.cw-step-rail li:before{content:'';position:absolute;top:20px;left:52px;right:0;height:2px;background:#496078}.cw-step-rail li:last-child:before{display:none}.cw-step-rail li>span{width:40px;height:40px;border:2px solid #6b829e;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--cw-bg);z-index:1}.cw-step-rail .current{color:var(--cw-ink)}.cw-step-rail .current>span{border-color:var(--cw-orange)}.cw-step-rail .complete>span{border-color:var(--cw-cyan);color:var(--cw-cyan)}.cw-step-rail .complete:before{background:var(--cw-cyan)}
#circuitsView .c-mission-heading>span,#circuitsView .c-mission .c-driver{display:none}.cw-extras{margin-top:18px;color:var(--cw-muted)}.cw-extras>span{display:block;margin-top:10px}.cw-extras .c-course-bar{margin-top:12px}.cw-extras summary{cursor:pointer}.cw-extras .c-driver{display:none}
#builderView .lesson-heading{position:relative;display:block;margin:0 0 20px;padding:0;min-height:80px}#builderView .cw-builder-top{display:flex;position:absolute;right:0;top:0;margin:0;gap:12px;max-width:49%;align-items:start;flex-wrap:wrap;justify-content:end}#builderView .cw-builder-top>label{max-width:280px;margin:0}#builderView .cw-builder-top select{min-height:48px}#builderView .cw-builder-top button{min-height:48px;margin:0;font-size:16px;padding:10px 18px;width:auto}#builderView .cw-builder-top #builderNew{display:none}
#builderView .builder-layout{grid-template-columns:minmax(150px,.55fr) minmax(0,2fr) minmax(320px,1.25fr);gap:14px;align-items:stretch}.cw-component-tray{padding:14px;display:flex;flex-direction:column;gap:10px}.cw-component-tray h2{font-size:24px;line-height:1.2;margin:0 0 8px}.cw-part-palette{display:grid;gap:10px}.cw-part-palette button,.cw-component-tray>[data-builder-tool]{display:flex;gap:14px;align-items:center;background:#071522;border:1px solid var(--cw-border);color:var(--cw-ink);min-height:56px;padding:10px;border-radius:8px;font-size:16px;cursor:pointer;text-align:left}.cw-component-tray svg{width:42px;height:32px;flex:none}.cw-component-tray [aria-pressed=true]{border-color:var(--cw-orange);box-shadow:inset 0 0 0 1px var(--cw-orange)}.cw-component-tray [data-builder-tool=red] svg{color:#ff5149}.cw-component-tray [data-builder-tool=black] svg{color:#8b9bad}.cw-component-tray label{font-size:14px}.cw-more-components{font-size:14px;line-height:1.4}.cw-more-components .builder-tools{display:flex;flex-direction:column;align-items:stretch}.cw-more-components .builder-tools label{width:100%}.cw-more-components select{font-size:14px}.cw-more-components summary{cursor:pointer}
#builderView .builder-surface{padding:0;display:flex;flex-direction:column}#builderView .builder-surface .cw-panel-title{font-size:25px;padding:16px}.cw-builder-objective{padding:0 16px;color:var(--cw-muted);font-size:14px;line-height:1.5;margin:0 0 12px}
#builderView .builder-board{background-color:var(--cw-bg);background-image:linear-gradient(#18364e66 1px,transparent 1px),linear-gradient(90deg,#18364e66 1px,transparent 1px);background-size:28px 28px;flex:1;min-height:420px;max-height:none;display:flex;align-items:center;padding:0 8px}#builderView .builder-board svg{width:100%;min-width:580px;height:auto}#builderView .builder-board svg>rect{fill:transparent}#builderView .builder-board text{fill:#dce8f7}#builderView .builder-board [data-peg]>circle:last-of-type{fill:#0b1e30;stroke:#8ab0ce;stroke-width:1.5}#builderView .builder-board [data-peg].probe-red>circle:last-of-type{stroke:#ff4d4d;stroke-width:3}#builderView .builder-board [data-peg].probe-black>circle:last-of-type{stroke:var(--cw-cyan);stroke-width:3}#builderView .builder-board [data-item] path{stroke:#e6edf9}#builderView .builder-board [data-item] rect{fill:#0c1c2e;stroke:#d9e7f5}#builderView .builder-board [data-item].energized rect{fill:#ffd782}#builderView .builder-board [data-item].energized text{fill:#132331}
.cw-board-status{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--cw-border);padding:14px;font-size:14px;color:var(--cw-muted)}.cw-board-status p{margin:0}.cw-board-status strong{font-size:14px}.cw-board-status #builderToolStatus{flex-basis:100%}#builderInspector{padding:16px;border-top:1px solid var(--cw-border)}
#builderView .builder-side{padding:0 16px 16px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(140px,1fr);gap:12px;align-items:start}#builderView .builder-side>.cw-panel-title{grid-column:1/-1;padding:16px 0 0;font-size:25px}#builderView .builder-meter{width:100%;max-width:286px;grid-row:auto;aspect-ratio:2/3}#builderView .builder-lcd{left:27.7%;top:15%;width:44.6%;height:13.3%;padding:0;border:0;box-shadow:none}#builderView .builder-lcd strong{font-size:clamp(22px,2.4vw,36px);line-height:1}#builderView .builder-lcd small{font-size:10px}#builderView .cw-builder-meter-controls label{margin:0 0 14px;color:var(--cw-muted);font-size:14px}#builderView .cw-builder-meter-controls select{font-size:14px;padding:10px 4px;min-height:44px;border-color:var(--cw-border);background:#071522}#builderMeterNote{font-size:14px;color:var(--cw-muted);line-height:1.5}
#builderView .cw-builder-save{border:1px solid var(--cw-border);border-radius:var(--cw-radius);background:#071522;padding:14px;gap:16px;align-items:end}#builderView .cw-builder-save label{display:flex;flex-direction:column;align-items:start;font-size:14px;margin:0;min-width:0}#builderView .cw-builder-save input{width:300px;min-width:0;border-color:var(--cw-border);background:#071522;color:var(--cw-ink)}#builderView .cw-builder-save button{padding:12px 20px;min-height:46px;border:1px solid var(--cw-border);border-radius:8px;background:#071522;color:var(--cw-ink);font-size:16px}#builderView .cw-builder-save #builderUndo{margin-left:auto;border-color:var(--cw-orange)}.cw-educational-note{font-size:13px;color:var(--cw-muted);margin:14px 0}
@media(max-width:1200px){#builderView .builder-layout{grid-template-columns:155px minmax(0,1fr) 330px}#builderView .builder-side{grid-template-columns:1fr}#builderView .builder-meter{max-width:200px}#builderView .cw-builder-meter-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}#builderView .cw-builder-meter-controls label:first-child,#builderMeterNote{grid-column:1/-1}.cw-step-status{position:static;display:block;margin-top:8px}#circuitsView .c-bench{grid-template-columns:minmax(0,1.4fr) 380px}#builderView .cw-builder-top{position:static;max-width:none;justify-content:start;margin-top:16px}}
@media(max-width:950px){#circuitsView .c-bench{grid-template-columns:1fr}#circuitDiagram{min-height:340px}#circuitsView .c-instruments{grid-template-columns:minmax(0,1fr) minmax(180px,1fr)}#circuitsView .c-real-meter{max-width:250px}#circuitsView .c-mission{grid-template-columns:1fr}#circuitsView .c-check-row{grid-column:1;grid-row:auto;justify-content:start;margin-top:12px}#builderView .builder-layout{grid-template-columns:150px minmax(0,1fr)}#builderView .builder-side{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(180px,1fr)}#builderView .builder-meter{max-width:230px}#builderView .cw-builder-meter-controls{display:block}#builderView .builder-board svg{min-width:600px}}
@media(max-width:600px){#appShell:is([data-view=circuits],[data-view=builder]){padding-inline:12px}#circuitsView,#builderView{padding-top:16px}.cw-panel-title{font-size:22px;padding:16px}.cw-page-heading h1,#builderView h1{font-size:28px}.cw-subtitle{font-size:16px}.cw-breadcrumb{font-size:14px}.cw-step-status{font-size:14px}#circuitDiagram{min-height:260px;padding:12px 0;overflow:auto}#circuitsView .circuit-sheet{min-width:520px}#circuitsView .c-instruments{grid-template-columns:minmax(0,1fr) minmax(140px,1fr);padding:0 10px 12px;gap:10px}#circuitsView .c-real-meter{max-width:200px}#circuitsView .c-real-meter .c-meter-reading{font-size:21px}#circuitsView .c-real-meter .lcd-top{font-size:7px}#circuitsView .lead b{font-size:15px}#circuitsView .lead small{font-size:12px}#circuitsView .lead svg{width:18px}#circuitsView .c-instruments>.cw-panel-title{font-size:22px}#circuitsView .c-mission{padding:16px}#circuitsView .c-objective p{font-size:18px}#circuitsView #circuitAction{min-width:0;flex:1;font-size:17px}#circuitsView .c-check-row{gap:12px}#circuitsView #circuitRestart{padding:10px;font-size:14px}.cw-step-rail{padding:0;gap:8px;overflow:auto;grid-template-columns:repeat(5,minmax(92px,1fr));font-size:13px}.cw-step-rail li{font-size:13px}.cw-step-rail li>span{width:34px;height:34px;font-size:17px}.cw-step-rail li:before{top:17px;left:42px}#builderView .builder-layout{grid-template-columns:1fr}.cw-component-tray{display:block}.cw-part-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cw-part-palette button{flex-direction:column;padding:8px 2px;gap:4px;font-size:12px;min-height:68px}.cw-component-tray svg{width:28px;height:26px}.cw-component-tray>[data-builder-tool]{display:inline-flex;margin:10px 4px 0 0;font-size:14px;min-height:44px;padding:8px;gap:5px}.cw-component-tray>label{margin-top:10px}#builderView .builder-side{grid-column:auto;grid-template-columns:minmax(0,1fr) minmax(140px,1fr)}#builderView .builder-meter{max-width:200px}#builderView .builder-lcd strong{font-size:21px}#builderView .cw-builder-save label,#builderView .cw-builder-save input{width:100%}#builderView .cw-builder-save{gap:10px}#builderView .cw-builder-save button{flex:1;padding:10px;font-size:14px;white-space:nowrap}#builderView .cw-builder-save #builderUndo{margin-left:0}#builderView .builder-board{min-height:340px}#builderView .cw-builder-top>label{width:100%;max-width:none}#builderView .cw-builder-top button{font-size:14px}#builderView .builder-side>.cw-panel-title{font-size:22px}#builderView .cw-builder-meter-controls select{font-size:14px}.cw-component-tray h2{font-size:21px}.cw-more-components{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cw-step-rail *{transition:none}}
/* Match the wide approved composition; keep secondary controls below the workspace. */
#appShell:is([data-view=circuits],[data-view=builder]){width:100%;max-width:1600px}
#circuitsView .c-bench{grid-template-columns:minmax(0,1.75fr) minmax(410px,1fr)}
#circuitsView .c-instruments{grid-template-columns:minmax(0,1.3fr) minmax(145px,1fr)}
#circuitsView .lead span,#circuitsView .lead b,#circuitsView .lead small{font-family:inherit;line-height:1.4;letter-spacing:0}
#circuitsView .c-real-meter .lcd{position:absolute}
#circuitsView .c-real-meter .lcd-top{display:flex;justify-content:space-between}
#circuitsView .c-probes .c-lead-control{padding:10px;min-height:108px}
#circuitsView .lead{width:100%;margin:0;touch-action:none;cursor:grab}
#circuitsView .lead.probe-dragging{cursor:grabbing;background:#17304a!important}
#circuitsView .cw-probe-instruction{border-top:1px solid var(--cw-border);margin-top:24px;padding-top:18px;font-size:16px;color:var(--cw-muted)}
.cw-test-options{margin:16px 0}.cw-test-options select{max-width:360px;display:block;margin:8px 0}.cw-test-options button{max-width:360px}
#circuitsView .c-mission{grid-template-columns:minmax(0,1fr) minmax(250px,auto)}
#circuitsView .c-objective p{font-size:19px}
#builderView .builder-board [data-item] rect[fill-opacity="0"]{fill:transparent;stroke:none}
#builderView .builder-board [data-item].energized path{stroke:#e4edf9}
@media(max-width:950px){#circuitsView .c-bench{grid-template-columns:1fr}#circuitsView .c-mission{grid-template-columns:1fr}#circuitsView .c-instruments{grid-template-columns:minmax(0,1fr) minmax(180px,1fr)}}
@media(max-width:600px){#circuitsView .c-instruments{grid-template-columns:minmax(0,1fr) minmax(140px,1fr)}#circuitsView .c-probes .c-lead-control{min-height:85px;padding:6px}#circuitsView .cw-probe-instruction{font-size:14px}#circuitsView .c-real-meter .c-meter-reading{font-size:20px}}
/* Crop only the photo's empty side margins; retain its original instrument proportions. */
#circuitsView .c-real-meter,#builderView .builder-meter{max-width:240px;aspect-ratio:1/2.145;overflow:hidden}
#circuitsView .c-real-meter .meter-photo,#builderView .builder-meter img{position:absolute;left:-21.5%;top:0;width:143%;max-width:none;height:100%;object-fit:fill}
#circuitsView .c-real-meter .lcd,#builderView .builder-lcd{left:18.11%;width:63.78%;top:15%;height:13.3%}
#circuitsView .c-real-meter .dial-zone{width:50.77%;height:23.7%}
#circuitsView .c-real-meter .c-meter-reading,#builderView .builder-lcd strong{font-size:clamp(24px,2.9vw,40px)}
#circuitsView .c-instruments{grid-template-rows:auto minmax(0,1fr);align-content:start}
#circuitDiagram{flex:0 0 auto;min-height:0;aspect-ratio:1.85;padding:0 12px}
#circuitDiagram .circuit-sheet{width:100%;height:100%;max-height:none}
#circuitsView .c-diagram-help{display:none}
#circuitsView .c-controls{min-height:60px}
#circuitsView .c-controls .ignition-assembly{align-self:auto}
#builderView .builder-side{grid-template-rows:auto minmax(0,1fr);align-content:start}
#builderView .builder-meter{margin:0 auto}
#builderView .cw-part-palette button,#builderView .cw-component-tray>[data-builder-tool]{min-height:50px}
#builderView .cw-component-tray{gap:8px}
#builderView .builder-board{min-height:350px}
#builderView .builder-side .cw-panel-title{white-space:nowrap}
#circuitsView .cw-extras .c-diagram-heading{background:none;border:0;justify-content:start;gap:16px}
@media(max-width:1200px){#builderView .builder-side{grid-template-rows:auto auto auto}#builderView .builder-meter{max-width:210px}}
@media(max-width:950px){#circuitsView .c-real-meter,#builderView .builder-meter{max-width:230px}#builderView .builder-side{grid-template-rows:auto minmax(0,1fr)}#circuitDiagram{aspect-ratio:1.85}}
@media(max-width:600px){#circuitsView .c-real-meter,#builderView .builder-meter{max-width:180px}#circuitsView .c-real-meter .c-meter-reading,#builderView .builder-lcd strong{font-size:24px}#circuitsView .c-real-meter .lcd-top span:last-child{font-size:8px}#circuitDiagram{aspect-ratio:auto;min-height:270px}#circuitDiagram .circuit-sheet{height:270px}#builderView .builder-board{min-height:320px}}
/* Leads are not component-body targets: terminal circles remain clickable. */
#builderBoard g[data-item] path{pointer-events:none}
#circuitsView .dial-zone{opacity:1}
#circuitsView .dial-mode{opacity:0}
#circuitsView .dial-mode:focus-visible{opacity:1}
#circuitsView .c-real-meter .rotary-knob{border:1px solid #141b22;box-shadow:inset 1px 1px 5px #4b5054}
#circuitsView .c-real-meter .knob-indicator{background:#ff842f}

/* Phone palettes reserve enough room for component names and touch targets. */
@media(max-width:600px){#builderView .cw-part-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#builderView .cw-part-palette button{font-size:14px;min-height:80px;padding:10px 6px;overflow-wrap:anywhere}#builderView .cw-part-palette button span{max-width:100%}}

@media(max-width:360px){#builderView .cw-part-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}