.education-hero{max-width:1180px;margin:0 auto;padding:54px 24px 26px;text-align:center}.education-hero h1{margin:.2rem 0 1rem;color:#0b2748;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em}.education-hero>p:last-child{max-width:850px;margin:auto;color:#5c6878;font-size:1.08rem;line-height:1.7}.lesson-section{max-width:1400px}.lesson-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.lesson-heading>div:first-child{max-width:900px}.lesson-heading h2{margin:.25rem 0 .6rem;font-size:clamp(1.7rem,3.5vw,2.7rem)}.lesson-heading p{color:#5d6879;line-height:1.6}.lesson-number{display:inline-block;padding:.45rem .85rem;border-radius:999px;background:#123dbb;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.circuit-status{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:13px 17px;border:1px solid #d2dce8;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(12,39,72,.09)}.circuit-status span{grid-row:1/3;width:12px;height:12px;border-radius:50%;background:#a0aabb;box-shadow:0 0 0 5px rgba(160,170,187,.2)}.circuit-status small{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#758093}.circuit-status strong{font-size:.84rem}.circuit-status.is-on span{background:#21a545;box-shadow:0 0 0 5px rgba(33,165,69,.18),0 0 14px #21a545}.education-demo{overflow:hidden;border:1px solid #c8d4e3;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(17,44,83,.14)}.diagram-scroll{padding:8px;overflow-x:auto}.education-circuit{display:block;width:100%;height:auto;min-width:960px}.ed-board{fill:#f9fbfe;stroke:#163ca4;stroke-width:5}.ed-zone-title{fill:#173da5;font-size:23px;font-weight:900;letter-spacing:.05em}.ed-wire{fill:none;stroke-width:17;stroke-linecap:round;stroke-linejoin:round}.ed-line{stroke:#d91f26}.ed-load{stroke:#f17b00}.ed-neutral-edge{stroke:#9da9b8;stroke-width:23}.ed-neutral{stroke:#fff}.ed-ground{stroke:#18a13a}.ed-flow{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:1 10;animation:education-flow 1.25s linear infinite}.ed-flow-line{stroke:#fff4aa;opacity:.62}.ed-flow-load{stroke:#fff1a2}.ed-flow-return{stroke:#2b69e8}.active-flow{opacity:0}.circuit-on .active-flow{opacity:1}.circuit-on .ed-flow-line{opacity:1}@keyframes education-flow{to{stroke-dashoffset:-22}}.ed-source circle:first-child{stroke-width:5}.ed-source text{font-size:42px;font-weight:900;text-anchor:middle;fill:#fff}.ed-source-line circle:first-child{fill:#e3272f;stroke:#9d0910}.ed-source-line circle:nth-child(2){fill:none;stroke:#ff8990;stroke-width:3}.ed-source-neutral circle{fill:#fff;stroke:#98a4b3;stroke-width:5}.ed-source-neutral text{fill:#153fab}.ed-source-ground circle{fill:#22a642;stroke:#087328;stroke-width:5}.ed-source-label,.ed-terminal-label,.ed-wire-label,.ed-fixture-label{font-size:17px;font-weight:900;fill:#28364e}.ed-red-text{fill:#c81720}.ed-orange-text{fill:#d86700}.ed-green-text{fill:#11832d}.ed-strap,.ed-fixture{stroke:#687481;stroke-width:4}.ed-mount{fill:#f9fbfd;stroke:#7c8895;stroke-width:3}.ed-switch-body{fill:#fff;stroke:#333b46;stroke-width:4}.ed-paddle{fill:#f9fafb;stroke:#d3d9e1;stroke-width:2;transform-origin:652px 352px;transition:transform .25s,fill .25s}.ed-paddle.paddle-on{fill:#fff7d3;transform:perspective(150px) rotateX(-5deg)}.ed-terminal{stroke-width:4}.ed-brass{fill:#c78b15;stroke:#664600}.ed-green-terminal{fill:#1da540;stroke:#075f22}.ed-neutral-terminal{fill:#f8fafc;stroke:#758292}.ed-screw{stroke:#fff3b0;stroke-width:3}.ed-neutral-screw{stroke:#667586;stroke-width:3}.ed-terminal-link{fill:none;stroke:#9da8b5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ed-contact circle{fill:#bd8110;stroke:#664600;stroke-width:2}.ed-contact-blade{fill:none;stroke:#223247;stroke-width:9;stroke-linecap:round}.contact-closed .ed-contact-blade{stroke:#19a13b}.ed-contact-state{font-size:11px;font-weight:900;letter-spacing:.08em}.open-state{fill:#b91c23}.closed-state{fill:#11842d}.ed-glow{fill:#ffd84c;opacity:0;transition:opacity .35s}.circuit-on .ed-glow{opacity:.75}.ed-bulb-glass{fill:#fff;stroke:#d89a17;stroke-width:4;transition:fill .35s}.circuit-on .ed-bulb-glass{fill:#fff4a6}.ed-bulb-base{fill:#b77c0b;stroke:#6e4900;stroke-width:4}.ed-base-lines{stroke:#ffe999;stroke-width:5}.ed-socket-link{fill:none;stroke:#6a7480;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.ed-socket-label{font-size:12px;font-weight:900}.ed-fixture-label{fill:#153ea8}.education-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px;background:#eff4fb;border-top:1px solid #d4deeb}.education-controls button{display:flex;align-items:center;gap:13px;border:0;border-radius:16px;background:#182840;color:#fff;padding:13px 22px;cursor:pointer;box-shadow:0 8px 18px rgba(18,33,60,.22)}.education-controls button:hover{transform:translateY(-2px)}.education-controls button:focus-visible{outline:4px solid #85a7ff;outline-offset:3px}.education-controls button.is-on{background:#138637}.education-controls button>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.09);font-size:1.2rem;font-weight:900}.education-controls small{display:block;color:#bec9da;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.education-controls strong{display:block}.education-controls p{margin:0;color:#56657b;font-size:.88rem}.lesson-explanation{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.lesson-explanation article{display:flex;gap:14px;padding:20px;border:1px solid #d6deea;border-radius:18px;background:#fff}.lesson-explanation h3{margin:0 0 7px}.lesson-explanation p{margin:0;color:#5d6879;line-height:1.55;font-size:.9rem}.explain-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;color:#fff;font-weight:900}.explain-number.red{background:#d91f26}.explain-number.orange{background:#f17b00}.explain-number.gray{background:#718097}.education-code-note{margin-top:18px;padding:18px 22px;border:1px solid #b8c9ef;border-radius:16px;background:#eef4ff;color:#52617a;line-height:1.6;font-size:.9rem}.education-code-note strong{color:#123dbb}.lesson-section:after{content:"Safety notice: This demonstration explains circuit function; it is not installation instruction. Electrical work should be performed by qualified persons after de-energizing, applying lockout where applicable, and verifying absence of voltage with properly rated test equipment.";display:block;margin-top:14px;color:#657186;font-size:.78rem;line-height:1.6}
.ed-switch-position{fill:#29415f;font-size:11px;font-weight:900;text-anchor:middle;pointer-events:none}.ed-switch-target{fill:transparent;cursor:pointer;outline:none}.ed-switch-target:focus{stroke:#245fe0;stroke-width:4;stroke-dasharray:7 5}.ed-paddle.paddle-on{transform:perspective(150px) rotateX(-5deg)}.ed-paddle.paddle-off{transform:perspective(150px) rotateX(5deg)}
.lesson-two-demo{margin-top:8px}.lesson-two-circuit .ed-wire{stroke-width:14}.lesson-two-circuit .ed-flow{stroke-width:6}.ed-fan-load{stroke:#e5bb00}.ed-flow-fan{stroke:#fff4a0}.ed-yellow-text{fill:#9d7900}.red-junction{fill:#d91f26}.green-junction{fill:#18a13a}.ed-wire-junction{stroke:#fff;stroke-width:4}.ed-device-symbol{fill:#e49300;font-size:38px;font-weight:900;text-anchor:middle;pointer-events:none}.ed-fan-symbol{fill:#1f68b8;pointer-events:none}.ed-fan-symbol path,.fan-rotor path{fill:currentColor}.ed-fan-housing{fill:#f4f7fa;stroke:#778493;stroke-width:5}.fan-rotor{color:#2879c7;transform-origin:0 0}.fan-on .fan-rotor{animation:fan-spin 1.1s linear infinite}.ed-fan-terminal{fill:#d8b300;stroke:#735f00}.l2-light-glow{fill:#ffd84c;opacity:0}.light-on .l2-light-glow{opacity:.78}.l2-light-active,.l2-fan-active{opacity:0}.light-on .l2-light-active,.fan-on .l2-fan-active{opacity:1}.dual-status.is-on span{background:#21a545;box-shadow:0 0 0 5px rgba(33,165,69,.18),0 0 14px #21a545}.dual-controls{justify-content:space-between}.dual-indicators{display:flex;gap:10px}.dual-indicators span{padding:10px 14px;border-radius:999px;background:#dfe6ef;color:#56657b;font-size:.76rem;font-weight:900}.dual-indicators span.is-on{background:#168b3c;color:#fff}.explain-number.yellow{background:#c6a000}@keyframes fan-spin{to{transform:rotate(360deg)}}
.three-way-circuit .ed-wire{stroke-width:15}.three-way-circuit .ed-flow{stroke-width:6}.ed-traveler-one{stroke:#7c3aed}.ed-traveler-two{stroke:#2677d8}.ed-flow-traveler-one{stroke:#f2dcff}.ed-flow-traveler-two{stroke:#d9ecff}.ed-purple-text{fill:#6d28d9}.ed-blue-text{fill:#1763b5}.ed-common-terminal{fill:#41434a;stroke:#17181b}.ed-traveler-terminal-one{fill:#8660bd;stroke:#482177}.ed-traveler-terminal-two{fill:#327fc8;stroke:#154d82}.ed-threeway-symbol{fill:#153fab;font-size:38px;font-weight:900;text-anchor:middle;pointer-events:none}.ed-threeway-label{fill:#153fab;font-size:11px;font-weight:900;text-anchor:middle;pointer-events:none}.t3-light-glow{fill:#ffd84c;opacity:0}.t3-on .t3-light-glow{opacity:.8}.t3-complete,.t3-upper-current,.t3-lower-current{opacity:0}.t3-on .t3-complete,.t3-on.t3-path-upper .t3-upper-current,.t3-on.t3-path-lower .t3-lower-current{opacity:1}.t3-line-feed{opacity:.68}.three-way-demo .circuit-status.is-on span{background:#21a545}.explain-number.purple{background:#7c3aed}
.four-way-circuit .ed-wire{stroke-width:14}.four-way-circuit .ed-flow{stroke-width:6}.ed-fourway-symbol{fill:#b45309;font-size:38px;font-weight:900;text-anchor:middle;pointer-events:none}.f4-light-glow{fill:#ffd84c;opacity:0}.f4-on .f4-light-glow{opacity:.8}.f4-complete,.f4-left-upper,.f4-left-lower,.f4-right-upper,.f4-right-lower{opacity:0}.f4-on .f4-complete,.f4-on.f4-a-upper .f4-left-upper,.f4-on.f4-a-lower .f4-left-lower,.f4-on.f4-b-upper .f4-right-upper,.f4-on.f4-b-lower .f4-right-lower{opacity:1}.f4-line-feed{opacity:.68}.four-indicators{flex-wrap:wrap;justify-content:flex-end}.four-indicators span:nth-child(2){background:#f4e4cc;color:#8a4a00}.four-indicators span:nth-child(2).is-on{background:#b96806;color:#fff}
@media(max-width:850px){.lesson-heading{align-items:stretch;flex-direction:column}.circuit-status{align-self:stretch}.education-controls{align-items:stretch;flex-direction:column}.education-controls button{justify-content:center}.education-controls p{text-align:center}.lesson-explanation{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ed-flow{animation:none;stroke-dasharray:4 8}.ed-glow,.ed-paddle{transition:none}}