.tools-body { background: #f3f7f5; }
.tools-topbar strong { color: #85eadc; }
.tools-page { max-width: 1180px; padding-bottom: 70px; }
.tools-hero { align-items: center; background: linear-gradient(125deg,#10383f,#0a6d66); border-radius: 14px; color: #fff; display: grid; gap: 32px; grid-template-columns: minmax(0,1fr) 310px; overflow: hidden; padding: clamp(28px,5vw,58px); }
.tools-hero h1 { font-size: clamp(36px,5vw,58px); letter-spacing: -.045em; line-height: 1.02; margin: 14px 0; max-width: 760px; }
.tools-hero p { color: #d2e9e5; font-size: 18px; margin: 0; max-width: 680px; }
.tools-hero-code { display: grid; gap: 12px; grid-template-columns: repeat(2,1fr); transform: rotate(-5deg); }
.tools-hero-code span { background: #17201f; border: 3px solid #e2c38b; border-radius: 8px; box-shadow: 0 12px 24px rgba(0,0,0,.2); color: #f4f0dd; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 31px; font-weight: 900; padding: 22px 14px; text-align: center; }
.tools-hero-code span:last-child { background: #2d6c61; grid-column: 1/-1; }
.tool-index { display: flex; gap: 8px; margin: 18px 0 42px; overflow-x: auto; padding: 3px 0 8px; }
.tool-index a { background: #fff; border: 1px solid #d5e2df; border-radius: 999px; color: #195e58; flex: 0 0 auto; font-size: 13px; font-weight: 800; padding: 9px 13px; text-decoration: none; }
.tool-section { scroll-margin-top: 16px; }
.tool-section-heading { margin-bottom: 18px; }
.tool-section-heading h2,.electronics-tool h2,.tools-note h2 { letter-spacing: -.025em; line-height: 1.15; margin: 5px 0 8px; }
.tool-section-heading p,.tool-help,.tool-caution,.tools-note p { color: #60716c; }
.electronics-tool { scroll-margin-top: 16px; }
.axial-tool { margin-bottom: 42px; padding: clamp(20px,4vw,34px); }
.axial-preview { background: linear-gradient(145deg,#f8fbfa,#e5f1ee); border: 1px solid #d3e3df; border-radius: 12px; margin-bottom: 22px; }
.axial-preview svg { display: block; height: auto; margin: auto; max-height: 250px; width: min(100%,720px); }
.tool-wire { fill: none; stroke: #6b7775; stroke-linecap: round; stroke-width: 9; }
.tool-resistor-body { fill: #e4c38b; stroke: #896c40; stroke-width: 4; }
.axial-bands rect { stroke: rgba(20,30,30,.55); stroke-width: 1.5; transition: fill .18s ease,opacity .18s ease; }
.axial-preview text { fill: #126b63; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 22px; font-weight: 900; }
.axial-tool[data-band-count="4"] .fifth-band { opacity: 0; }
.axial-tool[data-band-count="4"] .axial-digit-3 { display: none; }
.tool-fields { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.tool-fields.compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
.electronics-tool label { color: #324640; display: grid; font-size: 13px; font-weight: 800; gap: 6px; }
.electronics-tool input,.electronics-tool select { background: #fff; border: 1px solid #bdceca; border-radius: 7px; color: #142923; font: inherit; min-height: 44px; padding: 9px 11px; width: 100%; }
.electronics-tool input:focus,.electronics-tool select:focus { border-color: #0b887d; box-shadow: 0 0 0 3px rgba(11,136,125,.13); outline: 0; }
.tool-result { background: #e9f6f2; border-left: 4px solid #0b887d; border-radius: 6px; color: #124b46; display: block; font-size: 16px; font-weight: 850; margin-top: 18px; min-height: 55px; padding: 15px; }
.tool-result[data-valid="false"] { background: #fff3e8; border-color: #c2410c; color: #8b3210; }
.tool-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.tool-grid .electronics-tool { padding: 26px; }
.component-token { align-items: center; background: #202927; border: 4px solid #d8ba80; border-radius: 8px; color: #fff6db; display: flex; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 28px; font-weight: 900; height: 84px; justify-content: center; margin: 18px 0; }
.component-token-capacitor { background: #d9a54b; border: 0; border-radius: 46% 46% 8px 8px; color: #3b2a0c; margin-left: auto; margin-right: auto; max-width: 150px; }
.component-token-pot { background: #246d67; border-color: #b9d9d3; }
.component-token-inductor { background: repeating-linear-gradient(90deg,#98592f 0 12px,#d4914f 12px 24px); border-color: #6c4328; text-shadow: 0 2px 2px #3d210e; }
.tool-help,.tool-caution { font-size: 13px; line-height: 1.45; margin: 10px 0 0; }
.tool-caution { border-top: 1px solid #dce7e4; padding-top: 12px; }
.tools-note { align-items: center; display: flex; gap: 28px; justify-content: space-between; margin-top: 30px; padding: 28px; }
.tools-note p { margin-bottom: 0; max-width: 780px; }
.tools-note .button-link { flex: 0 0 auto; }
.virtual-lab-section { margin-bottom: 48px; }
.virtual-bench-grid { display: grid; gap: 18px; grid-template-columns: minmax(250px,.8fr) minmax(460px,1.5fr); }
.virtual-bench-grid > .panel { margin: 0; padding: 24px; }
.virtual-bench-grid h3 { color: #17332e; font-size: 21px; margin: 6px 0 18px; }
.instrument-tag { background: #153d38; border-radius: 4px; color: #67e8d2; display: inline-flex; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 11px; font-weight: 900; letter-spacing: .09em; padding: 5px 7px; }
.instrument-fields,.meter-body { display: grid; gap: 15px; }
.instrument-fields label,.meter-body label,.scope-controls label { color: #3e554f; display: grid; font-size: 12px; font-weight: 850; gap: 6px; }
.instrument-fields label > span,.meter-body label > span { color: #087b71; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-weight: 900; justify-self: end; }
.instrument-fields input,.meter-body input { accent-color: #0b887d; width: 100%; }
.instrument-fields select,.meter-body select,.scope-controls select { background: #fff; border: 1px solid #bdceca; border-radius: 7px; min-height: 42px; padding: 8px; }
.instrument-help { color: #60716c; font-size: 12px; line-height: 1.5; margin: 16px 0 0; }
.oscilloscope-card { background: #15201e; border-color: #2e4742; }
.oscilloscope-card h3 { color: #effffb; }
.instrument-heading { align-items: start; display: flex; justify-content: space-between; }
.instrument-heading output { color: #78f5d9; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 12px; text-align: right; }
.scope-screen { background: #07110f; border: 9px solid #344743; border-radius: 12px; box-shadow: inset 0 0 24px #000; overflow: hidden; }
.scope-screen svg { display: block; height: 290px; width: 100%; }
.scope-trace { fill: none; filter: drop-shadow(0 0 4px #73ffd9); stroke: #73ffd9; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; }
.scope-zero { fill: none; stroke: rgba(244,197,66,.55); stroke-dasharray: 6 6; stroke-width: 1; }
.scope-controls { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 14px; }
.scope-controls label { color: #b8cbc6; }
.oscilloscope-card .instrument-help { color: #b8cbc6; }
.multimeter-card { background: #e0b12f; border-color: #bd8d11; }
.digital-multimeter-card { background: transparent; border-color: #b98c19; padding: 16px !important; }
.dmm-shell { background: linear-gradient(145deg,#f4c632,#ca9415); border: 3px solid #322b1d; border-radius: 18px 18px 28px 28px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.24),0 18px 28px rgba(0,0,0,.24); color: #181a18; margin: auto; max-width: 390px; padding: 17px 18px 24px; position: relative; }
.dmm-brand { align-items: end; display: grid; grid-template-columns: 1fr auto; margin-bottom: 11px; }
.dmm-brand span { font-size: 12px; font-weight: 950; letter-spacing: .08em; }
.dmm-brand strong { font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 13px; }
.dmm-brand small { font-size: 8px; font-weight: 850; grid-column: 1/-1; letter-spacing: .08em; }
.meter-display { background: #b9c9ab; border: 5px solid #26312d; border-radius: 7px; display: grid; margin-bottom: 18px; padding: 13px 16px; }
.dmm-icons { color: #26382f; font: 800 9px ui-monospace,SFMono-Regular,Consolas,monospace; min-height: 11px; }
.meter-display output { color: #16231e; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: clamp(26px,4vw,38px); font-weight: 900; text-align: right; }
.meter-display small { color: #37483f; font-size: 10px; font-weight: 800; text-align: right; text-transform: uppercase; }
.meter-terminals { display: flex; gap: 16px; justify-content: center; margin-top: 20px; }
.meter-terminals span { align-items: center; background: #1d2522; border: 4px solid #47524e; border-radius: 50%; color: #fff; display: flex; font-size: 8px; font-weight: 900; height: 46px; justify-content: center; width: 46px; }
.meter-terminals .terminal-v { border-color: #c92f2f; }
.meter-terminals .terminal-a,.meter-terminals .terminal-ma { border-color: #c92f2f; }
.dmm-mode-select { color: #20251f; display: grid; font-size: 11px; font-weight: 900; gap: 4px; }
.dmm-mode-select select,.analog-selector select { background: #fffdf5; border: 2px solid #3b3d36; border-radius: 7px; min-height: 40px; padding: 6px 8px; width: 100%; }
.dmm-dial-area { height: 144px; margin: 5px auto -2px; position: relative; width: 210px; }
.dmm-dial-area::before { border: 3px solid rgba(34,36,31,.65); border-radius: 50%; content: ''; inset: 15px 48px 1px; position: absolute; }
.dmm-dial-area span { font-size: 10px; font-weight: 950; position: absolute; }
.dmm-dial-area span:nth-child(1){left:20px;top:66px}.dmm-dial-area span:nth-child(2){left:36px;top:25px}.dmm-dial-area span:nth-child(3){left:90px;top:4px}.dmm-dial-area span:nth-child(4){right:25px;top:28px}.dmm-dial-area span:nth-child(5){right:6px;top:68px}.dmm-dial-area span:nth-child(6){right:31px;bottom:6px}.dmm-dial-area span:nth-child(7){left:33px;bottom:8px}
.dmm-dial-area i { background: linear-gradient(145deg,#343b37,#101411); border: 6px solid #4c554f; border-radius: 50%; box-shadow: 0 6px 12px rgba(0,0,0,.35); height: 74px; left: 68px; position: absolute; top: 39px; transition: transform .25s ease; width: 74px; }
.dmm-dial-area i::after { background: #f3c62e; border-radius: 3px; content: ''; height: 29px; left: 31px; position: absolute; top: -2px; width: 7px; }
.dmm-leads { height: 30px; margin-top: -10px; position: relative; }
.dmm-leads i { border: 3px solid; border-bottom: 0; border-radius: 30px 30px 0 0; height: 36px; position: absolute; top: 7px; width: 86px; }
.dmm-leads .black { border-color: #111; left: 43%; transform: rotate(-8deg); }.dmm-leads .red { border-color: #c51f25; left: 66%; transform: rotate(12deg); }
.meter-test-values { background: rgba(255,255,255,.82); border-radius: 10px; margin-top: 12px; padding: 13px; }
.analog-multimeter-card { background: linear-gradient(160deg,#f0eee4,#c9c6b9); border-color: #77766d; padding: 16px !important; }
.analog-meter-shell { background: linear-gradient(145deg,#ede9dc,#bab7a9); border: 3px solid #353832; border-radius: 16px 16px 28px 28px; box-shadow: inset 0 0 0 2px rgba(255,255,255,.55),0 18px 28px rgba(0,0,0,.2); color: #181b18; margin: auto; max-width: 420px; padding: 16px 18px 24px; }
.analog-meter-shell > header { align-items: center; display: flex; justify-content: space-between; margin-bottom: 9px; }
.analog-meter-shell > header span,.analog-meter-shell > header strong { font-size: 12px; font-weight: 950; }.analog-meter-shell > header small{font-size:8px;font-weight:850}
.analog-scale { background: linear-gradient(#fffef8,#e9e7da); border: 6px solid #31352f; border-radius: 55% 55% 8px 8px; box-shadow: inset 0 3px 14px rgba(0,0,0,.18); overflow: hidden; }
.analog-scale svg { display: block; height: auto; width: 100%; }
.analog-scale text { fill: #202520; font: 800 11px ui-monospace,SFMono-Regular,Consolas,monospace; }.scale-arc,.ohm-arc{fill:none;stroke:#242924;stroke-width:2}.ohm-arc{stroke:#a82a24}.scale-ticks path{fill:none;stroke:#202520;stroke-width:2}
.analog-needle { stroke: #d12a23; stroke-linecap: round; stroke-width: 2.5; transform-origin: 200px 178px; transform: rotate(-50deg); transition: transform .28s cubic-bezier(.2,.8,.2,1); }.needle-pivot{fill:#262c27;stroke:#8a8c82;stroke-width:4}
.analog-readout { align-items: center; display: flex; justify-content: space-between; margin: 8px 2px; }.analog-readout output{font:900 17px ui-monospace,SFMono-Regular,Consolas,monospace}.analog-readout small{font-size:10px;font-weight:850}
.analog-selector,.analog-zero { color:#252a25;display:grid;font-size:11px;font-weight:900;gap:5px;margin-top:10px}.analog-zero input{accent-color:#333;width:100%}.analog-zero span{justify-self:end}
.analog-terminals { display:flex;gap:22px;justify-content:center;margin-top:15px}.analog-terminals span{align-items:center;background:#212621;border:4px solid #4f544d;border-radius:50%;color:#fff;display:flex;font-size:8px;font-weight:900;height:48px;justify-content:center;width:48px}.analog-terminals span:last-child{border-color:#bd2525}
.virtual-lab-guide { grid-column: 1/-1; }
.breadboard-workbench{grid-column:1/-1;margin:0 0 20px!important;padding:22px!important}.breadboard-workbench>header{align-items:start;display:flex;gap:20px;justify-content:space-between}.breadboard-workbench>header h3{font-size:25px;margin:8px 0}.breadboard-workbench>header p{color:var(--muted,#60716c);margin:0;max-width:760px}.breadboard-workbench>header>output{background:#102f2c;border-radius:8px;color:#75f3dc;font:800 12px ui-monospace,monospace;padding:10px 12px}.bb-bench-layout{display:grid;gap:18px;grid-template-columns:280px minmax(0,1fr);margin-top:20px}.bb-bench-controls{display:grid;gap:12px}.bb-bench-controls fieldset{border:1px solid #bdceca;border-radius:9px;display:grid;gap:10px;padding:12px}.bb-bench-controls legend{font-weight:900}.bb-bench-controls label{display:grid;font-size:11px;font-weight:850;gap:5px}.bb-bench-controls label output{justify-self:end}.bb-tool-buttons{display:grid;gap:5px;grid-template-columns:1fr 1fr}.bb-tool-buttons button{background:#e7f0ee;color:#163e39;font-size:11px;padding:8px}.bb-tool-buttons button[aria-pressed="true"]{background:#087b71;color:#fff}.bb-bench-controls small{color:var(--muted,#60716c);line-height:1.4}.bb-bench-readouts{display:grid;gap:5px;grid-template-columns:repeat(3,1fr)}.bb-bench-readouts span{background:#101b19;border-radius:7px;color:#8ff5dc;display:grid;padding:8px}.bb-bench-readouts small{color:#91aaa4;font-size:8px}.bb-bench-readouts strong{font:800 12px ui-monospace,monospace}.bb-bench-actions{display:flex;gap:6px}.bb-bench-actions button{font-size:10px;padding:8px}.virtual-breadboard{background:#e9e4d7;border:10px solid #c7bfae;border-radius:13px;box-shadow:inset 0 0 0 2px #8e887a,0 12px 25px rgba(0,0,0,.18);min-height:390px;overflow:auto;padding:22px;position:relative}.bb-hole-grid{display:grid;gap:7px;grid-template-columns:repeat(18,minmax(18px,1fr));min-width:590px;position:relative;z-index:2}.bb-hole{background:#55504a;border:3px solid #f8f4e8;border-radius:50%;box-shadow:inset 0 2px 2px #171513;height:17px;padding:0;position:relative;width:17px}.bb-hole[data-row="n"]{margin-bottom:17px}.bb-hole[data-row="e"]{margin-bottom:26px}.bb-hole[data-row="p"]{background:#b72b32}.bb-hole[data-row="n"]{background:#245bab}.bb-hole.selected{outline:3px solid #ff9f1a;outline-offset:2px}.bb-hole.source-positive{box-shadow:0 0 0 4px rgba(222,36,48,.35),inset 0 2px 2px #171513}.bb-hole.source-negative{box-shadow:0 0 0 4px rgba(20,70,170,.35),inset 0 2px 2px #171513}.bb-hole.probe-red::after,.bb-hole.probe-black::after{border-radius:50%;content:"";height:7px;inset:2px;position:absolute;width:7px}.bb-hole.probe-red::after{background:#f22}.bb-hole.probe-black::after{background:#111}.virtual-breadboard>svg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:3}.virtual-breadboard>svg line{stroke-linecap:round;stroke-width:7}.virtual-breadboard>svg line.wire{stroke:#26a6d1}.virtual-breadboard>svg line.resistor{stroke:#ba7c35;stroke-dasharray:7 4}.virtual-breadboard>svg line.led{stroke:#ef3340;filter:drop-shadow(0 0 5px #ff4b5a)}.virtual-breadboard>svg line.button{stroke:#555}.virtual-breadboard>svg line.potentiometer{stroke:#8154c7}.virtual-breadboard>svg line.source-positive{stroke:#e12b35;stroke-width:4}.virtual-breadboard>svg line.source-negative{stroke:#171717;stroke-width:4}.virtual-breadboard>svg line.probe-red{stroke:#f22;stroke-dasharray:4 4;stroke-width:3}.virtual-breadboard>svg line.probe-black{stroke:#111;stroke-dasharray:4 4;stroke-width:3}.bb-component-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.bb-component-list button{background:#edf4f2;color:#26423d;font-size:10px;padding:7px 9px}.dmm-shell{background:linear-gradient(145deg,#303944,#161b21);border-color:#080a0d;color:#f2f4f5}.dmm-brand small{color:#f14d43}.dmm-mode-select{color:#eef2f3}.dmm-dial-area span{color:#f1f2f3}.dmm-dial-area i::after{background:#e84039}
@media(max-width:900px){.bb-bench-layout{grid-template-columns:1fr}.bb-bench-controls{grid-template-columns:1fr 1fr}.bb-bench-controls>.bb-bench-readouts,.bb-bench-controls>.bb-bench-actions{grid-column:1/-1}}@media(max-width:620px){.breadboard-workbench>header{display:grid}.bb-bench-controls{grid-template-columns:1fr}.bb-bench-controls>.bb-bench-readouts,.bb-bench-controls>.bb-bench-actions{grid-column:auto}.virtual-breadboard{padding:14px}}
.virtual-lab-guide ol { color: #3c514b; display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); padding-left: 20px; }
.virtual-lab-guide p { background: #fff7ed; border-left: 4px solid #f97316; color: #70401e; padding: 12px 14px; }
.virtual-lab-guide a { color: #087b71; font-weight: 850; }
body.theme-aurora .signal-generator-card h3,body.theme-aurora .virtual-lab-guide h3{color:#f3f7ff}
body.theme-aurora .signal-generator-card .instrument-fields label{color:#c6d6ee}
body.theme-aurora .signal-generator-card .instrument-fields label>span{color:#67e8d2}
body.theme-aurora .signal-generator-card .instrument-help,body.theme-aurora .analog-multimeter-card>.instrument-help{color:#b7c8e3}
body.theme-aurora .virtual-lab-guide ol{color:#d4dff0}
body.theme-aurora .virtual-lab-guide a{color:#56e3ff}
@media(max-width:760px){.tools-hero{grid-template-columns:1fr}.tools-hero-code{display:none}.tool-grid{grid-template-columns:1fr}.tool-fields,.tool-fields.compact{grid-template-columns:1fr}.tools-note{align-items:flex-start;flex-direction:column}.tools-topbar{overflow-x:auto;white-space:nowrap}.tools-page{padding-left:12px;padding-right:12px}}
@media(max-width:900px){.virtual-bench-grid{grid-template-columns:1fr}.virtual-lab-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-screen svg{height:240px}}
@media(max-width:520px){.scope-controls,.virtual-lab-guide ol{grid-template-columns:1fr}.virtual-bench-grid>.panel{padding:18px}.scope-screen svg{height:200px}}
.breadboard-workbench,.bb-board-area{min-width:0;max-width:100%}

/* Controles consistentes: evita botones blancos o sin jerarquía visual. */
.tools-page button,.tools-page .button-link{background:linear-gradient(180deg,#0b8f83,#08756c);border:1px solid #075f58;border-radius:8px;box-shadow:0 2px 0 rgba(4,75,69,.22);color:#fff;font-weight:850;line-height:1.2;min-height:38px;padding:9px 12px}.tools-page button:hover,.tools-page .button-link:hover{background:linear-gradient(180deg,#0da394,#087b71);box-shadow:0 4px 12px rgba(8,123,113,.22);transform:translateY(-1px)}.tools-page button:focus-visible,.tools-page .button-link:focus-visible{outline:3px solid rgba(245,158,11,.48);outline-offset:2px}.tools-page button[aria-pressed="false"],.tools-page .secondary{background:#e7f0ee;border-color:#b7cec9;box-shadow:none;color:#163e39}.tools-page button[aria-pressed="true"]{background:#087b71;border-color:#075f58;color:#fff}.tools-page .bb-hole{background:#55504a;border:3px solid #f8f4e8;border-radius:50%;box-shadow:inset 0 2px 2px #171513;min-height:17px;padding:0;transform:none}.tools-page .bb-hole:hover{background:#403c37;box-shadow:0 0 0 3px rgba(245,158,11,.25),inset 0 2px 2px #171513;transform:none}.tools-page .bb-hole[data-row="p"]{background:#b72b32}.tools-page .bb-hole[data-row="n"]{background:#245bab}


/* Ajustes de precisión y ayuda del banco virtual. */
.axial-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.axial-fields>label{min-width:0}.axial-fields select{max-width:100%}
.bb-quick-guide{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:18px 0 0;padding:0}.bb-quick-guide li{align-items:center;background:#eef7f5;border:1px solid #c9dfda;border-radius:9px;display:flex;gap:9px;padding:10px}.bb-quick-guide b{align-items:center;background:#087b71;border-radius:50%;color:#fff;display:flex;flex:0 0 25px;height:25px;justify-content:center}.bb-quick-guide span,.bb-quick-guide small{display:block}.bb-quick-guide small{font-size:10px;margin-top:2px}.bb-guidance{background:#fff8e8;border-left:3px solid #f59e0b;border-radius:5px;padding:8px 9px}
.virtual-breadboard>svg{height:auto;max-width:none;overflow:visible;width:auto}.virtual-breadboard>svg path{fill:none;pointer-events:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:7;vector-effect:non-scaling-stroke}.virtual-breadboard>svg path.wire{stroke:#168fbd}.virtual-breadboard>svg path.resistor{stroke:#a96822;stroke-dasharray:7 4}.virtual-breadboard>svg path.led{stroke:#e72d3b;filter:drop-shadow(0 0 5px #ff4b5a)}.virtual-breadboard>svg path.button{stroke:#4a4a4a}.virtual-breadboard>svg path.potentiometer{stroke:#7040b6}.virtual-breadboard>svg path.source-positive{stroke:#d92130;stroke-width:4}.virtual-breadboard>svg path.source-negative{stroke:#171717;stroke-width:4}.virtual-breadboard>svg path.probe-red{stroke:#e22;stroke-dasharray:4 4;stroke-width:3}.virtual-breadboard>svg path.probe-black{stroke:#111;stroke-dasharray:4 4;stroke-width:3}.virtual-breadboard>svg path.preview{opacity:.55;stroke-dasharray:5 5}
.instrument-card-intro{margin-bottom:12px}.instrument-card-intro h3{margin:8px 0 5px}.instrument-card-intro p{color:#60716c;font-size:12px;margin:0}.meter-presets{display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.meter-presets button{background:#eef4f2;color:#163e39;font-size:11px;padding:8px}.meter-presets button[aria-pressed="true"]{background:#087b71;color:#fff}.meter-terminals span.active{box-shadow:0 0 0 4px rgba(255,255,255,.8),0 0 18px #54f5da;transform:translateY(-2px)}.meter-guidance{background:#eef8f6;border-left:4px solid #087b71;border-radius:6px;min-height:58px;padding:10px 12px}.meter-howto{color:#334b45;display:grid;font-size:11px;gap:7px;grid-template-columns:repeat(3,1fr);list-style:none;margin:10px 0 0;padding:0}.meter-howto li{background:rgba(255,255,255,.68);border-radius:7px;padding:8px}.meter-howto b{color:#087b71}
@media(max-width:760px){.bb-quick-guide{grid-template-columns:repeat(2,1fr)}.meter-howto{grid-template-columns:1fr}}@media(max-width:430px){.bb-quick-guide{grid-template-columns:1fr}}

.ohm-tool{scroll-margin-top:16px}.tools-safety{margin:0 0 16px;padding:16px 18px}.tools-safety summary{color:#173f39;cursor:pointer;font-weight:900}.tools-safety>p{color:#60716c;font-size:13px}.tools-safety-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.tools-safety-list label{align-items:center;background:#f4f8f7;border-radius:7px;display:flex;font-size:12px;gap:8px;padding:9px}.tools-safety-list input{accent-color:#087b71}.tools-safety [data-tools-safety-status]{color:#a34b00;font-size:12px}.tools-safety [data-tools-safety-status][data-ready="true"]{color:#087b45}@media(max-width:620px){.tools-safety-list{grid-template-columns:1fr}}

.bb-quick-guide span{color:#173f39;font-weight:850}.bb-quick-guide small{color:#526f68;font-weight:600}.bb-guidance{color:#704300!important}