.bases-electricite{--blue:#0060A1;--ink:#1A1A1A;--muted:#5F6368;--surface:#F4F6F8;--line:#D9DEE3;--pale:#EAF4FB;--night:#03182b;--hover:#004B7D;--current:#E32124}
.bases-electricite *{box-sizing:border-box}
.bases-electricite{scroll-behavior:smooth;scroll-padding-top:1.5rem}
.bases-electricite{margin:0;font-family:"Atkinson Hyperlegible Next",Arial,sans-serif;color:var(--ink);background:#fff;font-size:18px;line-height:1.65}
.bases-electricite [hidden]{display:none!important}
.bases-electricite img,.bases-electricite svg{max-width:100%;height:auto}
.bases-electricite a{color:var(--blue);text-underline-offset:.2em}
.bases-electricite a:hover{color:var(--hover)}
.bases-electricite p{margin:0 0 1.15rem}
.bases-electricite h1,.bases-electricite h2,.bases-electricite h3{font-weight:700;line-height:1.2;text-wrap:balance;color:var(--blue)}
.bases-electricite h2{font-size:clamp(1.8rem,3vw,2.35rem);margin:0 0 1.4rem;letter-spacing:-.025em}
.bases-electricite h3{font-size:1.4rem;margin:1.75rem 0 1rem}
.bases-electricite strong{font-weight:700}
.bases-electricite button,.bases-electricite .button{font:inherit;font-weight:700;font-size:1rem;line-height:1.4;min-height:48px;border:1px solid var(--blue);border-radius:8px;padding:.75rem 1rem;background:#fff;color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none}
.bases-electricite button:hover,.bases-electricite .button:hover{background:var(--pale)}
.bases-electricite button:disabled{cursor:default;color:var(--muted);border-color:#7C8793}
.bases-electricite .primary,.bases-electricite .water-controls [aria-pressed=true]{background:var(--blue);color:#fff}
.bases-electricite .primary:hover{background:var(--hover);color:#fff}
.bases-electricite :focus-visible{outline:3px solid var(--blue);outline-offset:4px;box-shadow:0 0 0 3px #fff}
.bases-electricite .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.bases-electricite .skip{position:absolute;left:1rem;top:-100px;z-index:5;background:#fff;padding:1rem}
.bases-electricite .skip:focus{top:1rem}
.bases-electricite .site-header,.bases-electricite .site-footer{background:var(--night);color:#fff}
.bases-electricite .header-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;gap:1rem}
.bases-electricite .header-inner img{width:200px;height:62px;object-fit:contain}
.bases-electricite .header-inner span{font-size:1rem}
.bases-electricite .review-bar{text-align:center;background:var(--pale);color:var(--blue);font-size:.875rem;padding:.55rem 1rem}
.bases-electricite .page{max-width:1180px;padding:2.5rem 1.5rem;margin:auto}
.bases-electricite .site-footer{padding:2rem 1.5rem;text-align:center;font-size:1rem}
.bases-electricite .circuit-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;margin:2rem 0}
.bases-electricite .circuit-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:1.5rem;min-width:0}
.bases-electricite .circuit-card h3{margin:0 0 .8rem}
.bases-electricite .circuit-card .eyebrow{margin-bottom:.5rem}
.bases-electricite .direction-label{font-size:1rem;color:var(--muted);min-height:3rem;margin-bottom:0}
.bases-electricite .circuit-stage{position:relative;max-width:540px;margin:auto}
.bases-electricite .circuit-stage svg{display:block;width:100%;overflow:visible}
.bases-electricite .circuit-stage text,.bases-electricite .water-stage text{font:700 24px "Atkinson Hyperlegible Next",Arial,sans-serif;fill:var(--ink);text-anchor:middle}
.bases-electricite .circuit-stage text.white{fill:white}
.bases-electricite .circuit-stage text.sign{font-size:36px}
.bases-electricite .wire-path{stroke:#7C8793;stroke-width:8;fill:none}
.bases-electricite .switch-line{stroke:var(--ink);stroke-width:7;fill:none;stroke-linecap:round}
.bases-electricite .electric-flow{stroke:var(--current);stroke-width:7;stroke-dasharray:1 21;stroke-linecap:round;fill:none;animation:direct-flow 2.2s linear infinite;animation-play-state:paused}
.bases-electricite .is-running .electric-flow{animation-play-state:running}
.bases-electricite [data-circuit=ac] .electric-flow{animation-name:alternating-flow;animation-duration:3s;animation-timing-function:ease-in-out}
.bases-electricite .is-open .electric-flow{visibility:hidden}
.bases-electricite .is-open .lamp-halo{visibility:hidden}
.bases-electricite .is-open .lamp-glass{fill:white;stroke:var(--muted)}
.bases-electricite .is-open .filament{stroke:var(--muted)}
@keyframes direct-flow{to{stroke-dashoffset:-44}}
@keyframes alternating-flow{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:-44}}
.bases-electricite .help-dot{fill:white;stroke:var(--blue);stroke-width:2}
.bases-electricite .circuit-stage text.help-text{fill:var(--blue);font-size:25px}
.bases-electricite .diagram-hit{position:absolute;padding:0;border:2px solid transparent;background:transparent;min-width:44px;min-height:44px}
.bases-electricite .diagram-hit:hover{background:rgba(0,96,161,.06);border-color:var(--blue)}
.bases-electricite .hit-source{left:4%;top:36%;width:25%;height:32%}
.bases-electricite .hit-switch{left:37%;top:13%;width:25%;height:23%}
.bases-electricite .hit-lamp{left:68%;top:36%;width:28%;height:32%}
.bases-electricite .diagram-help{font-size:1rem;color:var(--muted);margin:1rem 0}
.bases-electricite .explain-panel{background:white;border-left:4px solid var(--blue);border-radius:8px;padding:1.2rem;margin:1rem 0}
.bases-electricite .explain-panel button{font-size:.95rem}
.bases-electricite .circuit-state{background:white;padding:1rem;border-radius:8px;line-height:1.5;font-size:1.05rem;border:1px solid var(--line)}
.bases-electricite .sim-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.bases-electricite .sim-actions button{flex:1 1 160px}
.bases-electricite details{border:1px solid var(--line);border-radius:10px;margin:1rem 0;overflow:hidden}
.bases-electricite summary{padding:1.1rem 1.25rem;color:var(--blue);font-weight:700;cursor:pointer;min-height:48px}
.bases-electricite summary:hover{background:var(--surface)}
.bases-electricite details>div{padding:.2rem 1.25rem 1.25rem}
.bases-electricite details>div p:last-child{margin:0}
.bases-electricite .concept-accordion{max-width:70ch}
.bases-electricite .concept-accordion summary{display:flex;align-items:center;gap:1rem;list-style:none}
.bases-electricite .concept-accordion summary::-webkit-details-marker{display:none}
.bases-electricite .concept-accordion summary:after{content:'+';font-size:1.5rem;margin-left:auto}
.bases-electricite .concept-accordion details[open] summary:after{content:'−'}
.bases-electricite .concept-accordion summary small{display:block;font-weight:400;color:var(--ink);font-size:1rem}
.bases-electricite .unit{display:grid;place-items:center;flex-shrink:0;width:3rem;height:3rem;background:var(--pale);border-radius:8px;color:var(--blue);font-size:1.5rem;font-weight:700}
.bases-electricite .mobile-live{display:none}
.bases-electricite .page,.bases-electricite .header-inner{max-width:1440px}
.bases-electricite .page{padding:2rem 2rem 3rem}
.bases-electricite .header-inner{padding:.6rem 2rem}
.bases-electricite .hero{display:grid;grid-template-columns:1fr 1.1fr;background:var(--surface);border-radius:16px;overflow:hidden;margin-bottom:1.5rem}
.bases-electricite .hero-copy{padding:clamp(1.5rem,3vw,3rem);align-self:center}
.bases-electricite .hero h1{font-size:clamp(2.2rem,3.5vw,3.5rem);letter-spacing:-.035em;margin:.5rem 0 1.3rem}
.bases-electricite .lead{font-size:1.3rem;line-height:1.5}
.bases-electricite .eyebrow{font-size:.9rem;font-weight:700;color:var(--blue);margin-bottom:.7rem}
.bases-electricite .hero-photo{margin:0;position:relative;min-height:420px}
.bases-electricite .hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}
.bases-electricite .hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:var(--night);color:white;font-size:1rem}
.bases-electricite .quick-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.bases-electricite .quick-nav a{border:1px solid var(--line);border-radius:8px;padding:.65rem 1rem;text-decoration:none;min-height:44px;font-size:1rem}
.bases-electricite .quick-nav a:hover{background:var(--pale)}
.bases-electricite .safety{padding:1rem 1.2rem;border-left:4px solid #B77900;background:#FFF4D6;border-radius:0 8px 8px 0;font-size:1rem}
.bases-electricite .compact{margin-bottom:2.5rem}
.bases-electricite .safety strong{color:#7A4A00}
.bases-electricite .section{padding:2.5rem 0;border-top:1px solid var(--line)}
.bases-electricite .section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center;margin-bottom:1.4rem}
.bases-electricite .section-head h2{margin:0}
.bases-electricite .section-head p:last-child{margin:0;max-width:62ch}
.bases-electricite .section h2{font-size:clamp(1.8rem,2.6vw,2.5rem)}
.bases-electricite .section h3{margin:0 0 1rem}
.bases-electricite .section>h3{margin-top:1.75rem}
.bases-electricite .small,.bases-electricite .hint{font-size:1rem;color:var(--muted)}
.bases-electricite .hint{margin:.4rem 0 0;line-height:1.5}
.bases-electricite .small{margin:1rem 0 0;max-width:95ch}
.bases-electricite .circuit-pair{margin:1.3rem 0;gap:1.5rem}
.bases-electricite .circuit-card{padding:1.4rem}
.bases-electricite .circuit-stage{max-width:410px}
.bases-electricite .direction-label{min-height:0;color:var(--ink)}
.bases-electricite .diagram-help{margin:.25rem 0 .75rem}
.bases-electricite .circuit-state{margin:0 0 .75rem}
.bases-electricite .takeaway{background:var(--pale);border-radius:10px;padding:1rem 1.3rem}
.bases-electricite .takeaway strong{color:var(--blue)}
.bases-electricite .lab{display:grid;grid-template-columns:1fr 1.15fr;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bases-electricite .lab-controls{padding:1.6rem}
.bases-electricite .presets{display:flex;flex-wrap:wrap;gap:.5rem}
.bases-electricite .presets button{font-size:.95rem;flex:1 1 140px}
.bases-electricite .presets [aria-pressed=true]{background:var(--blue);color:white}
.bases-electricite .slider-group{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.bases-electricite label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;margin:.6rem 0}
.bases-electricite label small{display:block;font-size:1rem;font-weight:400;line-height:1.5}
.bases-electricite label output{font-size:1.3rem;color:var(--blue);white-space:nowrap}
.bases-electricite input[type=range]{width:100%;min-height:44px;margin:.5rem 0 0;accent-color:var(--blue);cursor:pointer}
.bases-electricite select{width:100%;font:inherit;min-height:48px;padding:.7rem;border:1px solid var(--blue);border-radius:8px;background:white;color:var(--ink)}
.bases-electricite .heater-result{padding:1.6rem;background:var(--pale);align-self:stretch}
.bases-electricite .heater-result svg{display:block;width:100%;max-width:560px;margin:auto}
.bases-electricite .svg-label{font:700 24px "Atkinson Hyperlegible Next",Arial,sans-serif;fill:var(--ink);text-anchor:middle}
.bases-electricite .meter-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bases-electricite .meter-row>div{padding:1rem;background:white;border-radius:10px}
.bases-electricite .meter-row span,.bases-electricite .meter-row small{display:block;font-size:.95rem}
.bases-electricite .meter-row strong{display:block;font-size:clamp(1.8rem,2.7vw,2.8rem);color:var(--blue);line-height:1.4}
.bases-electricite .heat-track{height:14px;background:white;border-radius:8px;margin:1rem 0 .4rem;overflow:hidden}
.bases-electricite .heat-track span{display:block;height:100%;background:#B77900}
.bases-electricite .result-message{padding:1rem;background:white;border:1px solid var(--line);border-radius:8px;margin:1rem 0 0;line-height:1.5}
.bases-electricite .formula-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.bases-electricite .formula{background:var(--pale);border-radius:8px;padding:1.2rem;align-self:start}
.bases-electricite .formula>*{display:block}
.bases-electricite .formula strong{font-size:1.6rem;color:var(--blue);margin:.5rem 0}
.bases-electricite .formula small{font-size:1rem}
.bases-electricite .consumption-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.bases-electricite .photo-card{margin:0;border-radius:14px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.bases-electricite .photo-card img{width:100%;object-fit:cover;flex:1;min-height:0;aspect-ratio:1.4}
.bases-electricite .photo-card figcaption{padding:1rem 1.3rem;font-size:1rem}
.bases-electricite .panel{padding:1.6rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.bases-electricite .energy-total{display:flex;align-items:center;gap:1.2rem;margin:1rem 0;padding:1rem;background:var(--pale);border-radius:8px}
.bases-electricite .energy-total strong{font-size:2.2rem;color:var(--blue);white-space:nowrap}
.bases-electricite .energy-total span{font-size:1rem}
.bases-electricite .house-source{display:flex;flex-direction:column;text-align:center;color:var(--blue);padding:.5rem}
.bases-electricite .house-source span{color:var(--ink);font-size:1rem}
.bases-electricite .rooms{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:5px solid var(--blue);margin:1.4rem 0 0}
.bases-electricite .room{text-align:center;position:relative;padding:1rem;background:white;border-radius:0 0 10px 10px}
.bases-electricite .room:before{content:'';height:20px;position:absolute;top:0;left:50%;border-left:5px solid var(--blue)}
.bases-electricite .room svg{width:180px;display:block;margin:auto}
.bases-electricite .room h3{font-size:1.2rem}
.bases-electricite .room.off .room-glow{visibility:hidden}
.bases-electricite .room button{min-width:200px}
.bases-electricite .wire-grid,.bases-electricite .fault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}
.bases-electricite .wire-grid details,.bases-electricite .fault-grid details{margin:0;background:var(--surface)}
.bases-electricite .wire-grid summary{display:flex;align-items:center;gap:.7rem}
.bases-electricite .wire{width:12px;height:36px;display:inline-block;border:1px solid var(--ink);border-radius:6px;flex-shrink:0}
.bases-electricite .phase{background:#8D302D}
.bases-electricite .neutral{background:#83BCEE}
.bases-electricite .earth{background:repeating-linear-gradient(140deg,#F4D750 0 12px,#267443 12px 24px)}
.bases-electricite .related{display:flex;flex-direction:column;background:var(--pale);border-radius:10px;text-decoration:none;padding:1rem 1.3rem;margin-top:1rem}
.bases-electricite .related span{color:var(--ink);font-size:1rem}
.bases-electricite .quiz-choices{display:flex;gap:1rem;flex-wrap:wrap}
.bases-electricite .quiz-choices button{min-width:150px}
.bases-electricite .quiz-choices [aria-pressed=true]{background:var(--blue);color:white}
.bases-electricite details>div>p:last-child{margin-bottom:0}
.bases-electricite .section>details{margin-bottom:0}
.bases-electricite p{max-width:75ch}
.bases-electricite button:focus-visible,.bases-electricite input:focus-visible,.bases-electricite select:focus-visible,.bases-electricite summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.bases-electricite .hero-copy p{max-width:45ch}
@media(max-width:1000px){.bases-electricite .section-head{grid-template-columns:1fr;gap:1rem}
.bases-electricite .hero{grid-template-columns:1fr 1fr}
.bases-electricite .hero h1{font-size:2.5rem}
.bases-electricite .lab{grid-template-columns:1fr 1fr}
.bases-electricite .lab-controls,.bases-electricite .heater-result,.bases-electricite .panel{padding:1.2rem}
.bases-electricite .circuit-card{padding:1rem}
.bases-electricite .circuit-pair h3{font-size:1.25rem}
.bases-electricite .wire-grid,.bases-electricite .fault-grid{grid-template-columns:1fr}
.bases-electricite .formula-layout{grid-template-columns:1fr}
.bases-electricite .hero-copy{padding:1.5rem}}
@media(max-width:760px){.bases-electricite .page{padding:1rem}
.bases-electricite .header-inner{padding:.6rem 1rem}
.bases-electricite .header-inner span{display:none}
.bases-electricite .hero,.bases-electricite .lab,.bases-electricite .consumption-layout,.bases-electricite .circuit-pair{grid-template-columns:1fr}
.bases-electricite .hero-photo{min-height:240px}
.bases-electricite .hero h1{font-size:2.3rem}
.bases-electricite .hero-copy{padding:1.3rem}
.bases-electricite .section{padding:1.75rem 0}
.bases-electricite .quick-nav{gap:.4rem}
.bases-electricite .quick-nav a{flex:1 1 140px;text-align:center;padding:.6rem}
.bases-electricite .circuit-pair{gap:1rem}
.bases-electricite .circuit-pair h3{font-size:1.4rem}
.bases-electricite .circuit-stage{max-width:430px}
.bases-electricite .circuit-stage text{font-size:26px}
.bases-electricite .circuit-stage text.sign{font-size:36px}
.bases-electricite .sim-actions button{flex-basis:120px}
.bases-electricite .heater-result{padding:1rem}
.bases-electricite .meter-row{gap:.6rem}
.bases-electricite .meter-row>div{padding:.75rem}
.bases-electricite .meter-row strong{font-size:1.8rem}
.bases-electricite .energy-total{flex-wrap:wrap;gap:.4rem}
.bases-electricite .rooms{gap:.6rem}
.bases-electricite .room{padding:1rem .5rem}
.bases-electricite .room svg{max-width:100%}
.bases-electricite .room button{min-width:0;width:100%;padding:.6rem}
.bases-electricite .room h3{font-size:1.05rem}
.bases-electricite .formula strong{font-size:1.3rem}
.bases-electricite .quiz-choices{gap:.5rem}
.bases-electricite .quiz-choices button{min-width:0;flex:1 1 100px}
.bases-electricite .photo-card img{max-height:300px}
.bases-electricite .section-head{gap:1rem}
.bases-electricite .section,.bases-electricite .panel,.bases-electricite .lab-controls,.bases-electricite .heater-result{min-width:0;overflow-wrap:break-word}
.bases-electricite label{gap:.5rem}
.bases-electricite .presets button{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.bases-electricite{scroll-behavior:auto}
.bases-electricite [data-circuit] .electric-flow{animation:none}}
@media print{.bases-electricite button,.bases-electricite input,.bases-electricite select,.bases-electricite .quick-nav,.bases-electricite .review-bar,.bases-electricite .site-header{display:none}
.bases-electricite .page{padding:0}
.bases-electricite .section{break-inside:avoid}
.bases-electricite .electric-flow{animation:none}
.bases-electricite .hero-photo{min-height:200px}}
@media(max-width:760px){.bases-electricite .lab{overflow:visible}
.bases-electricite .mobile-live{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .8rem;background:var(--night);color:white;border-radius:8px;margin:0 0 1rem;font-size:.9rem}
.bases-electricite .mobile-live b{display:block;font-size:1.3rem}
.bases-electricite .lab input,.bases-electricite .lab button{scroll-margin-top:90px}}
.bases-electricite .section-head{display:block}
.bases-electricite .section-head>div{margin-bottom:1rem}
.bases-electricite .section-head>p{max-width:76ch}
.bases-electricite .section-head h2{max-width:36ch}
.bases-electricite .section-head .eyebrow{margin-bottom:.65rem}
.bases-electricite .circuit-pair{align-items:stretch;row-gap:0;column-gap:1.5rem}
.bases-electricite .circuit-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:0}
.bases-electricite .circuit-card>h3{grid-row:1;margin-bottom:.75rem}
.bases-electricite .circuit-card>.direction-label{grid-row:2;margin-bottom:.5rem}
.bases-electricite .circuit-card>.circuit-stage{grid-row:3;width:100%}
.bases-electricite .circuit-card>.explain-panel{grid-row:4}
.bases-electricite .circuit-card>.sim-actions{grid-row:5;align-self:end}
.bases-electricite .circuit-card>noscript{display:none}
.bases-electricite .circuit-stage text.source-rating{font-size:22px}
.bases-electricite .circuit-stage text.voltage-caption{font-size:25px;fill:var(--blue)}
.bases-electricite .hit-source,.bases-electricite .hit-lamp{top:32%;height:29%}
.bases-electricite .hit-switch{top:12%;height:20%}
.bases-electricite .live-formula{margin:1.3rem 0;max-width:none}
.bases-electricite .live-formula strong{font-size:clamp(1.3rem,2.4vw,1.9rem)}
.bases-electricite .formula-explanation{max-width:75ch}
.bases-electricite .supply-note{padding:.7rem .9rem;background:var(--pale);border-radius:8px;font-size:1rem}
.bases-electricite .fault-grid{align-items:stretch;margin-bottom:1.5rem}
.bases-electricite .fault-grid>details{height:100%}
.bases-electricite .fault-grid+.safety{margin-top:0}
.bases-electricite .heater-caption{font:20px "Atkinson Hyperlegible Next",Arial,sans-serif;fill:var(--muted);text-anchor:middle}
.bases-electricite .heater-motion-controls{margin-top:1rem}
.bases-electricite .heater-motion-controls button{font-size:.95rem;width:100%}
@media(max-width:760px){.bases-electricite .circuit-pair{row-gap:1rem}
.bases-electricite .circuit-card{display:block;grid-row:auto}
.bases-electricite .circuit-card>.sim-actions{display:flex}
.bases-electricite .circuit-card>.direction-label{margin-bottom:.75rem}
.bases-electricite .section-head h2{max-width:none}
.bases-electricite .heater-caption{font-size:22px}
.bases-electricite .live-formula{padding:1rem}
.bases-electricite .supply-note{padding:.7rem}}
@media(prefers-reduced-motion:reduce){.bases-electricite #heater-flow{animation:none}}
@media print{.bases-electricite #heater-flow{animation:none}
.bases-electricite .heater-motion-controls,.bases-electricite .mobile-live{display:none}}
.bases-electricite .energy-controls input:not([type=range]){width:100%;min-height:48px;padding:.7rem;border:1px solid var(--blue);border-radius:8px;background:white;color:var(--ink);font:inherit}
.bases-electricite .energy-controls label{display:block}
.bases-electricite .energy-controls .duration-slider-label{display:flex}
.bases-electricite .duration-fields{border:0;padding:0;margin:1.3rem 0}
.bases-electricite .duration-fields legend{font-weight:700;padding:0}
.bases-electricite .energy-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bases-electricite .energy-field-pair>div{min-width:0}
.bases-electricite .energy-controls [aria-invalid=true]{border-color:#7A4A00;outline:2px solid #7A4A00;outline-offset:1px}
.bases-electricite .field-error{color:#7A4A00;background:#FFF4D6;border-left:4px solid #B77900;padding:.7rem 1rem;margin:.7rem 0}
.bases-electricite .energy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.bases-electricite .energy-card{padding:1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;overflow-wrap:anywhere}
.bases-electricite .energy-card-year{background:var(--pale);border-color:var(--blue)}
.bases-electricite .energy-card h3{font-size:1.2rem}
.bases-electricite .energy-card strong,.bases-electricite .energy-card>span{display:block;color:var(--blue);font-variant-numeric:tabular-nums}
.bases-electricite .energy-card strong{font-size:clamp(1.6rem,2.5vw,2.5rem)}
.bases-electricite .energy-card>span{font-size:1.6rem;font-weight:700;margin:.3rem 0}
.bases-electricite .energy-card p{font-size:1rem;margin:.5rem 0 0}
.bases-electricite .energy-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bases-electricite #energy-results[hidden],.bases-electricite .energy-controls [hidden]{display:none}
@media(max-width:760px){.bases-electricite .energy-cards{grid-template-columns:1fr}
.bases-electricite .energy-card{padding:1.2rem}
.bases-electricite .energy-card strong{font-size:2rem}
.bases-electricite .energy-period-price{grid-template-columns:1fr}}
.bases-electricite .fault-story{display:flex;flex-direction:column;padding:1.4rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0;overflow-wrap:break-word}
.bases-electricite .fault-story h3{font-size:1.4rem;margin-bottom:.5rem}
.bases-electricite .fault-story p{font-size:1rem;margin:0 0 1rem}
.bases-electricite .fault-story .fault-lead{font-weight:700;color:var(--blue)}
.bases-electricite .fault-story .fault-lesson{border-top:1px solid var(--line);padding-top:1rem;margin:auto 0 0}
.bases-electricite .outage-observation{margin:1.8rem 0}
.bases-electricite .outage-observation h3{font-size:1.3rem}
.bases-electricite .outage-observation p{max-width:76ch}
.bases-electricite .learning-recap{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:0;margin:1.4rem 0}
.bases-electricite .learning-recap li{padding:1.2rem;background:var(--pale);border-radius:10px}
.bases-electricite .learning-recap strong{display:block;color:var(--blue);margin-bottom:.4rem}
.bases-electricite .closing-note{margin:1.5rem 0 0}
.bases-electricite .site-footer{padding-bottom:5.5rem}
@media(max-width:760px){.bases-electricite .learning-recap{grid-template-columns:1fr}
.bases-electricite .fault-story{padding:1.2rem}
.bases-electricite .article-conclusion{padding-bottom:2.5rem}}
@media print{.bases-electricite .o-back-to-top{display:none}}
.bases-electricite .hero-photo{align-self:center;min-height:0;background:var(--night)}
.bases-electricite .hero-photo img{position:static;display:block;height:auto;aspect-ratio:3/2;object-fit:contain}
.bases-electricite .hero-photo figcaption{position:static}
.bases-electricite .intro-illustrated{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2rem;margin-top:1.4rem}
.bases-electricite .intro-illustrated>p{margin:0;max-width:76ch}
.bases-electricite .intro-photo{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.bases-electricite .intro-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.bases-electricite .intro-photo figcaption{padding:1rem;font-size:1rem}
.bases-electricite .intro-photo figcaption strong{display:block;color:var(--blue);margin-bottom:.3rem}
.bases-electricite .photo-credit{display:block;font-size:.85rem;line-height:1.5;margin-top:.5rem}
.bases-electricite .photo-credit a{color:var(--blue)}
.bases-electricite .intro-illustrated-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bases-electricite .intro-illustrated-reverse>p{grid-column:2;grid-row:1}
.bases-electricite .intro-illustrated-reverse>.photo-comparison{grid-column:1;grid-row:1;min-width:0}
.bases-electricite .photo-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.bases-electricite .photo-comparison .photo-note{font-size:.9rem;margin:.8rem 0 0;max-width:none}
@media(max-width:760px){.bases-electricite .intro-illustrated,.bases-electricite .intro-illustrated-reverse{grid-template-columns:minmax(0,1fr);gap:1.2rem}
.bases-electricite .intro-illustrated-reverse>p,.bases-electricite .intro-illustrated-reverse>.photo-comparison{grid-column:auto;grid-row:auto}
.bases-electricite .intro-photo figcaption{padding:.8rem}}
.bases-electricite .notion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.bases-electricite .notion{padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.bases-electricite .notion h3{font-size:1.2rem}
.bases-electricite .notion p{font-size:1rem}
.bases-electricite .notion .notion-example{margin:0;border-top:1px solid var(--line);padding-top:.8rem}
.bases-electricite .marker-note{margin:0 0 1.2rem}
.bases-electricite .appliance-guide{align-self:start;padding:1.6rem;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.bases-electricite .example-label{padding:1.4rem;background:white;border:2px solid var(--ink);border-radius:8px;margin:1.5rem 0}
.bases-electricite .example-label>span{font-weight:700;font-size:.9rem}
.bases-electricite .example-label>strong{display:block;font-size:2.3rem;color:var(--blue);margin-top:1rem}
.bases-electricite .example-label>p{font-size:1rem;margin:0}
.bases-electricite .phase-colors{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;margin:1rem 0 1.5rem}
.bases-electricite .phase-colors span{display:inline-flex;align-items:center;gap:.5rem}
.bases-electricite .phase-colors i{display:block;width:12px;height:30px;border:1px solid var(--ink);border-radius:6px}
.bases-electricite .wire-grid summary{list-style:none}
.bases-electricite .wire-grid summary::-webkit-details-marker{display:none}
.bases-electricite .wire-grid summary:after{content:'+';margin-left:auto;font-size:1.5rem}
.bases-electricite .wire-grid details[open] summary:after{content:'−'}
.bases-electricite .quiz-grid{display:grid;gap:1.5rem}
.bases-electricite .quiz-question{border:1px solid var(--line);border-radius:14px;padding:1.2rem;margin:0;min-width:0;background:var(--surface)}
.bases-electricite .quiz-question legend{float:left;width:100%;font-weight:700;padding:0;margin:0 0 1rem;max-width:100%}
.bases-electricite .quiz-feedback:empty{border:0;padding:0;margin:0}
.bases-electricite .quiz-question .quiz-choices button{min-width:100px;min-height:44px;width:auto;flex:0 0 auto;padding:.5rem 1rem;box-shadow:0 2px 5px rgba(3,24,43,.12)}
.bases-electricite .quiz-choices button[data-result="correct"],.bases-electricite .quiz-feedback[data-result="correct"]{background:#ECFDF3;border-color:#4B9B6C;color:#105B55}
.bases-electricite .quiz-choices button[data-result="incorrect"],.bases-electricite .quiz-feedback[data-result="incorrect"]{background:#FDECEF;border-color:#D9485F;color:#C61530}
.bases-electricite .quiz-feedback[data-result]{color:#1A1A1A}
.bases-electricite .answer-icon{display:inline-block;margin-right:.6rem;font-size:1.2em;font-weight:700}
.bases-electricite .fault-stories>.fault-detail{display:block;padding:0;margin:0;min-width:0;align-self:start;height:auto}
.bases-electricite .fault-detail>summary{display:flex;align-items:flex-start;gap:1rem;list-style:none;padding:1.4rem}
.bases-electricite .fault-detail>summary::-webkit-details-marker{display:none}
.bases-electricite .fault-detail>summary::after{content:'+';font-size:1.5rem;line-height:1;flex-shrink:0;margin-left:auto}
.bases-electricite .fault-detail[open]>summary::after{content:'−'}
.bases-electricite .fault-detail>summary strong{display:block;font-size:1.3rem;margin-bottom:.4rem}
.bases-electricite .fault-detail>summary .fault-lead{display:block;font-size:1rem}
.bases-electricite .fault-detail>.fault-detail-body{padding:1rem 1.4rem 1.4rem}
.bases-electricite .fault-detail .fault-lesson{margin-top:1.3rem}
.bases-electricite .hero>*{min-width:0}
.bases-electricite .page{overflow-wrap:break-word}
.bases-electricite .meter-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.bases-electricite .meter-row strong,.bases-electricite .formula strong{overflow-wrap:anywhere}
.bases-electricite select{max-width:100%}
.bases-electricite .appliance-guide,.bases-electricite .duration-fields{min-width:0}
.bases-electricite .duration-fields legend{max-width:100%}
.bases-electricite .energy-controls .duration-slider-label{flex-wrap:wrap}
.bases-electricite .energy-field-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1000px){.bases-electricite .notion-grid{grid-template-columns:1fr}}
@media(max-width:760px){.bases-electricite .appliance-guide{padding:1.2rem}
.bases-electricite .hero h1{font-size:clamp(1.8rem,8vw,2.3rem)}}
@media(max-width:760px){.bases-electricite .energy-period-price{grid-template-columns:1fr}
.bases-electricite .page{padding:16px}
.bases-electricite .hero-copy,.bases-electricite .circuit-card,.bases-electricite .lab-controls,.bases-electricite .heater-result,.bases-electricite .panel,.bases-electricite .appliance-guide,.bases-electricite .quiz-question,.bases-electricite .notion,.bases-electricite .fault-story{padding:clamp(12px,4vw,20px)}
.bases-electricite .notion,.bases-electricite .mobile-live>span,.bases-electricite .slider-group label>span{min-width:0}
.bases-electricite .mobile-live,.bases-electricite .slider-group label{flex-wrap:wrap}
.bases-electricite button,.bases-electricite .button{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.bases-electricite .meter-row>div{padding:clamp(8px,2vw,12px)}
.bases-electricite .meter-row strong{font-size:clamp(1.4rem,7vw,1.8rem)}
.bases-electricite .takeaway,.bases-electricite .example-label,.bases-electricite .formula,.bases-electricite .result-message,.bases-electricite .supply-note,.bases-electricite .learning-recap li{padding:clamp(12px,4vw,20px)}}
.bases-electricite .video-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:2rem;align-items:center;padding:1.5rem;margin:2rem 0;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.bases-electricite .video-feature .video-channel{font-weight:700;color:var(--blue);margin:0 0 .5rem}
.bases-electricite .video-feature h3{margin-top:0}
.bases-electricite .video-feature .video-note{font-size:.9rem}
.bases-electricite .video-player{aspect-ratio:16/9;min-width:0;overflow:hidden;border-radius:12px;background:#031b2b}
.bases-electricite .video-player iframe{display:block;width:100%;height:100%;border:0}
.bases-electricite .video-player .video-launch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;width:100%;height:100%;background:#031b2b;color:white;border:0;border-radius:12px;padding:1.2rem;cursor:pointer}
.bases-electricite .video-player .video-launch[hidden]{display:none}
.bases-electricite .video-launch .video-brand{align-self:flex-start;font-size:1rem;font-weight:700}
.bases-electricite .video-launch .video-play{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--blue);color:white;font-size:1.4rem}
.bases-electricite .video-launch small{font-weight:400;font-size:.8rem}
.bases-electricite .video-launch:hover .video-play{background:#007cba}
.bases-electricite .video-launch:focus-visible{outline:3px solid #007cba;outline-offset:-5px}
@media(max-width:760px){.bases-electricite .video-feature{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}
.bases-electricite .video-launch small{font-size:.75rem}}
.bases-electricite .video-launch .video-play{flex-shrink:0}
@media(max-width:760px){.bases-electricite .video-player{min-height:220px}
.bases-electricite .video-player .video-launch{min-height:220px}}
@media(max-width:760px){.bases-electricite .video-player{aspect-ratio:auto;width:100%;height:220px}}
.bases-electricite .editorial-note{font-style:italic}
.bases-electricite .intro-illustrated{align-items:start}
.bases-electricite #grandeurs .intro-illustrated{grid-template-columns:minmax(0,1fr) minmax(0,380px)}
.bases-electricite .fault-stories>.fault-detail[open]{align-self:stretch;height:100%}
@media(max-width:760px){.bases-electricite #grandeurs .intro-illustrated{grid-template-columns:minmax(0,1fr)}
.bases-electricite .fault-stories>.fault-detail[open]{height:auto}}
.bases-electricite .circuit-foundations{max-width:75ch;padding-left:1.4rem;margin:1rem 0 1.3rem}
.bases-electricite .circuit-foundations li{margin:.7rem 0}
.bases-electricite .circuit-card>h4{grid-row:1;margin:0 0 .75rem;color:var(--blue);font-size:1.4rem;line-height:1.4}
@media(max-width:1000px){.bases-electricite .circuit-card>h4{font-size:1.25rem}}
.bases-electricite .current-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}
.bases-electricite .current-kind{padding:1.5rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}
.bases-electricite .current-kind h4{display:flex;align-items:center;gap:.75rem;color:var(--blue);font-size:1.4rem;margin:0 0 1rem}
.bases-electricite .current-badge{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:8px;background:var(--pale);font-size:2rem;flex-shrink:0}
.bases-electricite .current-kind-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(120px,1fr);gap:1rem;align-items:center}
.bases-electricite .current-kind-body p{margin:0 0 .75rem}
.bases-electricite .current-kind-body p:last-child{margin-bottom:0}
.bases-electricite .current-sketch{display:block;width:100%;height:auto;color:var(--blue)}
.bases-electricite .sketch-wire{fill:none;stroke:var(--muted);stroke-width:4}
.bases-electricite .sketch-flow{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 15;animation:bases-current-dc 1s linear infinite;animation-play-state:paused}
.bases-electricite .sketch-source{fill:var(--pale);stroke:var(--blue);stroke-width:3}
.bases-electricite .sketch-symbol{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round}
.bases-electricite .current-sketch.ac .sketch-flow{animation-name:bases-current-ac;animation-duration:2s;animation-timing-function:ease-in-out}
.bases-electricite .current-comparison.is-animated .sketch-flow{animation-play-state:running}
.bases-electricite .current-comparison.is-paused .sketch-flow{animation-play-state:paused}
.bases-electricite .current-direction{font-weight:700;color:var(--blue);border-top:1px solid var(--line);padding-top:1rem;margin:1rem 0 0}
.bases-electricite .current-comparison-footer{grid-column:1/-1;display:flex;align-items:center;gap:1rem;justify-content:space-between}
.bases-electricite .current-comparison-footer p{margin:0}
.bases-electricite .current-comparison-footer button{flex-shrink:0}
@keyframes bases-current-dc{to{stroke-dashoffset:-16}}
@keyframes bases-current-ac{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:-40}}
.bases-electricite .body-current-table table{width:100%;border-collapse:collapse;table-layout:fixed;margin:1.5rem 0;background:var(--surface)}
.bases-electricite .body-current-table caption{text-align:left;font-weight:700;color:var(--blue);padding:1rem;background:var(--pale)}
.bases-electricite .body-current-table caption span{display:block;font-weight:400;color:var(--ink);margin-top:.4rem}
.bases-electricite .body-current-table th{width:30%;text-align:left;vertical-align:top;padding:1rem;border:1px solid var(--line)}
.bases-electricite .body-current-table td{padding:1rem;vertical-align:top;border:1px solid var(--line)}
.bases-electricite .body-current-table thead{background:var(--pale)}
.bases-electricite .body-current-table details{margin:.75rem 0 0;background:transparent;border:0;padding:0}
.bases-electricite .body-current-table summary{padding:.25rem 0;color:var(--blue);min-height:44px;display:list-item}
.bases-electricite .body-current-table details p{margin:.5rem 0 0;padding:0}
@media(max-width:1000px){.bases-electricite .current-kind-body{grid-template-columns:1fr}
.bases-electricite .current-sketch{max-width:220px;margin:auto}}
@media(max-width:760px){.bases-electricite .current-comparison{grid-template-columns:1fr}
.bases-electricite .current-comparison-footer{flex-direction:column;align-items:stretch}
.bases-electricite .body-current-table th{width:34%;padding:.75rem .5rem}
.bases-electricite .body-current-table td{padding:.75rem .5rem}
.bases-electricite .current-kind{padding:1rem}}
@media(prefers-reduced-motion:reduce){.bases-electricite .current-comparison .sketch-flow{animation:none}}
.bases-electricite .body-current-table thead th{width:auto}
.bases-electricite .body-current-table thead th:first-child{width:30%}
@media(max-width:760px){.bases-electricite .body-current-table thead th:first-child{width:34%}}
.bases-electricite .current-sketch .sketch-flow{stroke:#c63338;stroke-width:6}
.bases-electricite .sketch-lamp-halo{fill:#fff2c5}
.bases-electricite .sketch-lamp{fill:#ffe6a0;stroke:var(--blue);stroke-width:3}
.bases-electricite .sketch-arrow{stroke:#c63338;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bases-electricite .sketch-polarity{fill:var(--blue);font-weight:700;font-size:22px}
.bases-electricite .body-risk-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem;align-items:start;margin:1.5rem 0}
.bases-electricite .body-risk-figure{margin:0;padding:1rem;background:var(--pale);border-radius:14px}
.bases-electricite .body-risk-figure svg{display:block;width:100%;max-width:380px;margin:auto}
.bases-electricite .body-risk-figure figcaption{font-size:.9rem;line-height:1.6;font-style:italic;padding:.75rem}
.bases-electricite .body-risk-explanations h3{margin-top:0}
.bases-electricite .body-risk-explanations ol{padding-left:1.5rem}
.bases-electricite .body-risk-explanations li{padding-left:.4rem;margin-bottom:1.2rem}
.bases-electricite .body-risk-explanations li::marker{font-weight:700;color:var(--blue)}
.bases-electricite .risk-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}
.bases-electricite .risk-types>div{padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.bases-electricite .risk-types h3{margin-top:0}
.bases-electricite .risk-types p{margin-bottom:0}
.bases-electricite .risk-extra{margin:1rem 0}
@media(max-width:760px){.bases-electricite .body-risk-layout{grid-template-columns:1fr;gap:1.25rem}
.bases-electricite .risk-types{grid-template-columns:1fr}
.bases-electricite .body-risk-figure{padding:.5rem}}
.bases-electricite .safety-intro{display:flex;align-items:center;gap:1rem;max-width:none}
.bases-electricite .safety-intro p{margin:0}
.bases-electricite .danger-icon{width:64px;height:60px;flex:0 0 64px}
.bases-electricite [data-circuit="dc"] text.white{fill:#1A1A1A}
.bases-electricite .battery-level{fill:#FFB566;transform-box:fill-box;transform-origin:center bottom;transition:transform 1s linear}
.bases-electricite .battery-info{margin-top:1rem}
.bases-electricite .battery-info [data-battery-label]{font-weight:700;color:#0060A1;margin-bottom:.5rem}
.bases-electricite .battery-info button{width:100%;margin-bottom:1rem}
.bases-electricite .is-depleted .lamp-halo{opacity:0}
.bases-electricite .is-depleted .electric-flow{visibility:hidden}
.bases-electricite .is-depleted .filament{stroke:#7C8793}
.bases-electricite .is-depleted .lamp-glass{fill:#F4F6F8}
.bases-electricite .network-energy{margin-top:1rem}
@media(prefers-reduced-motion:reduce){.bases-electricite .battery-level{transition:none}}
@media(max-width:480px){.bases-electricite .danger-icon{width:48px;height:45px;flex-basis:48px}
.bases-electricite .safety-intro{align-items:flex-start;gap:.75rem}}
.bases-electricite .section{padding:3rem 0;scroll-margin-top:1.5rem}
.bases-electricite .section h2{font-size:clamp(1.875rem,2.5vw,2.25rem);line-height:1.2;margin-bottom:1rem}
.bases-electricite .section-head{margin-bottom:1.5rem}
.bases-electricite .section-head>div{margin-bottom:0}
.bases-electricite .section-head h2{max-width:38ch}
.bases-electricite .section-head p:last-child{margin-bottom:0}
.bases-electricite .section>h3{margin-top:2rem}
.bases-electricite .section p{max-width:72ch}
.bases-electricite .notion h4,.bases-electricite .wire-roles h4{font-size:1.3125rem;line-height:1.35;color:var(--blue);margin:0 0 1rem}
.bases-electricite .small,.bases-electricite .hint,.bases-electricite .editorial-note{line-height:1.6}
.bases-electricite .article-nav{width:fit-content;max-width:100%;margin:0 0 1.5rem;border-radius:12px;background:white;overflow:visible}
.bases-electricite .article-nav>summary{display:flex;align-items:center;gap:1rem;list-style:none;padding:1rem}
.bases-electricite .article-nav>summary::-webkit-details-marker{display:none}
.bases-electricite .article-nav>summary::after{content:'+';margin-left:auto;font-size:1.5rem;line-height:1}
.bases-electricite .article-nav[open]>summary::after{content:'−'}
.bases-electricite .toc-hint{font-weight:400;font-size:.875rem;color:var(--muted)}
.bases-electricite .article-nav[open] .toc-hint{display:none}
.bases-electricite .article-nav>.quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,max-content));gap:.75rem;padding:0 1rem 1rem;margin:0}
.bases-electricite .article-nav .quick-nav a{display:flex;align-items:center;min-width:0;min-height:44px;padding:.5rem .75rem;border:1px solid #4D91BA;border-radius:8px;background:var(--pale);box-shadow:0 2px 4px rgba(3,24,43,.08);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.bases-electricite .article-nav .quick-nav a:hover{border-color:var(--blue);background:var(--pale);box-shadow:0 4px 12px rgba(3,24,43,.12);color:var(--hover);text-decoration:underline}
.bases-electricite .article-nav .quick-nav a:focus-visible{box-shadow:0 0 0 3px #fff}
.bases-electricite .safety-intro{margin-bottom:0}
.bases-electricite .safety-intro p{max-width:90ch}
.bases-electricite .circuit-foundations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;max-width:none;padding:0;margin:2rem 0 2.5rem}
.bases-electricite .circuit-foundations li{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(3,24,43,.08);padding:1.5rem;margin:0;min-width:0}
.bases-electricite .foundation-icon{width:48px;height:48px;padding:8px;border-radius:8px;background:var(--pale);stroke:var(--blue);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bases-electricite .circuit-foundations li>div{display:contents}
.bases-electricite .circuit-foundations li>div>strong{display:block;align-self:center;min-width:0;color:var(--blue);font-size:1.2rem;line-height:1.35;margin:0;overflow-wrap:anywhere}
.bases-electricite .circuit-foundations p{grid-column:1/-1;margin:0;font-size:1rem}
.bases-electricite .circuit-foundations p strong{display:inline}
.bases-electricite .current-kind{display:flex;flex-direction:column}
.bases-electricite .current-direction{margin-top:auto;padding-top:1rem}
.bases-electricite .current-kind-body{margin-bottom:1rem}
.bases-electricite .current-kind-body>div{min-width:0}
.bases-electricite #pourquoi-deux-courants{margin:2rem 0}
.bases-electricite .solar-uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}
.bases-electricite .solar-uses .notion>p:last-child{margin-bottom:0}
.bases-electricite .energy-route{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1.25rem;padding:0;font-size:1rem;line-height:1.35}
.bases-electricite .energy-route li{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:80px;padding:.75rem .5rem;border-radius:8px;background:white;text-align:center;font-weight:700;color:var(--blue)}
.bases-electricite .energy-route li+li::before{content:'→';position:absolute;left:-.95rem;top:50%;transform:translateY(-50%);font-weight:700}
.bases-electricite .energy-route small{display:block;font-size:.875rem;font-weight:400;color:var(--muted);margin-top:.25rem}
.bases-electricite .lamp-demos>.circuit-card{grid-row:span 6}
.bases-electricite .lamp-demos .battery-info,.bases-electricite .lamp-demos .network-energy{grid-row:6;align-self:start;margin-top:1rem}
.bases-electricite .lamp-demos .circuit-stage{max-width:430px}
.bases-electricite .battery-info .small{margin:0 0 .75rem}
.bases-electricite .battery-info button{margin-bottom:0}
.bases-electricite .lamp-demos .sim-actions{padding-top:.5rem}
.bases-electricite #grandeurs .intro-copy{min-width:0}
.bases-electricite #grandeurs .intro-copy h2{margin:0 0 1rem}
.bases-electricite #grandeurs .intro-copy p{margin:0}
.bases-electricite #grandeurs .intro-photo{align-self:start}
.bases-electricite .intro-illustrated-reverse{align-items:center}
.bases-electricite .photo-comparison-grid>.intro-photo{display:flex;flex-direction:column}
.bases-electricite .photo-comparison-grid figcaption{flex:1}
.bases-electricite .photo-comparison-grid figcaption strong{margin:0}
.bases-electricite .notion-grid>.notion{display:flex;flex-direction:column}
.bases-electricite .notion .notion-example{margin-top:auto}
.bases-electricite .notion p,.bases-electricite .fault-story p{font-size:1.0625rem}
.bases-electricite .consumption-layout{align-items:start}
.bases-electricite .appliance-guide{padding:0;margin:0}
.bases-electricite .appliance-guide>summary{display:flex;align-items:center;gap:1rem;list-style:none;padding:1.5rem}
.bases-electricite .appliance-guide>summary::-webkit-details-marker{display:none}
.bases-electricite .appliance-guide>summary h3{margin:0;font-size:1.4rem}
.bases-electricite .appliance-guide>summary::after{content:'+';margin-left:auto;font-size:1.5rem}
.bases-electricite .appliance-guide[open]>summary::after{content:'−'}
.bases-electricite .appliance-guide>.guide-body{padding:0 1.5rem 1.5rem}
.bases-electricite .guide-body .example-label{margin-top:0}
.bases-electricite .energy-assumptions{font-style:italic}
.bases-electricite .risk-reference-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.5rem;align-items:start;margin:1.5rem 0 0}
.bases-electricite .body-current-reference{border-top:3px solid var(--blue);padding-top:1.25rem;min-width:0}
.bases-electricite .rcd-reference{padding:1.5rem;background:var(--pale);border:1px solid var(--line);border-radius:14px;min-width:0}
.bases-electricite .risk-reference-grid h3{font-size:1.4rem;line-height:1.35;margin:0 0 1rem}
.bases-electricite .rcd-reference>p:last-child{margin-bottom:0}
.bases-electricite .body-current-table table{margin:1rem 0 0;font-size:1rem}
.bases-electricite .body-current-table th,.bases-electricite .body-current-table td{padding:.75rem}
.bases-electricite .body-current-reference .risk-extra>div{padding:0 1rem 1rem}
.bases-electricite .risk-types h3{font-size:1.4rem;line-height:1.35}
.bases-electricite .fault-detail>summary{min-height:116px;padding:1.25rem}
.bases-electricite .fault-detail[open]>summary{border-bottom:1px solid var(--line)}
.bases-electricite .fault-detail>.fault-detail-body{padding:1.25rem}
.bases-electricite .wire-roles .fault-story{align-self:stretch}
.bases-electricite .quiz-question .quiz-choices{clear:both;gap:.75rem}
.bases-electricite .quiz-question .quiz-feedback{margin-top:1rem}
.bases-electricite .quiz-question .quiz-feedback:empty{margin:0}
.bases-electricite #source-risques h2{font-size:1.4rem}
.bases-electricite #source-risques p{font-size:1rem}
@media(max-width:1000px){.bases-electricite .circuit-foundations{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0 2rem}
.bases-electricite .circuit-foundations li{padding:1.25rem}
.bases-electricite .article-nav>.quick-nav{grid-template-columns:repeat(2,minmax(0,max-content))}
.bases-electricite .fault-detail>summary{min-height:0}}
@media(max-width:760px){.bases-electricite .page{font-size:17px;line-height:1.65}
.bases-electricite .section{padding:2rem 0;scroll-margin-top:88px}
.bases-electricite [id]{scroll-margin-top:88px}
.bases-electricite .section h2{font-size:1.875rem;letter-spacing:-.02em}
.bases-electricite .section h3{line-height:1.35}
.bases-electricite .section-head{margin-bottom:1.25rem}
.bases-electricite .article-nav{position:sticky;top:8px;z-index:4;width:100%;margin-bottom:1rem}
.bases-electricite .article-nav[open]{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
.bases-electricite .mobile-live{top:72px}
.bases-electricite .slider-group label>span{flex:1 1 0;min-width:0}
.bases-electricite .slider-group label>output{flex-shrink:0}
.bases-electricite .article-nav>summary{padding:.75rem 1rem;min-height:56px}
.bases-electricite .toc-hint{display:none}
.bases-electricite .article-nav>.quick-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0 .75rem .75rem}
.bases-electricite .article-nav .quick-nav a{text-align:left;min-height:48px;padding:.5rem;font-size:.95rem}
.bases-electricite .solar-uses,.bases-electricite .risk-reference-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem}
.bases-electricite .energy-route{gap:.75rem;font-size:.95rem}
.bases-electricite .energy-route li{padding:.6rem .3rem}
.bases-electricite .energy-route li+li::before{left:-.75rem}
.bases-electricite .lamp-demos>.circuit-card{grid-row:auto;display:flex;flex-direction:column}
.bases-electricite .lamp-demos .sim-actions{flex-direction:row}
.bases-electricite .lamp-demos .sim-actions button{flex-basis:120px}
.bases-electricite .current-direction{margin-top:0}
.bases-electricite .presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.bases-electricite .presets button:first-child{grid-column:1/-1}
.bases-electricite .presets button{font-size:1rem;padding:.65rem .5rem}
.bases-electricite .appliance-guide{padding:0}
.bases-electricite .appliance-guide>summary{padding:1rem}
.bases-electricite .appliance-guide>.guide-body{padding:0 1rem 1rem}
.bases-electricite .energy-cards{gap:.75rem}
.bases-electricite .energy-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;padding:1rem;align-items:baseline}
.bases-electricite .energy-card h3,.bases-electricite .energy-card p{grid-column:1/-1}
.bases-electricite .energy-card h3{margin:0 0 .5rem;font-size:1.1rem}
.bases-electricite .energy-card strong{font-size:1.65rem}
.bases-electricite .energy-card>span{font-size:1.35rem;text-align:right;margin:0}
.bases-electricite .rcd-reference{padding:1.1rem}
.bases-electricite .body-risk-figure svg{max-width:300px}
.bases-electricite .body-current-reference .risk-extra>div{padding:0 .75rem .75rem}
.bases-electricite .body-current-table table{font-size:.95rem}
.bases-electricite .body-current-table th,.bases-electricite .body-current-table td{padding:.6rem .5rem}
.bases-electricite .fault-detail>summary,.bases-electricite .fault-detail>.fault-detail-body{padding:1rem}
.bases-electricite .quiz-question .quiz-choices{display:flex;flex-wrap:wrap}
.bases-electricite .quiz-question .quiz-choices button{max-width:100%}}
@media print{.bases-electricite .article-nav{display:none}}
.bases-post-shell{margin:0!important;padding:0!important;max-width:none!important}.bases-post-shell>.wp-block-post-content{max-width:none!important;margin:0!important}.bases-electricite{width:100%}.bases-electricite .page{margin-inline:auto}.bases-post-shell .wp-block-post-content>*{max-width:none}.bases-electricite h1{font-weight:700}.bases-electricite [data-bases-article]{scroll-margin-top:1rem}

body.bases-article-page .o-footer-links a{overflow-wrap:anywhere;white-space:normal}

/* Contextual explanations: native disclosures, closed until requested. */
.bases-electricite details.info-note{margin:1rem 0;border:1px solid var(--line);border-radius:8px;background:var(--pale);align-self:start;min-width:0;font-style:normal}
.bases-electricite .info-note>summary{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .75rem;font-size:.875rem;line-height:1.4;list-style:none}
.bases-electricite .info-note>summary::-webkit-details-marker{display:none}
.bases-electricite .info-note>summary::after{content:'+';margin-left:auto;font-size:1.25rem;line-height:1;flex-shrink:0}
.bases-electricite .info-note[open]>summary::after{content:'−'}
.bases-electricite .info-note>summary:hover{background:var(--pale);color:var(--hover)}
.bases-electricite .info-note>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px;border-radius:8px}
.bases-electricite .info-note-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.25rem;height:1.25rem;border:1px solid currentColor;border-radius:50%;font-size:.875rem}
.bases-electricite .info-note>div{padding:.75rem 1rem;border-top:1px solid var(--line);background:white;color:var(--ink);font-size:1rem;line-height:1.65}
.bases-electricite .info-note>div>p{margin:0;font-style:normal}
.bases-electricite .current-comparison-footer>.info-note{flex:1;margin:0}
.bases-electricite .battery-info>.info-note{margin:0 0 .75rem}
.bases-electricite figcaption>.info-note{margin:0}

/* Article-only depth. Small hover lift requested; never animate on touch or reduced motion. */
.bases-electricite :is(.circuit-card,.current-kind,.circuit-foundations>li,.notion,.panel,.lab,.energy-card,.fault-story,.quiz-question,.learning-recap>li,.risk-types>div,.rcd-reference,.body-risk-figure,.photo-card,.intro-photo,.video-feature,.takeaway,.formula,.related,.article-nav .quick-nav a,details:not(.article-nav)) {
 box-shadow:0 3px 10px rgba(3,24,43,.10),0 1px 3px rgba(3,24,43,.06);
}
@media (hover:hover) and (pointer:fine) {
 .bases-electricite :is(.circuit-card,.current-kind,.circuit-foundations>li,.notion,.panel,.lab,.energy-card,.fault-story,.quiz-question,.learning-recap>li,.risk-types>div,.rcd-reference,.body-risk-figure,.photo-card,.intro-photo,.video-feature,.takeaway,.formula,.related,.article-nav .quick-nav a,details:not(.article-nav)) {
  transition:box-shadow 160ms ease;
 }
 .bases-electricite :is(.circuit-card,.current-kind,.circuit-foundations>li,.notion,.panel,.lab,.energy-card,.fault-story,.quiz-question,.learning-recap>li,.risk-types>div,.rcd-reference,.body-risk-figure,.photo-card,.intro-photo,.video-feature,.takeaway,.formula,.related,.article-nav .quick-nav a,details:not(.article-nav)):hover {
  box-shadow:0 7px 18px rgba(3,24,43,.16),0 2px 5px rgba(3,24,43,.08);
 }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .bases-electricite :is(.circuit-card,.current-kind,.circuit-foundations>li,.notion,.panel,.lab,.energy-card,.fault-story,.quiz-question,.learning-recap>li,.risk-types>div,.rcd-reference,.body-risk-figure,.photo-card,.intro-photo,.video-feature,.takeaway,.formula,.related,.article-nav .quick-nav a,details:not(.article-nav)) {
  transition:box-shadow 160ms ease,translate 160ms ease;
 }
 .bases-electricite :is(.circuit-card,.current-kind,.circuit-foundations>li,.notion,.panel,.lab,.energy-card,.fault-story,.quiz-question,.learning-recap>li,.risk-types>div,.rcd-reference,.body-risk-figure,.photo-card,.intro-photo,.video-feature,.takeaway,.formula,.related,.article-nav .quick-nav a,details:not(.article-nav)):hover:not(:focus-within) {translate:0 -2px}
}

/* Editorial rhythm: shared left edge, wider reading area, sequential explanations. */
.bases-electricite .section{padding:1.5rem 0}
.bases-electricite .section-head{margin-bottom:2rem}
.bases-electricite .section-head h2{max-width:none;margin:0 0 1.25rem;text-align:left;text-wrap:balance}
.bases-electricite .section-head>p{max-width:100ch;margin:0;}
.bases-electricite .section>h3{max-width:none;margin:2rem 0 1.25rem;text-align:left;text-wrap:balance}
.bases-electricite .section>p:not(.takeaway):not(.formula):not(.result-message){max-width:100ch;margin-left:0;margin-right:0}
.bases-electricite .section>.takeaway{max-width:none;margin:1.5rem 0;padding:1.25rem 1.5rem}
.bases-electricite .section>details{margin:1.5rem 0}
.bases-electricite .section>.circuit-pair,.bases-electricite .section>.notion-grid,.bases-electricite .section>.risk-types,.bases-electricite .section>.risk-reference-grid{margin-top:1.5rem;margin-bottom:1.5rem}
.bases-electricite .current-comparison{margin:1.5rem 0}
.bases-electricite .circuit-foundations{margin:1.5rem 0 2rem}
.bases-electricite .article-nav{margin-left:0;margin-right:0}
.bases-electricite #pourquoi-deux-courants{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:2rem 0}
.bases-electricite #pourquoi-deux-courants>h3,.bases-electricite #pourquoi-deux-courants>p:first-of-type,.bases-electricite #pourquoi-deux-courants>.solar-uses,.bases-electricite #pourquoi-deux-courants>.info-note{grid-column:1/-1;margin:0}
.bases-electricite #pourquoi-deux-courants>h3{text-align:left;text-wrap:balance}
.bases-electricite #pourquoi-deux-courants>p:first-of-type{max-width:100ch;margin-inline:0}
.bases-electricite #pourquoi-deux-courants>p.takeaway,.bases-electricite #pourquoi-deux-courants>p:last-child{margin:0;align-self:start;max-width:none}
.bases-electricite #pourquoi-deux-courants>p.takeaway{padding:1.25rem}
.bases-electricite #grandeurs .intro-copy{display:block}
.bases-electricite #grandeurs .intro-illustrated{align-items:start;margin-top:0;row-gap:1rem}
.bases-electricite #grandeurs .intro-copy h2{margin:0 0 1rem;text-align:left;max-width:none}
.bases-electricite #grandeurs .intro-copy p{max-width:none;margin:0}
.bases-electricite #grandeurs .heater-instruction{display:block;margin-top:1rem}
.bases-electricite #grandeurs .intro-photo{grid-column:2;grid-row:1;align-self:start}
.bases-electricite #grandeurs .section-head{margin-bottom:2.5rem}
.bases-electricite .intro-illustrated-reverse{margin-top:1.5rem;gap:2rem}
.bases-electricite .body-risk-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2rem;margin:1.5rem 0 2rem}
.bases-electricite .body-risk-figure{padding:1.25rem}
.bases-electricite .body-risk-explanations{min-width:0}
.bases-electricite .body-risk-explanations ol{margin:1.25rem 0;padding-left:1.5rem}
.bases-electricite .body-risk-explanations li{margin-bottom:1rem;padding-left:.5rem}
.bases-electricite .body-risk-explanations li+li{border-top:1px solid var(--line);padding-top:1rem}
.bases-electricite .body-risk-explanations .takeaway{margin:1.5rem 0 0}
.bases-electricite .risk-reference-grid{gap:2rem}
.bases-electricite #source-risques h2{text-align:left;margin-inline:0}
@media(max-width:760px){
 .bases-electricite .section{padding:1.5rem 0}
 .bases-electricite .section-head{margin-bottom:1.5rem}
 .bases-electricite .section-head h2{margin-bottom:1rem}
 .bases-electricite .section>h3{margin-top:1.5rem;margin-bottom:1rem}
 .bases-electricite #pourquoi-deux-courants{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:1.5rem 0}
 .bases-electricite #grandeurs .intro-copy p,.bases-electricite #grandeurs .intro-photo{grid-column:1;grid-row:auto}
 .bases-electricite #grandeurs .intro-photo{width:100%;max-width:380px;justify-self:center}
 .bases-electricite .body-risk-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}
 .bases-electricite .body-risk-figure{padding:1rem}
 .bases-electricite .risk-reference-grid,.bases-electricite .intro-illustrated-reverse{gap:1.5rem}
 .bases-electricite .section>.takeaway{padding:1rem}
}
.bases-electricite .section-head>p:last-child{max-width:100ch;margin:0}
.bases-electricite .safety-intro + .section{padding-top:2.5rem}

/* Power introduction: reading first, offset photographs on the right. */
.bases-electricite #puissance .intro-illustrated-reverse{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;margin-top:1rem}
.bases-electricite #puissance .intro-illustrated-reverse>p{grid-column:1;grid-row:1;margin:0;max-width:none}
.bases-electricite #puissance .photo-comparison{grid-column:2;grid-row:1}
.bases-electricite #puissance .photo-comparison-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:0;align-items:start;padding:.5rem}
.bases-electricite #puissance .photo-comparison-grid>.intro-photo:first-child{grid-column:1/7;grid-row:1;z-index:2;transform:rotate(-3deg)}
.bases-electricite #puissance .photo-comparison-grid>.intro-photo:last-child{grid-column:5/11;grid-row:1;margin-top:6rem;transform:rotate(3deg)}
.bases-electricite #puissance .photo-comparison-grid figcaption{padding:.75rem;font-size:.9rem}
.bases-electricite #puissance .photo-comparison-grid img{aspect-ratio:1.5;object-fit:cover}
@media(max-width:760px){
 .bases-electricite #puissance .intro-illustrated-reverse{grid-template-columns:minmax(0,1fr)}
 .bases-electricite #puissance .intro-illustrated-reverse>p,.bases-electricite #puissance .photo-comparison{grid-column:1;grid-row:auto}
 .bases-electricite #puissance .photo-comparison{width:100%;max-width:460px;justify-self:center}
 .bases-electricite #puissance .photo-comparison-grid>.intro-photo:last-child{margin-top:5rem}
}

/* Compact question grid; DOM and keyboard order remain 1, 2, 3, explanation. */
.bases-electricite .quiz-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}
.bases-electricite .quiz-layout>.quiz-grid:not([hidden]){display:contents}
.bases-electricite .quiz-layout>details{margin:0;min-width:0}
.bases-electricite .quiz-layout>noscript{grid-column:1/-1}
@media(max-width:760px){.bases-electricite .quiz-layout{grid-template-columns:minmax(0,1fr)}}