:root{--el-amber:#ffb84d;--el-cyan:#76d7dd;--el-red:#ff716a;--el-green:#78d7b0;--el-violet:#bba6ff;--el-panel:rgba(255,255,255,.56);--el-deep:#071522}
.electrical-page{background:radial-gradient(circle at 84% 10%,rgba(255,184,77,.13),transparent 26%),var(--paper)}
.electrical-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.electrical-hero{min-height:670px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;padding:80px 0 95px}.electrical-kicker,.electrical-section-head>span,.lab-label{display:block;color:#a76700;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.electrical-hero h1{max-width:760px;margin:20px 0 27px;font-size:clamp(57px,7vw,96px)}.electrical-hero h1 em,.electrical-section-head h2 em{color:#d98500}.electrical-hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.electrical-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.electrical-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:700}.electrical-button.primary{background:var(--ink);border-color:var(--ink);color:white}.electrical-button span{margin-left:18px;color:var(--el-amber);font-size:18px}
.circuit-stage{position:relative;min-height:490px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(150deg,#0a1b2a,#06101c);box-shadow:0 30px 80px rgba(7,17,31,.24);overflow:hidden;color:white}.circuit-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,215,221,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(118,215,221,.045) 1px,transparent 1px);background-size:28px 28px}.circuit-wire{position:absolute;left:14%;right:14%;top:42%;height:2px;background:#365163}.circuit-wire:after{content:"";position:absolute;left:0;top:-2px;width:36%;height:6px;border-radius:4px;background:var(--el-amber);box-shadow:0 0 20px rgba(255,184,77,.7);animation:currentFlow 2.5s linear infinite}.circuit-device{position:absolute;z-index:1;display:grid;place-items:center;width:108px;height:108px;border:1px solid #375367;border-radius:24px;background:#0d2235;box-shadow:0 16px 40px rgba(0,0,0,.25)}.circuit-device b{font:600 12px var(--display)}.circuit-device small{color:#8da1af;font-size:9px}.device-source{left:8%;top:31%}.device-load{right:8%;top:31%}.device-load i{width:35px;height:35px;border:2px solid var(--el-amber);border-radius:50%;box-shadow:0 0 25px rgba(255,184,77,.35)}.circuit-meter{position:absolute;left:50%;bottom:52px;z-index:2;transform:translateX(-50%);width:205px;padding:20px;border:1px solid #294a5e;border-radius:18px;background:rgba(5,16,28,.9);text-align:center}.circuit-meter span{display:block;color:#8499a8;font-size:9px;letter-spacing:.14em}.circuit-meter b{display:block;margin-top:5px;color:var(--el-cyan);font:600 30px var(--display)}.circuit-note{position:absolute;top:30px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;color:#a3b2bc;font-size:10px;letter-spacing:.12em}.circuit-note strong{color:var(--el-green)}
@keyframes currentFlow{from{transform:translateX(0)}to{transform:translateX(180%)}}
.electrical-section{padding:100px 0;border-top:1px solid var(--line)}.electrical-section.alt{background:rgba(255,255,255,.18)}.electrical-section-head{display:grid;grid-template-columns:1fr .68fr;gap:70px;align-items:end;margin-bottom:45px}.electrical-section-head h2{margin:14px 0 0;font-size:clamp(40px,5vw,68px)}.electrical-section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.electrical-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.electrical-topic{min-height:300px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--el-panel);display:flex;flex-direction:column;transition:.22s}.electrical-topic:hover{transform:translateY(-4px);border-color:rgba(217,133,0,.45);box-shadow:0 22px 48px rgba(7,17,31,.08)}.electrical-topic>span{color:#a76700;font-size:10px;font-weight:700;letter-spacing:.14em}.electrical-topic h2,.electrical-topic h3{margin:35px 0 13px;font:600 clamp(26px,3vw,39px)/1.05 var(--display);letter-spacing:-.04em}.electrical-topic p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.electrical-topic b{margin-top:auto;padding-top:28px;font-size:12px}.electrical-topic b i{margin-left:8px;color:#d98500;font-style:normal}
.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.safety-card{min-height:250px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--el-panel)}.safety-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(120,215,176,.18);color:#28795d;font-weight:800}.safety-card.cyan>span{background:rgba(118,215,221,.18);color:#26747a}.safety-card.orange>span{background:rgba(255,184,77,.19);color:#a45f00}.safety-card.red>span{background:rgba(255,113,106,.16);color:#b63d38}.safety-card h3{margin:25px 0 10px;font:600 20px var(--display)}.safety-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.safety-boundary{margin-top:20px;padding:22px 24px;border-left:4px solid var(--el-red);border-radius:0 14px 14px 0;background:rgba(255,113,106,.08);color:var(--muted);font-size:14px;line-height:1.65}.safety-boundary strong{color:var(--text)}
.lab-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--el-deep);color:#edf5f7;box-shadow:0 28px 75px rgba(5,18,31,.16)}.lab-head{display:grid;grid-template-columns:1fr .55fr;gap:40px;padding:34px;border-bottom:1px solid #294155}.lab-head h2{margin:9px 0 0;font-size:clamp(32px,4vw,48px);color:white}.lab-head p{margin:0;color:#a2b0ba;font-size:13px;line-height:1.65}.lab-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;padding:34px}.lab-controls{display:grid;gap:26px}.lab-controls label{display:grid;gap:9px;color:#dce8ec;font-size:13px;font-weight:600}.lab-controls label>span{display:flex;justify-content:space-between}.lab-controls output{color:var(--el-amber);font:600 18px var(--display)}.lab-controls input[type=range]{width:100%;accent-color:var(--el-amber)}.lab-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lab-result{padding:22px;border:1px solid #294459;border-radius:16px;background:#0d2133}.lab-result span{display:block;color:#8399a8;font-size:9px;letter-spacing:.14em}.lab-result b{display:block;margin:10px 0 5px;color:white;font:600 30px var(--display)}.lab-result small{color:#8ca0ad;font-size:10px}.lab-result.highlight{border-color:rgba(255,184,77,.65);background:linear-gradient(140deg,rgba(255,184,77,.12),#0d2133)}.lab-insight{grid-column:1/-1;padding:18px;border-radius:14px;background:rgba(118,215,221,.09);color:#a9c8cc;font-size:13px;line-height:1.6}
.subhero{padding:75px 0 62px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.subhero .electrical-kicker{margin-top:58px}.subhero h1{max-width:900px;margin:18px 0 24px;font-size:clamp(48px,6vw,82px)}.subhero>p{max-width:780px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:28px}.content-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--el-panel)}.content-card h2{margin:0 0 18px;font-size:clamp(28px,3vw,43px)}.content-card h3{margin:25px 0 10px;font:600 21px var(--display)}.content-card p,.content-card li{color:var(--muted);font-size:14px;line-height:1.72}.content-card ul{padding-left:20px}.formula{display:flex;align-items:center;justify-content:center;min-height:150px;margin:24px 0;border-radius:18px;background:#081726;color:#fff;font:600 clamp(26px,4vw,48px) var(--display)}.formula em{color:var(--el-amber);font-style:normal}.fact-list{display:grid;gap:12px}.fact{padding:18px;border:1px solid var(--line);border-radius:14px}.fact span{display:block;color:#a76700;font-size:9px;font-weight:700;letter-spacing:.13em}.fact b{display:block;margin-top:6px;font:600 17px var(--display)}.fact p{margin:7px 0 0;font-size:12px}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.component{min-height:255px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--el-panel)}.component-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#091827;color:var(--el-amber);font:600 23px monospace}.component h2,.component h3{margin:25px 0 9px;font:600 21px var(--display)}.component p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.component small{display:block;margin-top:18px;color:#a76700;font-size:10px;font-weight:700}.process{display:grid;gap:12px}.process-step{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--el-panel)}.process-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#091827;color:var(--el-amber);font-weight:700}.process-step h3{margin:0 0 5px;font:600 18px var(--display)}.process-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.ebp-bridge{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#071522,#102b3e);color:white}.ebp-bridge span{color:var(--el-amber);font-size:10px;font-weight:700;letter-spacing:.14em}.ebp-bridge h2{margin:10px 0;font-size:clamp(30px,4vw,48px);color:white}.ebp-bridge p{max-width:700px;margin:0;color:#a9b8c2;line-height:1.65}.ebp-bridge .electrical-button{border-color:#365065;color:white}
.source-links{display:grid;gap:12px;margin-top:22px}.source-link{padding:18px;border:1px solid var(--line);border-radius:14px}.source-link span{display:block;color:#a76700;font-size:9px;font-weight:700;letter-spacing:.12em}.source-link a{display:inline-block;margin-top:7px;text-decoration:underline;text-underline-offset:3px;font-weight:700}.source-link p{margin:7px 0 0;font-size:12px}
.doorbell-demo{position:relative;min-height:430px;padding:40px;border-radius:28px;background:#071522;color:#fff;overflow:hidden}.doorbell-path{position:absolute;left:13%;right:13%;top:50%;height:3px;background:#31495c}.doorbell-path:before{content:"";position:absolute;inset:-1px;width:0;background:var(--el-amber);box-shadow:0 0 18px rgba(255,184,77,.8);transition:.25s}.is-ringing .doorbell-path:before{width:100%}.doorbell-node{position:absolute;top:calc(50% - 58px);z-index:1;width:116px;height:116px;border:1px solid #355165;border-radius:24px;background:#0d2235;display:grid;place-items:center;text-align:center}.doorbell-node.source{left:6%}.doorbell-node.bell{right:6%}.doorbell-node b{font:600 15px var(--display)}.doorbell-node small{display:block;margin-top:4px;color:#8da2af}.doorbell-node.bell i{font-style:normal;font-size:34px;transform-origin:50% 0}.is-ringing .doorbell-node.bell i{animation:bellShake .18s ease-in-out infinite alternate}.ring-button{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:122px;height:122px;border:8px solid #122c40;border-radius:50%;background:var(--el-cyan);color:#071522;font:700 13px var(--display);cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.35)}.ring-button:active{transform:translate(-50%,-50%) scale(.96)}.doorbell-status{position:absolute;left:25px;right:25px;bottom:25px;margin:0;text-align:center;color:#a8bac4;font-size:13px}.is-ringing .doorbell-status{color:#ffd18c}@keyframes bellShake{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
.meter-demo{display:grid;grid-template-columns:320px 1fr;gap:35px;align-items:center;padding:35px;border-radius:28px;background:#071522;color:white}.meter-device{padding:28px;border:1px solid #375269;border-radius:28px;background:linear-gradient(145deg,#142b3d,#091725);box-shadow:0 25px 55px rgba(0,0,0,.28)}.meter-screen{min-height:100px;padding:22px;border:5px solid #06111d;border-radius:10px;background:#bfd8b5;color:#17281e;font:600 28px/1.2 monospace;display:flex;align-items:center;justify-content:flex-end}.meter-dial{width:100px;height:100px;margin:24px auto 0;border:15px solid #233d50;border-radius:50%;background:#071522;position:relative}.meter-dial:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:34px;background:var(--el-amber);transform-origin:bottom}.meter-copy h2{margin:0 0 15px;color:white;font-size:clamp(32px,4vw,49px)}.meter-copy p{color:#9eafb9;line-height:1.7}.meter-modes{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.meter-modes button{padding:11px 14px;border:1px solid #39546a;border-radius:20px;background:#10273a;color:#c7d4da;cursor:pointer}.meter-modes button.active{border-color:var(--el-cyan);background:rgba(118,215,221,.14);color:white}.meter-warning{padding:16px;border-left:3px solid var(--el-amber);background:rgba(255,184,77,.08);color:#d4c19c;font-size:12px;line-height:1.6}
@media(max-width:750px){.meter-demo{grid-template-columns:1fr}.meter-device{max-width:330px;margin:auto}.doorbell-demo{min-height:500px}.doorbell-node{top:58px}.doorbell-path{top:116px}.ring-button{top:58%;}.doorbell-status{bottom:35px}}
html[data-theme=dark] .electrical-page{--el-panel:rgba(12,29,45,.86);background:radial-gradient(circle at 84% 7%,rgba(255,184,77,.08),transparent 25%),#07111f}html[data-theme=dark] .electrical-kicker,html[data-theme=dark] .electrical-section-head>span,html[data-theme=dark] .electrical-topic>span,html[data-theme=dark] .component small,html[data-theme=dark] .fact span,html[data-theme=dark] .source-link span{color:#ffc36b}html[data-theme=dark] .electrical-hero h1 em,html[data-theme=dark] .electrical-section-head h2 em{color:#ffbf5a}html[data-theme=dark] .electrical-topic,html[data-theme=dark] .safety-card,html[data-theme=dark] .content-card,html[data-theme=dark] .component,html[data-theme=dark] .process-step{border-color:#2c4559}html[data-theme=dark] .electrical-section.alt{background:rgba(10,25,40,.5)}html[data-theme=dark] .safety-boundary{background:rgba(255,113,106,.11)}
@media(max-width:900px){.electrical-hero,.electrical-section-head,.lab-head,.lab-body,.content-grid{grid-template-columns:1fr}.circuit-stage{min-height:430px}.safety-grid{grid-template-columns:repeat(2,1fr)}.component-grid{grid-template-columns:repeat(2,1fr)}.electrical-topic-grid{grid-template-columns:1fr}.ebp-bridge{grid-template-columns:1fr}}
@media(max-width:600px){.electrical-shell{width:min(100% - 28px,1120px)}.electrical-hero{min-height:auto;padding:58px 0 75px;gap:42px}.electrical-hero h1{font-size:49px}.electrical-hero-copy>p,.subhero>p{font-size:16px}.circuit-stage{min-height:360px;border-radius:23px}.circuit-note{left:18px;right:18px}.circuit-device{width:82px;height:82px;border-radius:18px}.device-source{left:7%}.device-load{right:7%}.circuit-meter{width:170px;bottom:34px}.electrical-section{padding:75px 0}.electrical-section-head{gap:20px}.electrical-section-head h2{font-size:42px}.safety-grid,.component-grid,.lab-results{grid-template-columns:1fr}.safety-card{min-height:auto}.lab-head,.lab-body{padding:24px}.electrical-topic{min-height:275px;padding:24px}.subhero{padding-top:48px}.subhero .electrical-kicker{margin-top:40px}.subhero h1{font-size:47px}.content-card{padding:23px}.ebp-bridge{padding:25px}}
@media(prefers-reduced-motion:reduce){.circuit-wire:after{animation:none}}
.symbol-wrap{display:flex;align-items:center;gap:14px;margin:22px 0 2px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(7,21,34,.04)}.symbol-wrap>small{margin:0;color:var(--muted);font-size:9px;letter-spacing:.12em}.circuit-symbol{position:relative;display:block;flex:0 0 118px;width:118px;height:42px}.circuit-symbol:before,.circuit-symbol:after{content:"";position:absolute;top:20px;width:31px;height:2px;background:currentColor}.circuit-symbol:before{left:0}.circuit-symbol:after{right:0}.circuit-symbol.resistor i{position:absolute;left:31px;right:31px;top:11px;height:19px;border:2px solid currentColor}.circuit-symbol.capacitor i:before,.circuit-symbol.capacitor i:after{content:"";position:absolute;top:7px;width:2px;height:28px;background:currentColor}.circuit-symbol.capacitor i:before{left:53px}.circuit-symbol.capacitor i:after{right:53px}.circuit-symbol.diode i{position:absolute;left:43px;top:10px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:22px solid currentColor}.circuit-symbol.diode i:after{content:"";position:absolute;left:0;top:-14px;width:2px;height:28px;background:currentColor}.circuit-symbol.led b{position:absolute;right:27px;top:0;color:#d98500;font:700 13px monospace;transform:rotate(-32deg)}.circuit-symbol.coil i{position:absolute;left:31px;top:12px;width:56px;height:18px;background:radial-gradient(circle at 9px 18px,transparent 8px,currentColor 9px 10px,transparent 11px) 0 0/18px 18px repeat-x}.circuit-symbol.transistor i{position:absolute;left:43px;top:3px;width:35px;height:35px;border:2px solid currentColor;border-radius:50%}.circuit-symbol.transistor i:before{content:"B";position:absolute;left:-19px;top:8px;font:700 9px monospace}.circuit-symbol.transistor i:after{content:"C  E";position:absolute;left:23px;top:-8px;width:36px;white-space:pre;font:700 8px monospace}.component .symbol-wrap{margin-top:auto}.component{display:flex;flex-direction:column}
.physics-lab{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;padding:34px;border-radius:26px;background:#071522;color:#fff}.physics-track{position:relative;min-height:220px;border:1px solid #29465b;border-radius:18px;background:linear-gradient(#0d2336,#091827);overflow:hidden}.physics-track:after{content:"";position:absolute;left:25px;right:25px;bottom:45px;height:2px;background:#3b5769}.physics-cart{position:absolute;left:35px;bottom:47px;width:82px;height:47px;border-radius:10px 10px 5px 5px;background:var(--el-cyan);transform:translateX(var(--cart-shift,0));transition:.35s}.physics-cart:before,.physics-cart:after{content:"";position:absolute;bottom:-10px;width:18px;height:18px;border-radius:50%;background:#071522;border:4px solid #476175}.physics-cart:before{left:9px}.physics-cart:after{right:9px}.physics-cart b{display:block;padding:13px 8px;color:#071522;text-align:center}.physics-output{position:absolute;left:20px;top:18px;color:#a7b8c2;font-size:10px;letter-spacing:.12em}.physics-output strong{display:block;margin-top:5px;color:var(--el-amber);font:600 26px var(--display)}.law-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.law-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:var(--el-panel)}.law-card>span{color:#a76700;font-size:10px;font-weight:700;letter-spacing:.13em}.law-card h2,.law-card h3{margin:26px 0 10px;font:600 23px var(--display)}.law-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.law-card .formula{min-height:90px;font-size:25px}.circuit-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.circuit-case{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--el-panel)}.circuit-case h3{margin:0 0 9px;font:600 25px var(--display)}.circuit-case p{color:var(--muted);line-height:1.65}.circuit-case strong{display:block;margin-top:22px;color:#a76700;font:600 20px var(--display)}
html[data-theme=dark] .symbol-wrap{background:#0a1a29}html[data-theme=dark] .law-card,html[data-theme=dark] .circuit-case{border-color:#2c4559}.info-pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.info-pillar{min-height:460px;padding:38px;border:1px solid var(--line);border-radius:30px;background:var(--el-panel);display:flex;flex-direction:column;justify-content:space-between}.info-pillar.electric{background:linear-gradient(145deg,rgba(255,184,77,.12),var(--el-panel))}.info-pillar.it{background:linear-gradient(145deg,rgba(118,215,221,.12),var(--el-panel))}.info-pillar>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--muted)}.info-pillar h2{margin:30px 0 15px;font-size:clamp(40px,5vw,66px)}.info-pillar p{color:var(--muted);line-height:1.7}.info-pillar ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.info-pillar li{padding:8px 11px;border-radius:30px;background:rgba(118,215,221,.13);font-size:10px}.info-pillar.electric li{background:rgba(255,184,77,.14)}.info-pillar b{font-size:13px}.info-pillar b i{margin-left:8px;color:#d98500;font-style:normal}
@media(max-width:800px){.physics-lab,.law-grid,.circuit-compare,.info-pillar-grid{grid-template-columns:1fr}}
.experiment{border:1px solid var(--line);border-radius:28px;background:var(--el-panel);overflow:hidden}.experiment-head{display:grid;grid-template-columns:1fr .7fr;gap:35px;padding:32px;border-bottom:1px solid var(--line)}.experiment-head h2{margin:8px 0 0;font-size:clamp(31px,4vw,48px)}.experiment-head p{margin:0;color:var(--muted);line-height:1.65}.experiment-body{padding:32px}.experiment-tabs{display:flex;gap:8px;margin-bottom:28px}.experiment-tabs button,.quiz-options button{padding:12px 16px;border:1px solid var(--line);border-radius:22px;background:transparent;color:var(--text);font-weight:700;cursor:pointer}.experiment-tabs button.active{background:#071522;color:#fff;border-color:#071522}.resistor-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.resistor-control{padding:15px;border:1px solid var(--line);border-radius:14px}.resistor-control label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.resistor-control input[type=number]{width:100%;margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font:600 16px var(--display)}.network-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.network-summary>div{padding:20px;border-radius:15px;background:#071522;color:#fff}.network-summary span{display:block;color:#8fa4b1;font-size:9px;letter-spacing:.12em}.network-summary b{display:block;margin-top:7px;font:600 23px var(--display)}.network-summary .rule{background:rgba(255,184,77,.14);color:var(--text)}.network-summary .rule b{font:600 13px/1.5 var(--sans)}.network-table{overflow:auto}.network-row{min-width:620px;display:grid;grid-template-columns:.5fr repeat(4,1fr);gap:10px;padding:13px;border-bottom:1px solid var(--line);font-size:12px}.network-row.header{color:var(--muted);font-size:9px;letter-spacing:.1em}.network-row b{font-family:var(--display)}.mini-lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mini-lab{padding:27px;border:1px solid var(--line);border-radius:20px;background:var(--el-panel)}.mini-lab h2{margin:9px 0 12px;font-size:31px}.mini-lab>p{color:var(--muted);line-height:1.65}.mini-controls{display:grid;gap:14px;margin:24px 0}.mini-controls label{display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--muted);font-size:12px}.mini-controls input{grid-column:1/-1;width:100%;accent-color:var(--el-amber)}.mini-controls output{color:var(--text);font-weight:700}.mini-output{padding:20px;border-radius:14px;background:#071522;color:#fff}.mini-output span{display:block;color:#91a5b1;font-size:9px;letter-spacing:.12em}.mini-output b{display:block;margin-top:8px;color:var(--el-amber);font:600 26px var(--display)}.color-resistor{display:flex;align-items:center;justify-content:center;height:95px;margin:20px 0}.resistor-body{position:relative;width:230px;height:64px;border-radius:30px;background:#d9c59d;box-shadow:inset 0 -8px 18px rgba(80,55,25,.15)}.resistor-body:before,.resistor-body:after{content:"";position:absolute;top:31px;width:75px;height:3px;background:#98a0a3}.resistor-body:before{right:100%}.resistor-body:after{left:100%}.color-band{position:absolute;top:0;width:18px;height:64px}.color-band:nth-child(1){left:43px}.color-band:nth-child(2){left:77px}.color-band:nth-child(3){left:111px}.color-band:nth-child(4){right:38px}.color-selects{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.color-selects label{display:grid;gap:6px;color:var(--muted);font-size:10px}.color-selects select{min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text);padding:8px}.quiz-card{margin-top:18px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--el-panel)}.quiz-card h3{margin:0 0 18px;font:600 21px var(--display)}.quiz-options{display:flex;flex-wrap:wrap;gap:9px}.quiz-options button.correct{background:rgba(120,215,176,.2);border-color:#52a983}.quiz-options button.wrong{background:rgba(255,113,106,.15);border-color:#d85d57}.quiz-feedback{min-height:24px;margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.5}html[data-theme=dark] .experiment,html[data-theme=dark] .mini-lab,html[data-theme=dark] .quiz-card{border-color:#2c4559}html[data-theme=dark] .experiment-tabs button.active{background:var(--el-cyan);color:#071522}html[data-theme=dark] .color-selects select{background:#0c1d2d}@media(max-width:900px){.experiment-head{grid-template-columns:1fr}.resistor-controls{grid-template-columns:repeat(2,1fr)}.network-summary{grid-template-columns:1fr}.mini-lab-grid{grid-template-columns:1fr}}@media(max-width:520px){.experiment-body,.experiment-head{padding:23px}.resistor-controls{grid-template-columns:1fr}.color-selects{grid-template-columns:1fr}.resistor-body{width:180px}.color-band:nth-child(1){left:32px}.color-band:nth-child(2){left:61px}.color-band:nth-child(3){left:90px}.color-band:nth-child(4){right:28px}}
.circuit-symbol.source i{position:absolute;left:50px;top:5px;width:2px;height:32px;background:currentColor;box-shadow:12px 7px 0 -0.5px currentColor}.circuit-symbol.source i:before{content:"+";position:absolute;left:-17px;top:-9px;font:700 12px monospace}.circuit-symbol.source i:after{content:"−";position:absolute;left:27px;top:8px;font:700 12px monospace}.circuit-symbol.switch i{position:absolute;left:37px;top:20px;width:43px;height:2px;background:currentColor;transform:rotate(-22deg);transform-origin:left}.circuit-symbol.switch i:before,.circuit-symbol.switch i:after{content:"";position:absolute;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;background:var(--paper)}.circuit-symbol.switch i:before{left:-7px;top:-3px}.circuit-symbol.switch i:after{right:-15px;top:14px}.circuit-symbol.lamp i,.circuit-symbol.motor i{position:absolute;left:40px;top:1px;width:40px;height:40px;border:2px solid currentColor;border-radius:50%}.circuit-symbol.lamp i:before,.circuit-symbol.lamp i:after{content:"";position:absolute;left:6px;top:18px;width:25px;height:2px;background:currentColor;transform:rotate(45deg)}.circuit-symbol.lamp i:after{transform:rotate(-45deg)}.circuit-symbol.motor i:after{content:"M";position:absolute;inset:0;display:grid;place-items:center;font:700 15px monospace}.circuit-symbol.fuse i{position:absolute;left:35px;top:13px;width:48px;height:16px;border:2px solid currentColor}.circuit-symbol.transformer i:before,.circuit-symbol.transformer i:after{content:"";position:absolute;top:5px;width:24px;height:32px;border:2px solid currentColor;border-radius:50%}.circuit-symbol.transformer i:before{left:31px}.circuit-symbol.transformer i:after{right:31px}
.schematic-board{position:relative;min-height:300px;margin:0 0 28px;border:1px solid #2b465a;border-radius:20px;background:#071522;color:#eaf3f6;overflow:hidden}.schematic-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,215,221,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,215,221,.035) 1px,transparent 1px);background-size:24px 24px}.schematic-caption{position:absolute;left:20px;top:17px;z-index:3;color:#8ca2af;font-size:9px;font-weight:700;letter-spacing:.14em}.scheme-source{position:absolute;z-index:2;left:35px;top:50%;width:52px;height:76px;transform:translateY(-50%);display:grid;place-items:center;color:var(--el-amber);font:700 12px monospace}.scheme-source:before,.scheme-source:after{content:"";position:absolute;left:24px;width:2px;background:currentColor}.scheme-source:before{top:17px;height:42px}.scheme-source:after{left:34px;top:26px;height:24px}.scheme-source b{position:absolute;left:2px;top:4px}.scheme-source small{position:absolute;left:2px;bottom:2px}.scheme-resistor{position:relative;z-index:2;width:92px;height:58px;display:grid;place-items:center;color:#fff}.scheme-resistor:before{content:"";position:absolute;left:10px;right:10px;top:21px;height:18px;border:2px solid var(--el-cyan);background:#0c2335}.scheme-resistor:after{content:"";position:absolute;left:0;right:0;top:30px;height:2px;background:var(--el-cyan);z-index:-1}.scheme-resistor b{position:absolute;top:3px;font:600 11px var(--display)}.scheme-resistor small{position:absolute;top:43px;color:#9eb0ba;font-size:9px}.series-scheme{position:absolute;left:105px;right:35px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-evenly;gap:10px}.series-scheme:before{content:"";position:absolute;left:-20px;right:-20px;top:29px;height:2px;background:#547084;z-index:0}.parallel-scheme{position:absolute;left:125px;right:48px;top:58px;bottom:48px;display:grid;align-content:center;gap:15px}.parallel-branch{position:relative;display:flex;align-items:center;justify-content:center;min-height:45px}.parallel-branch:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#547084}.parallel-rail{position:absolute;top:55px;bottom:48px;width:2px;background:#547084}.parallel-rail.left{left:125px}.parallel-rail.right{right:48px}.scheme-return{position:absolute;left:60px;right:48px;bottom:30px;height:2px;background:#547084}.scheme-return:before{content:"";position:absolute;left:0;bottom:0;width:2px;height:110px;background:#547084}.scheme-flow{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;right:22px;bottom:12px;color:#91a5b1;font-size:9px}.scheme-flow i{display:block;width:35px;height:2px;background:var(--el-amber);position:relative}.scheme-flow i:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid var(--el-amber);border-top:4px solid transparent;border-bottom:4px solid transparent}.formula-strip{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:0 0 28px;padding:18px 20px;border-left:3px solid var(--el-cyan);background:rgba(118,215,221,.08)}.formula-strip b{font:600 18px var(--display)}.formula-strip span{color:var(--muted);font-size:12px;line-height:1.55}.fixed-schematic{position:relative;min-height:235px;margin:20px 0;border:1px solid #2b465a;border-radius:17px;background:#071522;color:#fff;overflow:hidden}.fixed-schematic .scheme-resistor{position:absolute}.mixed-diagram .r1{left:15%;top:88px}.mixed-diagram .r2{right:12%;top:39px}.mixed-diagram .r3{right:12%;bottom:19px}.mixed-diagram:before{content:"";position:absolute;left:7%;right:7%;top:118px;height:2px;background:#547084}.mixed-diagram:after{content:"";position:absolute;right:23%;top:68px;bottom:48px;width:2px;background:#547084}.divider-diagram .r1{left:40%;top:30px;transform:rotate(90deg)}.divider-diagram .r2{left:40%;bottom:20px;transform:rotate(90deg)}.divider-diagram:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:2px;background:#547084}.divider-diagram:after{content:"Uout";position:absolute;left:57%;top:108px;color:var(--el-amber);font:700 12px monospace}.doorbell-schematic{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:center;padding:65px 45px 40px}.doorbell-schematic:after{content:"";position:absolute;left:9%;right:9%;top:50%;height:2px;background:#547084}.scheme-part{position:relative;z-index:2;min-height:100px;display:grid;place-items:center;text-align:center}.scheme-part>i{display:grid;place-items:center;width:70px;height:56px;border:2px solid var(--el-cyan);background:#0b2132;font-style:normal;font:700 14px monospace}.scheme-part b{position:absolute;top:-2px;font:600 11px var(--display)}.scheme-part small{position:absolute;bottom:-3px;color:#91a5b1;font-size:9px}.scheme-part.switch>i{border:0;background:transparent;font-size:28px}.scheme-part.bell>i{border-radius:50%}.diagram-legend{display:flex;flex-wrap:wrap;gap:15px;margin:-12px 0 25px;color:var(--muted);font-size:10px}.diagram-legend span{display:flex;align-items:center;gap:6px}.diagram-legend i{display:block;width:18px;height:2px;background:var(--el-cyan)}.diagram-legend span:nth-child(2) i{background:var(--el-amber)}@media(max-width:700px){.schematic-board{min-height:430px}.series-scheme{left:95px;right:20px;top:45%;flex-direction:column}.series-scheme:before{left:50%;right:auto;top:-20px;bottom:-20px;width:2px;height:auto}.parallel-scheme{left:105px;right:25px}.parallel-rail.left{left:105px}.parallel-rail.right{right:25px}.scheme-return{right:25px}.doorbell-schematic{grid-template-columns:1fr 1fr;gap:35px;padding:65px 25px 35px}.doorbell-schematic:after{display:none}.fixed-schematic{min-height:260px}}