/* Connected-energy pages only. Shared typography, three distinct explorations. */
.energy-page{--energy-ink:#14344a;--energy-muted:#526870;--energy-teal:#1b6b6e;--energy-mint:#72e2c8;--energy-line:#d5e2e2;--energy-gradient:linear-gradient(120deg,#0a1929 0%,#0d2137 37%,#14344a 72%,#1b6b6e 100%);background:#f8fafb;color:var(--energy-ink)}
.energy-page h1,.energy-page h2,.energy-page h3,.energy-page strong{font-family:JakartaLocal,InterLocal,sans-serif}
.energy-page h2{font-size:clamp(42px,5.25vw,74px);font-weight:600;letter-spacing:-.065em;line-height:1.07;margin:20px 0 0;text-wrap:balance}
.energy-page em{font-style:normal;color:#21817e}
.energy-page p{line-height:1.7}
.energy-page .section-index{color:#1b6b6e}
.energy-page .pill-button{background:#00d4aa;color:#14344a}
.energy-page .pill-button .button-arrow{background:#14344a;color:#fff}
.energy-page .pill-button:hover{background:#14e8c0;color:#0a2540;box-shadow:0 0 0 3px rgba(0,212,170,.28),0 10px 28px -4px rgba(0,212,170,.6)}
.energy-page :focus-visible{outline:3px solid #168479;outline-offset:4px}
.energy-page button,.energy-page select,.energy-page summary,.energy-page a{touch-action:manipulation}
.energy-page a{ text-underline-offset:4px }
.energy-page [hidden]{display:none!important}
.energy-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.energy-overline{font:700 10px/1.5 InterLocal,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.energy-demo-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 10px;border:1px solid currentColor;border-radius:5px;font-size:9px;font-weight:750;letter-spacing:.08em;color:#5e787a}
.energy-demo-label::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.energy-hero{position:relative;overflow:hidden;isolation:isolate;padding:146px 0 0;color:#fff}
.energy-hero::before{content:'';position:absolute;z-index:-1;width:690px;height:690px;right:-250px;top:60px;border-radius:50%;background:radial-gradient(circle,#39888933,transparent 69%);pointer-events:none}
.energy-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(36px,5vw,78px);align-items:center;min-height:510px;padding-bottom:66px}
.energy-hero-copy{position:relative;z-index:2}
.energy-hero h1{font-size:clamp(51px,5.25vw,80px);font-weight:600;line-height:1.06;letter-spacing:-.071em;margin:23px 0;text-wrap:balance}
.energy-hero h1 em{color:#79e4c9}
.energy-hero-copy>p:not(.page-breadcrumb){font-size:clamp(15px,1.3vw,18px);max-width:600px;color:#d0e0e6;margin:0}
.energy-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:31px 0}
.energy-text-link{display:inline-flex;align-items:center;gap:12px;color:#effaf7;text-decoration:none;font-size:12px;font-weight:650}.energy-text-link:hover{text-decoration:underline}.energy-text-link span{color:#89e1cf}
.energy-hero-tags{display:flex;flex-wrap:wrap;gap:10px 21px;padding-top:23px;margin-top:28px;border-top:1px solid #ffffff20;color:#c5e0df;font-size:10px;line-height:1.5}
.energy-hero-tags span{display:flex;gap:7px;align-items:center}.energy-hero-tags span::before{content:'';width:4px;height:4px;background:#72e2c8;border-radius:50%;flex:none}
.energy-hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-top:1px solid #ffffff20;font-size:9px;letter-spacing:.11em;color:#b7d3d9;gap:18px}
.energy-hero-bottom>a{display:flex;gap:20px;text-decoration:none;color:#d5f1ec;letter-spacing:.02em;font-size:11px}.energy-hero-bottom a:hover{text-decoration:underline}
.energy-hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;height:435px}
.energy-orbit{position:absolute;z-index:-1;left:50%;top:50%;width:400px;height:400px;transform:translate(-50%,-50%);border:1px solid #a9e4e628;border-radius:50%;pointer-events:none}
.energy-orbit-two{width:500px;height:500px;border-style:dashed;border-color:#a9e4e620}
.energy-product-photo{position:relative;width:336px;flex:none;max-width:calc(100% - 12px);margin:0;padding:18px;background:#e8f1f1;border:1px solid #ffffff8a;border-radius:19px;box-shadow:0 26px 70px #00000032;transform:rotate(2deg);transition:transform .45s var(--ease)}
.energy-product-photo:hover{transform:rotate(0) translateY(-4px)}
.energy-product-photo img{display:block;width:300px;max-width:100%;height:auto;aspect-ratio:300/185;object-fit:cover;border-radius:9px;background:#ccd9d9}
.energy-product-photo figcaption{padding:22px 1px 10px;color:#14344a}.energy-product-photo figcaption>span{display:block;font-size:8px;font-weight:750;letter-spacing:.14em;color:#3f6469}.energy-product-photo figcaption b{display:block;font:600 31px/1.16 JakartaLocal,sans-serif;letter-spacing:-.055em;margin-top:9px}.energy-product-photo figcaption b span{font-size:20px;font-weight:600}
.energy-art-note{position:absolute;right:-7px;bottom:22px;display:flex;align-items:center;gap:14px;width:300px;max-width:95%;padding:17px 19px;border:1px solid #79c6c357;border-radius:12px;background:#103042;box-shadow:0 15px 35px #05152030;transform:rotate(-2deg);color:#96e9d5}
.energy-art-note strong{display:block;color:#e3f9f2;font-size:12px;font-weight:600;letter-spacing:-.025em}.energy-art-note div>span{display:block;font-size:9px;color:#aacbcf;margin-top:5px}.energy-art-symbol{font-size:24px;margin-left:auto}
.energy-status-dot{display:block;width:10px;height:10px;border-radius:50%;background:#74e7c6;flex:none;box-shadow:0 0 0 6px #74e7c611}
.energy-art-coordinate{position:absolute;left:22px;top:17px;font-size:8px;letter-spacing:.16em;color:#aad0d5}
.span-hero-line{position:absolute;width:145px;height:105px;top:22px;right:-13px;border-top:1px solid #87d5ce70;border-right:1px solid #87d5ce70;border-radius:0 22px 0 0}.span-hero-line::before,.span-hero-line::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#97e9d3}.span-hero-line::before{left:-2px;top:-3px}.span-hero-line::after{right:-3px;bottom:-3px}
.energy-battery .energy-product-photo{background:#f0efe5;transform:rotate(-2deg)}
.energy-battery .energy-product-photo:hover{transform:rotate(0) translateY(-4px)}
.battery-hero-art .energy-orbit-one{width:445px;height:445px;border-color:#d7e4d125}.battery-hero-art .energy-orbit-two{width:520px;height:520px;border-style:solid;border-color:#d7e4d116}
.battery-reserve-lines{position:absolute;display:flex;align-items:center;gap:9px;right:-18px;top:36px;transform:rotate(9deg)}.battery-reserve-lines i{width:9px;height:54px;background:#7de4c124;border:1px solid #a7ecce30;border-radius:4px}.battery-reserve-lines i:last-child{background:#a4ecc430}
.energy-battery .energy-art-note{background:#173b43;transform:rotate(1deg);right:0}
.energy-ev .energy-hero h1{font-size:clamp(49px,5.0vw,75px)}
.energy-ev .energy-product-photo{transform:rotate(1deg);background:#dce8e9}
.energy-ev .energy-product-photo:hover{transform:rotate(0) translateY(-4px)}
.ev-hero-art .energy-orbit{width:420px;height:420px;border-radius:42px;transform:translate(-50%,-50%) rotate(-11deg)}
.ev-road-lines{position:absolute;bottom:-28px;right:-70px;transform:rotate(-28deg);display:flex;gap:15px;opacity:.35}.ev-road-lines span{display:block;width:1px;height:500px;background:linear-gradient(transparent,#68a7aa,transparent)}.ev-road-lines span:nth-child(2){border-left:1px dashed #82bbc3;background:none}
.energy-ev .energy-art-note{right:-8px;background:#143745;bottom:20px}.energy-ev .energy-art-note svg{flex:none}
.energy-section{padding:105px 0}
.energy-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.38fr);gap:44px;align-items:end;margin-bottom:43px}
.energy-section-head>p{font-size:14px;line-height:1.75;color:var(--energy-muted);margin:0 0 4px;max-width:360px}
.energy-explorer-section{background:#f0f6f5}
.energy-tool-help{font-size:11px;line-height:1.65!important;color:#627a80;margin:14px 0 18px}
.energy-tool-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.energy-tool-foot{padding:20px 28px;border-top:1px solid var(--energy-line);font-size:11px;line-height:1.7;color:#61757d}
.energy-tool-foot p{margin:0 0 7px}.energy-tool-foot p:last-child{margin:0}
.energy-segmented{display:flex;background:#e6efef;border:1px solid #d0dfde;padding:4px;border-radius:9px;gap:4px}
.energy-segmented button{border:0;border-radius:6px;padding:12px 13px;color:#5b7077;background:transparent;flex:1;font-size:11px;font-weight:700;line-height:1.5;transition:background .2s,color .2s,box-shadow .2s}
.energy-segmented button[aria-pressed=true]{color:#113d47;background:#fff;box-shadow:0 2px 7px #14344a12}.energy-segmented button:hover{color:#174f58;background:#ffffff90}
.span-dashboard{border:1px solid #c6d9d8;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 26px 65px #173b4410}
.span-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:27px 34px;background:#fafffd;border-bottom:1px solid var(--energy-line);gap:20px}
.span-dashboard-header .energy-overline{color:#53827d}.span-dashboard-header h3{font-weight:600;font-size:23px;letter-spacing:-.05em;margin:7px 0 0}
.span-dashboard-body{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr)}
.span-circuit-column{padding:26px 30px 30px;min-width:0}
.span-circuit{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:11px;padding:18px 0;border-bottom:1px solid #e0e9e7;transition:opacity .2s}.span-circuit:last-child{border-bottom:0;padding-bottom:5px}
.span-circuit-number{font-size:9px;color:#759291;font-weight:700}.span-circuit-name strong{display:block;font-size:14px;font-weight:600;letter-spacing:-.025em}.span-circuit-name small{display:block;font-size:10px;color:#697b80;margin-top:6px}.span-circuit-name small>span{margin:0 3px}
.span-circuit.is-paused .span-circuit-name strong{color:#586f74}
.span-circuit-controls{display:flex;align-items:center;gap:12px}
.energy-switch{position:relative;display:block;flex:none;width:40px;height:24px;border:1px solid #8fabaa;border-radius:30px;background:#d6e2e0;padding:3px;transition:background .2s,border-color .2s}
.energy-switch span{display:block;position:relative;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #112c3a30;transition:transform .2s}
.energy-switch[aria-checked=true]{background:#26887d;border-color:#26887d}.energy-switch[aria-checked=true] span{transform:translateX(15px)}
.energy-switch:disabled{cursor:default;opacity:.42}
.span-circuit-controls select{font-size:10px;font-weight:650;width:126px;min-height:34px;padding:7px 19px 7px 7px;border:1px solid #d2e1de;border-radius:5px;background:#f4f8f6;color:#38595d}
.span-demand-panel{padding:32px;background:var(--energy-gradient);color:#fff}.span-demand-panel>.energy-overline{color:#9accc9}
.span-total{display:flex;align-items:baseline;gap:10px;margin:16px 0 0}.span-total strong{font:600 clamp(65px,6vw,92px)/1 JakartaLocal,sans-serif;letter-spacing:-.08em;color:#98edd8;font-variant-numeric:tabular-nums}.span-total>span{font-size:21px;font-weight:500;color:#b4d2d4}.span-demand-panel>p{font-size:11px;color:#bcd7da;margin:12px 0 30px}
.span-demand-chart>.energy-overline{display:block;color:#88bdbd;margin-bottom:18px;font-size:8px}
.span-chart-row{margin-top:14px}.span-chart-row>div{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#d3e8e6}.span-chart-row b{font-size:10px;font-weight:500;color:#92d9cc;font-variant-numeric:tabular-nums}.span-bar-track{display:block;width:100%;height:5px;background:#ffffff12;border-radius:3px;margin-top:8px;overflow:hidden}.span-bar-track i{display:block;height:100%;width:var(--bar);background:linear-gradient(90deg,#4fb5ac,#90ebcf);border-radius:3px;transition:width .35s var(--ease)}
.span-dashboard-insight{display:flex;gap:15px;border-top:1px solid #ffffff20;margin-top:29px;padding-top:18px}.span-dashboard-insight>span{color:#77e1c9;font-size:26px;line-height:1.5}.span-dashboard-insight p{margin:0;font-size:11px;color:#c0d9da}
.energy-feature-section{background:#fff}
.energy-feature-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(50px,8vw,110px)}
.energy-feature-grid h2{font-size:clamp(43px,4.8vw,66px)}
.energy-lead{font-size:16px;color:var(--energy-muted);margin:25px 0 28px;max-width:540px}
.energy-inline-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:750;text-decoration:none;color:#1b6b6e;border-bottom:1px solid #9ebfb8;padding-bottom:7px}.energy-inline-link:hover{color:#123b48;border-color:currentColor}
.energy-editorial-list article{display:flex;gap:24px;padding:27px 0;border-bottom:1px solid var(--energy-line)}.energy-editorial-list article:first-child{padding-top:0}.energy-editorial-list article>span{font-size:10px;font-weight:800;line-height:2.5;color:#518c83;flex:none}
.energy-editorial-list h3{font-size:27px;font-weight:600;letter-spacing:-.05em;line-height:1.2;margin:0 0 10px}.energy-editorial-list p{font-size:13px;color:var(--energy-muted);margin:0}.energy-editorial-list a{display:inline-block;font-size:11px;font-weight:750;color:#1b6b6e;text-decoration:none;margin-top:12px}.energy-editorial-list a:hover{text-decoration:underline}
.energy-faq-section{background:#fafcfb}
.energy-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(45px,7vw,100px)}.energy-faq-grid h2{font-size:clamp(43px,4.8vw,65px)}.energy-faq-grid>div:first-child>p{font-size:14px;color:var(--energy-muted);max-width:340px;margin:23px 0}.energy-faq-grid .energy-inline-link{margin-top:7px}
.energy-faq-list details{padding:24px 0;border-bottom:1px solid var(--energy-line)}.energy-faq-list details:first-child{border-top:1px solid var(--energy-line)}
.energy-faq-list summary{position:relative;list-style:none;cursor:pointer;padding-right:35px;font:600 19px/1.4 JakartaLocal,sans-serif;letter-spacing:-.035em}.energy-faq-list summary::-webkit-details-marker{display:none}.energy-faq-list summary::after{content:'+';position:absolute;right:0;top:0;font-family:InterLocal,sans-serif;font-weight:400;color:#31867d;font-size:22px}.energy-faq-list details[open] summary::after{content:'−'}.energy-faq-list details p{font-size:13px;color:var(--energy-muted);margin:15px 28px 0 0}
.energy-source{font-size:10px!important;line-height:1.6!important;color:#708286!important;margin-top:24px!important}.energy-source a{color:#377772}
.energy-ending{background:var(--energy-gradient);color:#fff;padding:90px 0 40px}.energy-ending .section-index{color:#9be8d5}.energy-ending h2{font-size:clamp(42px,5vw,71px);margin-top:24px}.energy-ending h2 em{color:#7fe2c8}
.energy-ending-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,.48fr);gap:70px;align-items:center}.energy-ending-top>div>p{font-size:14px;color:#bcd9dc;margin:0 0 28px}
.energy-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #ffffff25;padding-top:30px;margin-top:62px}.energy-related a{position:relative;display:block;padding-right:25px;text-decoration:none}.energy-related a>span{font-size:8px;letter-spacing:.1em;font-weight:750;color:#8ebcbf}.energy-related strong{display:block;font-size:21px;font-weight:600;letter-spacing:-.04em;margin:13px 0 6px}.energy-related small{font-size:11px;color:#bbd2d5;line-height:1.5;display:block}.energy-related b{position:absolute;right:1px;top:31px;font-size:22px;color:#77ddc9;font-weight:400;transition:transform .25s}.energy-related a:hover b{transform:translate(4px,-4px)}.energy-related a:hover strong{color:#a1f0dc}

/* Battery: spacious, tactile controls and a calm reserve display. */
.battery-explorer-section{background:#f4f6f0}
.battery-calculator{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);overflow:hidden;border:1px solid #d7e0d7;border-radius:19px;box-shadow:0 24px 60px #24463a0b;background:#fff}
.battery-calculator-controls{padding:34px;min-width:0}.battery-calculator-controls .energy-overline{color:#588177}.battery-calculator-controls h3{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.05em;max-width:350px;margin:20px 0 29px}
.battery-range-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.battery-range-label label{font-size:12px;font-weight:650;line-height:1.5}.battery-range-label output{font:600 20px/1.2 JakartaLocal,sans-serif;letter-spacing:-.04em;color:#1b6b6e;white-space:nowrap}
.energy-range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;border:0;border-radius:20px;background:#d9e6df;margin:13px 0 16px;cursor:pointer;accent-color:#277d70}.energy-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;border-radius:50%;background:#257b70;border:4px solid #fff;box-shadow:0 0 0 1px #257b70,0 2px 5px #173f3d24;transition:box-shadow .2s}.energy-range::-moz-range-thumb{width:15px;height:15px;border:4px solid #fff;background:#257b70;border-radius:50%;box-shadow:0 0 0 1px #257b70}.energy-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #257b7017}
.energy-range-ends{display:flex;justify-content:space-between;font-size:9px;color:#718781;margin-top:0}
.energy-select-field{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e2eae4;border-bottom:1px solid #e2eae4;padding:18px 0;margin:22px 0}.energy-select-field label{font-size:11px;font-weight:650;line-height:1.5;max-width:170px}.energy-select-field select{font-size:11px;color:#27565c;border:1px solid #cfdfd8;border-radius:6px;background:#f6faf8;padding:10px 24px 10px 10px;max-width:55%}
.battery-load-fieldset{border:0;padding:0;margin:28px 0 0;min-width:0}.battery-load-fieldset legend{font-size:12px;font-weight:700;padding:0;margin-bottom:13px}
.energy-preset-group{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:19px}.energy-preset-group button{font-size:9px;border:1px solid #cdddd6;border-radius:20px;background:#fff;color:#56756d;min-height:31px;padding:6px 10px}.energy-preset-group button:hover,.energy-preset-group button[aria-pressed=true]{border-color:#4d9989;color:#236d60;background:#eff7f2}
.battery-load-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.battery-load{position:relative;display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-height:106px;padding:15px 12px;border:1px solid #e0e8e1;border-radius:9px;background:#fafcf9;transition:background .2s,border-color .2s}
.battery-load:has(input:checked){border-color:#8db9a7;background:#f0f8f0}.battery-load:has(input:focus-visible){outline:3px solid #168479;outline-offset:3px}.battery-load input{position:absolute;width:18px;height:18px;left:12px;top:15px;opacity:0;margin:0}
.battery-load-check{display:block;width:17px;height:17px;flex:none;border:1px solid #a8bfb2;border-radius:4px;background:#fff;position:relative}.battery-load input:checked+.battery-load-check{background:#347e66;border-color:#347e66}.battery-load input:checked+.battery-load-check::after{content:'';position:absolute;width:8px;height:4px;left:4px;top:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}
.battery-load strong{display:block;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:-.02em}.battery-load small{display:block;font-size:8px;line-height:1.5;color:#6d8477;margin-top:4px}.battery-load b{display:block;font-size:9px;font-weight:600;color:#487861;margin-top:9px}
.battery-runtime-panel{padding:39px 32px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(145deg,#163640,#1b4e51);color:#fff}.battery-runtime-panel>.energy-overline{font-size:9px;color:#afd4c9}
.battery-energy-visual{position:relative;width:123px;margin:29px 0 25px}.battery-energy-cap{height:7px;width:36px;margin:0 auto 3px;border:1px solid #c7edce59;border-radius:5px 5px 0 0}.battery-energy-body{height:171px;position:relative;isolation:isolate;overflow:hidden;border-radius:16px;border:1px solid #bef4d373;background:#183e47;box-shadow:0 0 48px #85e3bb12;display:flex;align-items:center;justify-content:center;flex-direction:column}
.battery-energy-level{position:absolute;z-index:-1;bottom:5px;left:5px;right:5px;height:calc(var(--charge) - 10px);border-radius:11px;background:linear-gradient(0deg,#83dcb876,#77e4b933);border-top:1px solid #baf5d275;transition:height .4s var(--ease)}
.battery-energy-body svg{width:30px;height:42px;color:#ceffe1;filter:drop-shadow(0 0 8px #bcf4d130)}.battery-energy-body>span{position:absolute;bottom:14px;font-size:5px;letter-spacing:.15em;color:#bce5c6}
.battery-runtime-number strong{display:block;font:600 clamp(69px,6.1vw,88px)/1 JakartaLocal,sans-serif;letter-spacing:-.065em;color:#b7f0ca;font-variant-numeric:tabular-nums}.battery-runtime-number>span{display:block;font-size:10px;color:#bfddce;line-height:1.5;margin:14px 0 28px}
.battery-runtime-facts{width:100%;padding:0;margin:0}.battery-runtime-facts>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff20;padding:16px 0;font-size:10px}.battery-runtime-facts dt{color:#b8d6cd;text-align:left;line-height:1.4}.battery-runtime-facts dd{margin:0;white-space:nowrap;font-size:12px;font-weight:600;color:#e5f7e8;font-variant-numeric:tabular-nums}
.battery-runtime-caption{font-size:10px;color:#a7c6bd;line-height:1.65!important;margin:18px 0 0;text-align:left;border-top:1px solid #ffffff20;padding-top:18px}
.battery-formula-strip{grid-column:1/-1;background:#f8fbf7;color:#3d6c5b}.battery-formula-strip .energy-overline{display:block;font-size:8px;margin-bottom:8px;color:#668975}.battery-formula-strip p{margin:0;font-size:11px;line-height:1.6}
.energy-assumptions{border-bottom:1px solid #d8e0d4;padding:22px 0}.energy-assumptions summary{list-style:none;font-size:12px;font-weight:750;cursor:pointer;display:flex;align-items:center;gap:12px}.energy-assumptions summary::-webkit-details-marker{display:none}.energy-assumptions summary::before{content:'+';font-weight:500;font-size:18px;color:#488c79}.energy-assumptions[open] summary::before{content:'−'}.energy-assumptions>div{padding-left:23px;max-width:1000px}.energy-assumptions p{font-size:11px;color:#698072;line-height:1.7;margin:12px 0}.energy-assumptions .energy-formula{font-weight:650;color:#376458}
.energy-simple-list{list-style:none;padding:0;margin:20px 0}.energy-simple-list li{border-bottom:1px solid #dce7df;padding:11px 0;font-size:13px;color:#44675c}
.battery-plan-section{background:#fff}.battery-units{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--energy-line);margin-top:30px;padding-top:27px}.battery-units>div{display:flex;align-items:center;gap:17px}.battery-units b{font:600 35px JakartaLocal,sans-serif;letter-spacing:-.06em;color:#398272}.battery-units span{font-size:10px;line-height:1.65;color:#6a7e78}
/* EV: a daily-driving comparison, followed by an installation explorer. */
.ev-explorer-section{background:#edf3f3}
.ev-calculator{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.5fr);border:1px solid #d0dfdf;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 25px 60px #102f3810}
.ev-calculator-inputs{padding:35px;background:#f6faf8;border-right:1px solid #dbe5e2;min-width:0}.ev-calculator-inputs>.energy-overline{color:#59847d}
.ev-mile-number{margin:25px 0 37px}.ev-mile-number strong{display:block;font:600 85px/.98 JakartaLocal,sans-serif;letter-spacing:-.085em;color:#143d4c;font-variant-numeric:tabular-nums}.ev-mile-number span{display:block;margin-top:13px;font-size:11px;color:#598077}
.ev-calculator-inputs .energy-select-field{display:block;margin:30px 0 28px;padding:23px 0}.ev-calculator-inputs .energy-select-field label{display:block;max-width:none;margin-bottom:12px}.ev-calculator-inputs .energy-select-field select{display:block;width:100%;max-width:none;background:#fff}
.ev-calculator-inputs .battery-range-label{align-items:flex-start}.ev-calculator-inputs .battery-range-label label{font-size:11px;max-width:120px}.ev-calculator-inputs .battery-range-label output{font-size:15px}
.ev-energy-needed{border-top:1px solid #dbe7df;margin-top:30px;padding-top:21px}.ev-energy-needed span{display:block;font-size:10px;line-height:1.5;color:#688378}.ev-energy-needed strong{display:block;font-size:26px;font-weight:600;letter-spacing:-.04em;margin-top:9px;color:#2e796b}
.ev-charge-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px;align-content:start}.ev-charge-comparison>.energy-tool-heading{grid-column:1/-1;margin-bottom:6px}.ev-charge-comparison .energy-overline{font-size:8px;color:#71858c}.ev-charge-comparison .energy-demo-label{font-size:8px;padding:6px}
.ev-charge-card{display:flex;flex-direction:column;background:#f2f9f6;border:1px solid #c5ded3;border-radius:11px;padding:23px 20px;color:#1a524e}.ev-charge-card.is-over-window{background:#f4f7f9;border-color:#dce4e8;color:#3b5e6d}
.ev-charge-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.ev-charge-card-top>div>span{font-size:8px;letter-spacing:.03em;font-weight:650;color:#679188}.ev-charge-card-top h3{font-size:28px;font-weight:600;letter-spacing:-.055em;margin:8px 0 0}.ev-kw-chip{display:block;font-size:8px;font-weight:750;border:1px solid #c1dacc;border-radius:4px;padding:6px 8px;color:#498a72;white-space:nowrap}.is-over-window .ev-kw-chip{border-color:#d1dce1;color:#6b8895}
.ev-charge-card>p:not(.ev-charge-fit){font-size:11px;line-height:1.65;color:#647e79;min-height:73px;margin:23px 0 28px}.ev-time{margin-top:auto}.ev-time strong{display:block;font:600 clamp(52px,4.7vw,70px)/1 JakartaLocal,sans-serif;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.ev-time span{display:block;font-size:10px;line-height:1.5;color:#6c8781;margin-top:12px}
.ev-charge-track{height:5px;width:100%;background:#dcebe3;border-radius:20px;overflow:hidden;margin:27px 0 11px}.ev-charge-track span{display:block;height:100%;width:var(--charge-time);background:#51a18a;border-radius:20px;transition:width .3s var(--ease)}.is-over-window .ev-charge-track{background:#dce5e8}.is-over-window .ev-charge-track span{background:#869caa}
.ev-charge-card .ev-charge-fit{margin:0;font-size:9px;line-height:1.5;color:#40826c;min-height:28px}.is-over-window .ev-charge-fit{color:#6a7f8a}
.ev-charge-key{grid-column:1/-1;font-size:9px;color:#748990;margin:0!important;line-height:1.5!important}.ev-calculator>.energy-tool-foot{grid-column:1/-1;background:#f9fcfb;font-size:10px;padding:22px 30px}
.ev-assessment-section{background:#fff}.energy-assessment-note{font-size:12px;color:#55767a;border-left:2px solid #8bc4b8;padding-left:20px;max-width:470px;margin-top:30px}
.ev-assessment{min-width:0}.ev-assessment .energy-segmented{margin-bottom:28px}.ev-assessment .energy-segmented button{font-size:10px}
.ev-parking-panel{position:relative;padding:2px 0 0}.ev-parking-panel>.energy-overline{color:#4c8b82;font-size:9px;position:relative}.ev-parking-panel h3{position:relative;font-size:30px;line-height:1.14;font-weight:600;letter-spacing:-.05em;max-width:390px;margin:18px 0 25px}
.energy-parking-number{position:absolute;right:0;top:-8px;font:600 94px/1 JakartaLocal,sans-serif;color:#edf4f1;letter-spacing:-.08em;pointer-events:none}
.energy-check-list{list-style:none;padding:0;margin:0}.energy-check-list li{position:relative;padding:13px 0 13px 24px;border-bottom:1px solid #e0eae7;font-size:12px;line-height:1.65;color:#607b7a}.energy-check-list li::before{position:absolute;content:'↗';left:0;top:12px;color:#429583;font-size:14px}
.ev-assessment-common{padding:25px 0 0}.ev-assessment-common>strong{font-size:12px;font-weight:600}.ev-assessment-common>p{font-size:11px;color:#6c8584;margin:10px 0 20px}

@media(min-width:1440px){.energy-hero-grid{grid-template-columns:1.2fr .8fr;gap:90px}.energy-hero-art{width:450px;justify-self:end}.energy-hero{padding-top:155px}.energy-hero-grid{min-height:540px}.energy-hero h1{font-size:82px}.energy-ev .energy-hero h1{font-size:78px}}
@media(max-width:1100px){.energy-hero{padding-top:126px}.energy-hero-grid{gap:30px;grid-template-columns:1.2fr .8fr}.energy-hero-art{height:420px}.energy-product-photo{width:302px;padding:16px}.energy-product-photo figcaption b{font-size:29px}.energy-product-photo figcaption b span{font-size:17px}.energy-art-note{width:270px;right:-3px}.energy-art-note strong{font-size:11px}.energy-art-coordinate{left:0}.energy-hero h1{font-size:clamp(49px,5.4vw,66px)}.energy-ev .energy-hero h1{font-size:clamp(47px,5.2vw,64px)}.energy-section{padding:85px 0}.span-circuit-column{padding:22px}.span-circuit{grid-template-columns:18px minmax(0,1fr) auto;gap:7px}.span-circuit-controls{gap:8px}.span-circuit-controls select{width:114px;font-size:9px}.span-circuit-name strong{font-size:12px}.span-circuit-name small{font-size:9px}.span-demand-panel{padding:29px 25px}.energy-feature-grid{gap:55px}.battery-calculator-controls{padding:29px}.battery-runtime-panel{padding:34px 27px}.ev-calculator-inputs{padding:27px}.ev-charge-comparison{padding:24px;gap:15px}.ev-charge-card{padding:22px 16px}.ev-charge-card-top{display:block}.ev-kw-chip{display:inline-block;margin-top:13px}.ev-charge-card>p:not(.ev-charge-fit){min-height:93px}.energy-ending-top{gap:45px}}
@media(max-width:900px){.energy-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:28px}.energy-hero h1{font-size:50px}.energy-ev .energy-hero h1{font-size:47px}.energy-hero-copy>p:not(.page-breadcrumb){font-size:14px}.energy-hero .primary-large{font-size:12px;padding-left:20px;gap:15px}.energy-hero .primary-large .button-arrow{width:36px;height:36px}.energy-actions{gap:18px;margin:26px 0}.energy-hero-tags{font-size:9px;gap:8px 13px}.energy-hero-art{height:410px}.energy-product-photo{width:267px;padding:13px;max-width:100%}.energy-product-photo figcaption{padding-top:19px}.energy-product-photo figcaption>span{font-size:7px}.energy-product-photo figcaption b{font-size:25px}.energy-product-photo figcaption b span{display:block;font-size:18px;margin-top:5px}.energy-art-note{width:250px;right:-10px;bottom:19px;padding:15px 13px;gap:11px}.energy-art-note div>span{font-size:8px}.energy-art-symbol{font-size:20px}.energy-art-coordinate{font-size:7px;top:17px}.energy-orbit{width:330px;height:330px}.energy-orbit-two{width:415px;height:415px}.battery-hero-art .energy-orbit-one{width:330px;height:330px}.battery-hero-art .energy-orbit-two{width:410px;height:410px}.ev-hero-art .energy-orbit{width:325px;height:325px}.energy-section-head{grid-template-columns:1fr;gap:22px}.energy-section-head>p{max-width:580px;font-size:14px}.energy-section-head h2{font-size:58px}.span-dashboard-body{grid-template-columns:minmax(0,1fr) minmax(0,.69fr)}.span-circuit{grid-template-columns:18px minmax(0,1fr);position:relative;gap:10px}.span-circuit-controls{grid-column:2;justify-content:space-between;gap:12px;margin-top:1px}.span-circuit-controls select{width:142px;font-size:10px}.span-circuit-name strong{font-size:14px}.span-circuit-name small{font-size:10px}.span-circuit-column>.energy-segmented button{font-size:10px;padding:10px 8px}.span-demand-panel{padding:28px 23px}.span-demand-chart{margin-top:39px}.span-chart-row{margin-top:24px}.span-total strong{font-size:66px}.span-total>span{font-size:18px}.energy-feature-grid{grid-template-columns:1fr;gap:37px}.energy-feature-grid h2{font-size:58px}.energy-feature-grid .energy-lead{max-width:650px}.energy-editorial-list article:first-child{padding-top:25px;border-top:1px solid var(--energy-line)}.energy-editorial-list h3{font-size:26px}.energy-faq-grid{grid-template-columns:1fr;gap:36px}.energy-faq-grid h2{font-size:56px}.energy-faq-grid>div:first-child>p{max-width:600px}.energy-ending-top{grid-template-columns:1fr;gap:30px}.energy-ending-top>div>p{max-width:560px;font-size:15px}.energy-related{gap:25px}.energy-related strong{font-size:18px}.energy-related small{font-size:10px}.battery-calculator{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}.battery-calculator-controls{padding:26px}.battery-calculator-controls .energy-tool-heading{display:block}.battery-calculator-controls .energy-demo-label{margin-top:10px;font-size:8px}.battery-calculator-controls h3{font-size:24px}.battery-load-grid{gap:8px}.battery-load{padding:13px 10px;gap:7px}.battery-load input{left:10px;top:13px}.battery-load small{font-size:8px}.battery-runtime-panel{padding:30px 20px}.battery-runtime-number strong{font-size:67px}.battery-runtime-facts>div{display:block;text-align:left}.battery-runtime-facts dd{margin-top:7px}.battery-energy-visual{margin-top:65px;margin-bottom:36px}.battery-runtime-caption{margin-top:25px}.battery-units{max-width:580px}.ev-calculator{grid-template-columns:1fr}.ev-calculator-inputs{border-right:0;border-bottom:1px solid #dbe5e2;padding:30px}.ev-calculator-inputs>div[data-energy-control]{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.ev-calculator-inputs .energy-range:first-of-type{grid-column:1/-1}.ev-calculator-inputs .energy-range-ends:first-of-type{grid-column:1/-1}.ev-calculator-inputs .energy-select-field{grid-column:1;grid-row:3/6;margin:27px 0 0;padding:17px 0;border-bottom:0}.ev-calculator-inputs .battery-range-label{grid-column:2;grid-row:3;margin:27px 0 15px;padding-top:17px;border-top:1px solid #e2eae4}.ev-calculator-inputs #ev-parked{grid-column:2;grid-row:4;margin:4px 0 12px}.ev-calculator-inputs #ev-parked+.energy-range-ends{grid-column:2;grid-row:5}.ev-mile-number{display:flex;gap:15px;align-items:baseline;margin:20px 0 29px}.ev-mile-number strong{font-size:71px}.ev-energy-needed{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding-top:18px}.ev-energy-needed strong{margin:0;font-size:25px}.ev-charge-comparison{padding:29px;gap:20px}.ev-charge-card-top{display:flex}.ev-kw-chip{margin-top:0}.ev-charge-card{padding:25px}.ev-charge-card>p:not(.ev-charge-fit){min-height:55px}.ev-time strong{font-size:68px}.ev-assessment{max-width:700px}}
@media(max-width:600px){.energy-page .wrap{width:calc(100% - 40px)}.energy-hero{padding-top:112px}.energy-hero-grid{grid-template-columns:1fr;gap:8px;padding-bottom:27px}.energy-hero h1,.energy-ev .energy-hero h1{font-size:clamp(43px,11.8vw,63px);line-height:1.06;margin:21px 0 22px}.energy-hero-copy>p:not(.page-breadcrumb){font-size:14px;line-height:1.75}.energy-actions{gap:21px;margin:25px 0 23px}.energy-hero .primary-large{font-size:12px;gap:14px}.energy-hero .primary-large .button-arrow{width:36px;height:36px}.energy-text-link{font-size:11px}.energy-hero-tags{padding-top:20px;margin-top:25px;font-size:8px;gap:9px 13px}.energy-hero-art{height:370px;max-width:380px;width:100%;margin:8px auto 0}.energy-product-photo{width:300px;max-width:calc(100% - 32px);padding:14px}.energy-product-photo figcaption{padding:17px 1px 7px}.energy-product-photo figcaption>span{font-size:7px}.energy-product-photo figcaption b{font-size:28px}.energy-product-photo figcaption b span{display:inline;font-size:18px;margin:0}.energy-art-note{right:0;bottom:2px;width:259px;padding:14px 15px}.energy-art-note strong{font-size:10px}.energy-art-note div>span{font-size:8px}.energy-art-coordinate{top:1px;left:6px;font-size:7px}.span-hero-line{top:15px;right:0;width:92px;height:65px}.energy-hero-bottom{font-size:7px;letter-spacing:.07em;padding:20px 0;align-items:flex-start}.energy-hero-bottom>span{max-width:156px;line-height:1.6}.energy-hero-bottom>a{font-size:9px;gap:9px;max-width:150px;text-align:right}.energy-battery .energy-art-note{bottom:0}.energy-ev .energy-art-note{bottom:0;right:0}.battery-reserve-lines{right:10px;top:3px}.energy-section{padding:68px 0}.energy-section-head{gap:22px;margin-bottom:29px}.energy-page .section-index{font-size:9px;letter-spacing:.12em}.energy-page h2,.energy-feature-grid h2,.energy-section-head h2,.energy-faq-grid h2,.energy-ending h2{font-size:clamp(39px,10.9vw,57px);letter-spacing:-.062em;margin-top:18px}.energy-section-head>p{font-size:13px;line-height:1.7}.span-dashboard{border-radius:13px}.span-dashboard-header{padding:21px;align-items:flex-start;gap:14px}.span-dashboard-header h3{font-size:21px;max-width:200px}.span-dashboard-header .energy-overline{font-size:8px}.span-dashboard-header>.energy-demo-label{font-size:7px;padding:5px 6px;margin-top:3px}.span-dashboard-header .energy-demo-label::before{width:3px;height:3px}.span-dashboard-body{grid-template-columns:1fr}.span-circuit-column{padding:21px}.span-circuit{grid-template-columns:18px 1fr;gap:7px;padding:17px 0}.span-circuit-controls{grid-column:2;justify-content:space-between;margin-top:4px}.span-circuit-name strong{font-size:14px}.span-circuit-name small{font-size:10px}.span-circuit-controls select{width:145px;min-height:36px}.energy-switch{width:44px;height:26px}.energy-switch span{width:18px;height:18px}.energy-switch[aria-checked=true] span{transform:translateX(17px)}.span-circuit-column>.energy-segmented button{padding:11px 8px;font-size:10px}.energy-tool-help{font-size:10px}.span-demand-panel{padding:28px}.span-total strong{font-size:76px}.span-total>span{font-size:20px}.span-demand-panel>p{margin-bottom:25px}.span-demand-chart{margin-top:25px}.span-chart-row{margin-top:16px}.span-dashboard-insight{margin-top:25px}.span-dashboard-insight p{font-size:11px}.energy-tool-foot{padding:20px 22px;font-size:10px}.energy-feature-grid{gap:35px}.energy-lead{font-size:14px;margin:22px 0 24px}.energy-inline-link{font-size:11px;gap:12px}.energy-editorial-list article{gap:18px;padding:24px 0}.energy-editorial-list h3{font-size:25px}.energy-editorial-list p{font-size:12px}.energy-faq-grid{gap:35px}.energy-faq-grid>div:first-child>p{font-size:13px;margin:23px 0}.energy-faq-list details{padding:22px 0}.energy-faq-list summary{font-size:17px;line-height:1.4}.energy-faq-list details p{font-size:12px;margin-right:13px}.energy-source{font-size:9px!important}.energy-ending{padding:68px 0 35px}.energy-ending-top{gap:25px}.energy-ending-top>div>p{font-size:13px;margin-bottom:23px}.energy-ending .primary-large{font-size:12px;gap:15px}.energy-related{grid-template-columns:1fr;gap:0;margin-top:42px;padding-top:0}.energy-related a{padding:24px 35px 23px 0;border-bottom:1px solid #ffffff20}.energy-related a:last-child{border-bottom:0;padding-bottom:0}.energy-related strong{font-size:22px;margin:10px 0 6px}.energy-related small{font-size:11px}.energy-related b{top:44px;right:5px;font-size:25px}.energy-related a>span{font-size:8px}.battery-calculator{grid-template-columns:1fr;border-radius:13px}.battery-calculator-controls{padding:24px 21px}.battery-calculator-controls .energy-tool-heading{display:flex;align-items:center;gap:10px}.battery-calculator-controls .energy-overline{font-size:8px}.battery-calculator-controls .energy-demo-label{margin:0;font-size:7px;padding:6px}.battery-calculator-controls h3{font-size:27px;max-width:290px;margin:24px 0 29px}.battery-range-label label{font-size:11px;max-width:160px}.battery-range-label output{font-size:20px}.energy-select-field{gap:13px}.energy-select-field label{font-size:10px;max-width:155px}.energy-select-field select{font-size:10px;padding-right:15px}.battery-load-fieldset legend{font-size:11px}.energy-preset-group{gap:6px}.energy-preset-group button{font-size:8px;min-height:33px;padding:6px 9px}.battery-load-grid{gap:8px}.battery-load{padding:13px 9px;gap:7px;min-height:116px}.battery-load-check{width:15px;height:15px}.battery-load input{width:15px;height:15px;top:13px;left:9px}.battery-load input:checked+.battery-load-check::after{left:3px;top:3px}.battery-load strong{font-size:10px}.battery-load small{font-size:8px}.battery-load b{font-size:8px;margin-top:8px}.battery-runtime-panel{padding:29px}.battery-energy-visual{margin:26px 0 24px;width:106px}.battery-energy-body{height:145px}.battery-runtime-number strong{font-size:76px}.battery-runtime-number>span{font-size:11px}.battery-runtime-facts>div{display:flex}.battery-runtime-facts dd{margin:0}.battery-runtime-facts dt{font-size:10px}.battery-runtime-caption{font-size:10px;margin-top:17px}.energy-assumptions{padding:22px 0}.energy-assumptions summary{font-size:11px}.energy-assumptions>div{padding-left:0}.energy-assumptions p{font-size:10px}.battery-units{gap:16px;padding-top:24px}.battery-units>div{display:block}.battery-units b{font-size:39px}.battery-units span{display:block;font-size:10px;margin-top:7px}.ev-calculator{border-radius:13px}.ev-calculator-inputs{padding:25px}.ev-calculator-inputs>div[data-energy-control]{display:block}.ev-calculator-inputs .energy-select-field{margin:26px 0 24px;padding:22px 0;border-bottom:1px solid #e2eae4}.ev-calculator-inputs .battery-range-label{margin:0 0 18px;border:0;padding:0;align-items:center}.ev-calculator-inputs .battery-range-label label{max-width:none}.ev-calculator-inputs #ev-parked{margin:14px 0 16px}.ev-mile-number{margin:20px 0 32px}.ev-mile-number strong{font-size:82px}.ev-mile-number span{font-size:12px}.ev-energy-needed{gap:20px}.ev-energy-needed span{max-width:155px;font-size:10px}.ev-energy-needed strong{white-space:nowrap;font-size:25px}.ev-charge-comparison{padding:25px 21px;gap:15px;grid-template-columns:1fr}.ev-charge-comparison>.energy-tool-heading{gap:12px;align-items:flex-start;margin-bottom:5px}.ev-charge-comparison .energy-overline{font-size:8px;max-width:163px}.ev-charge-comparison .energy-demo-label{font-size:7px;white-space:nowrap}.ev-charge-card{padding:25px}.ev-charge-card-top{display:flex}.ev-charge-card-top h3{font-size:32px}.ev-charge-card-top>div>span{font-size:9px}.ev-kw-chip{font-size:9px}.ev-charge-card>p:not(.ev-charge-fit){min-height:0;font-size:12px;margin:22px 0}.ev-time{display:flex;align-items:center;gap:20px}.ev-time strong{font-size:66px}.ev-time span{margin:0;font-size:10px}.ev-charge-track{margin:25px 0 13px}.ev-charge-card .ev-charge-fit{font-size:10px;min-height:0}.ev-charge-key{font-size:9px}.ev-calculator>.energy-tool-foot{padding:22px;font-size:10px}.energy-assessment-note{font-size:11px;padding-left:18px}.ev-assessment .energy-segmented{gap:2px;padding:4px}.ev-assessment .energy-segmented button{font-size:9px;padding:11px 7px}.ev-parking-panel h3{font-size:30px}.energy-check-list li{font-size:12px}.energy-parking-number{font-size:85px}.ev-assessment-common>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.energy-page *, .energy-page *::before,.energy-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.energy-product-photo:hover{transform:none}.energy-page .pill-button:hover,.energy-related a:hover b{transform:none}}

/* Small visual POCs promoted into the explorers: every mark follows their state.
   Transitions happen only after a selection; these are never live telemetry. */
.span-network-wrap{margin:25px 0 22px;padding-top:19px;border-top:1px solid #ffffff20}
.span-circuit-column{display:flex;flex-direction:column}.span-circuit-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));flex:1}
.span-network-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.span-network-caption .energy-overline{font-size:8px;color:#a2ccc9}.span-network-caption>[data-span-map-source]{font-size:7px;letter-spacing:.08em;color:#83dfc9;border:1px solid #81cfbd42;padding:5px 6px;border-radius:4px;transition:color .3s,border-color .3s}
.span-network{display:block;width:100%;height:auto;margin:9px auto 0;max-width:390px;overflow:visible}
.span-network-feed{stroke:#8ccdc7;stroke-width:1.3;stroke-dasharray:3 4}.span-network-feed-light{fill:#9af1d5;transition:fill .3s}.span-network-panel{fill:#102f40;stroke:#9ad1c74d;stroke-width:1.5}.span-network-panel-inset{fill:#0b2436;stroke:#86b5b02b}.span-network-title{fill:#ddf6ef;font:700 10px InterLocal,sans-serif;letter-spacing:2px}.span-network-subtitle{fill:#87b7b6;font:600 6px InterLocal,sans-serif;letter-spacing:1.2px}
.span-network-wire{stroke:#547480;stroke-opacity:.45;stroke-width:1.4;transition:stroke .4s,stroke-opacity .4s}.span-network-breaker{fill:#446774;stroke:#11303f;stroke-width:2;transition:fill .35s}.span-network-room{fill:#102e40;stroke:#50738180;transition:fill .4s,stroke .4s}.span-network-light{fill:#557682;transition:fill .4s,filter .4s}.span-network-circuit text{fill:#9cb7be;font:500 10px InterLocal,sans-serif;transition:fill .4s}
.span-network-circuit.is-powered .span-network-wire{stroke:#8ce9ce;stroke-opacity:1;stroke-dasharray:5 3;animation:energy-route-connect .7s ease-out both}.span-network-circuit.is-powered .span-network-breaker{fill:#b4f3d7}.span-network-circuit.is-powered .span-network-room{fill:#25616055;stroke:#73c6b58c}.span-network-circuit.is-powered .span-network-light{fill:#a9f3d3;filter:drop-shadow(0 0 4px #83e9c8)}.span-network-circuit.is-powered text{fill:#e7fff4}
.is-outage-example .span-network-feed-light{fill:#f1d195}.is-outage-example .span-network-feed{stroke:#e8c78e}.is-outage-example [data-span-map-source]{color:#f1d195;border-color:#f1d19555}
.span-network-note{color:#9cbcbf;font-size:9px;line-height:1.6!important;margin:0}
.span-demand-panel .span-demand-chart{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin-top:18px}.span-demand-panel .span-demand-chart>.energy-overline{grid-column:1/-1;margin-bottom:0}.span-demand-panel .span-chart-row{margin:0;min-width:0}.span-demand-panel .span-chart-row>div{display:block;font-size:9px;line-height:1.45}.span-demand-panel .span-chart-row b{display:block;font-size:9px;margin-top:3px}.span-demand-panel .span-bar-track{margin-top:6px}.span-demand-panel .span-dashboard-insight{margin-top:23px}
@keyframes energy-route-connect{from{stroke-dashoffset:30;stroke-opacity:.2}to{stroke-dashoffset:0;stroke-opacity:1}}

.battery-zone-scene{width:100%;margin:23px 0 0}.battery-scene-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:14px}.battery-scene-head .energy-overline{font-size:7px;color:#a7d6c7;max-width:135px}.battery-scene-key{display:flex;align-items:center;gap:5px;font-size:8px;color:#c4e3cb;white-space:nowrap}.battery-scene-key i{width:5px;height:5px;border-radius:50%;background:#c6f4b4;box-shadow:0 0 8px #b8ecc272}
.battery-zone-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;position:relative;padding:7px;border:1px solid #b6dcc338;border-radius:9px;background:#0b2c37;box-shadow:inset 0 0 30px #031b2b4d}
.battery-zone-plan::before{content:'';position:absolute;left:calc(50% - 17px);top:-5px;width:34px;height:5px;border:1px solid #b6dcc338;border-bottom:0;background:#1a4147;border-radius:4px 4px 0 0}
.battery-zone{position:relative;min-height:82px;padding:13px 5px 9px;background:#17404b;border:1px solid #4b71753d;border-radius:3px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#6d9494;overflow:hidden;transition:color .4s,background .4s,border-color .4s,box-shadow .4s}
.battery-zone svg{width:27px;height:29px;position:relative;z-index:1;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.battery-zone>span:not(.battery-zone-light){position:relative;z-index:1;font-size:8px;font-weight:650;letter-spacing:.02em}.battery-zone-light{position:absolute;right:6px;top:6px;width:4px;height:4px;border-radius:50%;background:#567775;transition:background .35s,box-shadow .35s}
.battery-zone-furniture{position:absolute;left:-5px;bottom:8px;width:9px;height:30px;border:1px solid #94b79f27;border-radius:2px}.battery-zone:nth-child(even) .battery-zone-furniture{left:auto;right:-5px}.battery-zone:nth-child(2) .battery-zone-furniture,.battery-zone:nth-child(5) .battery-zone-furniture{bottom:-5px;left:15px;right:auto;height:9px;width:27px}
.battery-zone.is-powered{color:#d2efbe;background:radial-gradient(ellipse at 60% 35%,#badb882b,transparent 90%),#284c44;border-color:#bfe29b72;box-shadow:inset 0 0 20px #b5e49313}.battery-zone.is-powered .battery-zone-light{background:#cef6aa;box-shadow:0 0 9px #d2fca66b}.battery-zone.is-selected:not(.is-powered){border-color:#beae8370;background:#453e322f;color:#a6aca0}
.battery-outage-scrubber{margin:23px 0 0;text-align:left}.battery-outage-scrubber>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:14px}.battery-outage-scrubber label{font-size:10px;font-weight:650;color:#d3e8da}.battery-outage-scrubber output{font:600 12px JakartaLocal,sans-serif;color:#c8eeb7;white-space:nowrap}.battery-outage-scrubber .energy-range{margin-top:20px;background:#0d2f38;height:5px}.battery-outage-scrubber .energy-range::-webkit-slider-thumb{background:#d3efad;border-color:#2c5550;box-shadow:0 0 0 1px #acc29c}.battery-outage-scrubber .energy-range::-moz-range-thumb{background:#d3efad;border-color:#2c5550;box-shadow:0 0 0 1px #acc29c}.battery-outage-scrubber .energy-range-ends{color:#9dbdae;font-size:8px}
.battery-scene-status{font-size:11px;line-height:1.55!important;color:#d3edc9;margin:18px 0 0;text-align:left;min-height:33px}.is-energy-exhausted .battery-scene-status{color:#ebd1a6}.battery-scene-explainer{font-size:9px;color:#a9c6bd;text-align:left;line-height:1.6!important;margin:7px 0 0}
.battery-reserve-overview{display:flex;align-items:center;justify-content:center;gap:19px;width:100%;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:20px 0;margin:22px 0}.battery-reserve-overview .battery-energy-visual{width:48px;margin:0;flex:none}.battery-reserve-overview .battery-energy-cap{height:4px;width:18px;margin-bottom:2px;border-radius:2px 2px 0 0}.battery-reserve-overview .battery-energy-body{height:66px;border-radius:7px;box-shadow:none}.battery-reserve-overview .battery-energy-level{bottom:3px;left:3px;right:3px;height:max(0px,calc(var(--charge) - 6px));border-radius:3px}.battery-reserve-overview .battery-energy-body svg{width:14px;height:21px}.battery-reserve-overview .battery-energy-body>span{display:none}
.battery-scene-remaining{text-align:left}.battery-scene-remaining strong{font-size:25px;font-weight:600;letter-spacing:-.04em;color:#d7efc8;font-variant-numeric:tabular-nums}.battery-scene-remaining>span{display:block;font-size:9px;color:#aac7bb;margin-top:5px}.battery-runtime-panel .battery-runtime-number strong{font-size:66px}.battery-runtime-panel .battery-runtime-number>span{margin:10px 0 22px;font-size:9px}.battery-runtime-panel .battery-runtime-facts>div{padding:13px 0}.battery-runtime-panel .battery-runtime-caption{margin-top:10px;padding-top:15px}

.ev-window-visual{grid-column:1/-1;padding:25px 26px 19px;border-radius:12px;overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(115deg,#102539,#164249);color:#fff}
.ev-window-visual::before{content:'';position:absolute;z-index:-1;width:180px;height:180px;top:-83px;right:-40px;border-radius:50%;border:1px solid #b9d6d115;box-shadow:0 0 0 30px #b9d6d108,0 0 0 70px #b9d6d106}
.ev-window-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.ev-window-heading .energy-overline{color:#9ecec5;font-size:8px;max-width:none}.ev-window-heading h3{font:600 24px/1.2 JakartaLocal,sans-serif;letter-spacing:-.045em;margin:8px 0 0;color:#edf9f0}.ev-window-night{width:63px;height:42px;flex:none}.ev-window-night path:first-child{fill:#bfdcb333;stroke:#c4dcb4;stroke-width:1}.ev-window-night path+path{stroke:#b5d9c2;stroke-width:.8}
.ev-window-axis{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;color:#a3c5c4;border-bottom:1px solid #b8ddd62a;padding-bottom:11px}.ev-window-axis b{font-weight:550;color:#d8eadd;margin-left:5px}.ev-window-axis>span:nth-child(2){color:#7caaaa}
.ev-window-row{margin-top:22px;--window-accent:#87d7ba;--window-track:#83cca736}.ev-window-row.is-shortfall{--window-accent:#e5c287;--window-track:#cfad7933}.ev-window-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.ev-window-row-head strong{font:600 12px JakartaLocal,sans-serif;letter-spacing:-.02em}.ev-window-row-head>[data-window-miles]{font-size:9px;color:var(--window-accent);font-variant-numeric:tabular-nums}
.ev-window-road{position:relative;height:43px;margin:10px 14px 0 0;border-bottom:1px solid #89b9b038}.ev-window-road-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#7fb2ac14 calc(25% - 1px),#7fb2ac14 25%)}
.ev-window-recharge{position:absolute;left:0;bottom:4px;width:var(--finish);height:11px;border-radius:2px 0 0 2px;background:var(--window-track);border-top:1px solid var(--window-accent);transition:width .6s var(--ease),background .3s,border-color .3s}
.ev-window-car{position:absolute;left:var(--finish);bottom:7px;width:40px;transform:translateX(-50%);transition:left .6s var(--ease),opacity .25s;color:var(--window-accent)}.ev-window-car svg{display:block;width:100%;height:auto;overflow:visible}.ev-window-car svg>path:first-child{fill:#1b3b43;stroke:currentColor;stroke-width:1.2}.ev-window-car svg>path:nth-child(2){fill:var(--window-track);stroke:currentColor;stroke-width:.8}.ev-window-car circle{fill:#0e2938;stroke:currentColor;stroke-width:1.4}.ev-window-car i{position:absolute;right:-4px;bottom:8px;width:4px;height:2px;background:var(--window-accent);box-shadow:4px 0 9px 2px var(--window-track)}
.ev-window-departure{position:absolute;right:0;top:0;bottom:-4px;border-left:1px dashed #b4d3c36b}.ev-window-departure::after{content:'';position:absolute;bottom:-3px;left:-3px;width:5px;height:5px;border-radius:50%;background:#d3e7d5}.ev-window-row.is-no-driving .ev-window-car{opacity:.35}.ev-window-row>p{font-size:9px;color:var(--window-accent);margin:10px 0 0;line-height:1.5!important;min-height:14px}.ev-window-note{font-size:8px!important;line-height:1.65!important;color:#95b9b7;margin:23px 0 0!important;border-top:1px solid #b8ddd620;padding-top:13px}.ev-window-note>span{display:inline-block;width:9px;height:5px;background:#87d7ba66;border-top:1px solid #87d7ba;margin-right:5px}
.ev-charge-comparison:has(.ev-window-visual) .ev-charge-card{padding-top:20px;padding-bottom:19px}.ev-charge-comparison:has(.ev-window-visual) .ev-charge-card>p:not(.ev-charge-fit){font-size:10px;min-height:0;margin:18px 0 19px}.ev-charge-comparison:has(.ev-window-visual) .ev-time strong{font-size:54px}.ev-charge-comparison:has(.ev-window-visual) .ev-charge-track{margin-top:18px}
@media(max-width:900px){.span-network-caption{display:block}.span-network-caption>[data-span-map-source]{display:inline-block;margin-top:8px}.span-network-note{font-size:8px}.span-demand-panel .span-demand-chart{gap:13px 11px}.span-demand-panel .span-chart-row>div{font-size:8px}.battery-zone-plan{grid-template-columns:repeat(2,minmax(0,1fr))}.battery-zone{min-height:71px;padding-top:10px;gap:5px}.battery-zone svg{width:24px;height:25px}.battery-zone-scene{margin-top:20px}.battery-scene-head{display:block}.battery-scene-head .energy-overline{max-width:none;font-size:6px}.battery-scene-key{margin-top:8px;font-size:7px}.battery-runtime-panel .battery-runtime-number strong{font-size:55px}.battery-scene-remaining strong{font-size:20px}.battery-reserve-overview{gap:12px;margin:18px 0}.battery-outage-scrubber>div:first-child{display:block}.battery-outage-scrubber output{display:block;margin-top:7px}.battery-scene-status{font-size:10px}.battery-scene-explainer{font-size:8px}}
@media(max-width:600px){.span-network-caption{display:flex}.span-network-caption>[data-span-map-source]{margin-top:0;font-size:7px}.span-network-caption .energy-overline{font-size:7px}.span-network-wrap{margin-top:22px}.span-network{margin-top:12px}.span-network-note{font-size:9px}.span-demand-panel .span-demand-chart{gap:17px}.span-demand-panel .span-chart-row>div{font-size:9px}.battery-zone-plan{grid-template-columns:repeat(3,minmax(0,1fr))}.battery-scene-head{display:flex}.battery-scene-head .energy-overline{font-size:7px;max-width:150px}.battery-scene-key{margin:0;font-size:8px}.battery-zone{min-height:85px;padding:14px 4px 10px;gap:8px}.battery-zone svg{width:26px;height:28px}.battery-zone>span:not(.battery-zone-light){font-size:7px}.battery-outage-scrubber>div:first-child{display:flex}.battery-outage-scrubber output{margin:0;font-size:12px}.battery-scene-status{font-size:11px}.battery-scene-explainer{font-size:9px}.battery-scene-remaining strong{font-size:26px}.battery-reserve-overview{gap:23px;margin:22px 0}.battery-runtime-panel .battery-runtime-number strong{font-size:66px}.battery-runtime-panel .battery-runtime-number>span{font-size:10px}.ev-window-visual{padding:23px 18px 18px}.ev-window-heading{gap:10px;margin-bottom:24px}.ev-window-heading h3{font-size:24px;max-width:200px}.ev-window-night{width:44px;height:34px}.ev-window-axis{font-size:8px;gap:7px}.ev-window-axis>span:nth-child(2){font-size:7px}.ev-window-row-head strong{font-size:12px}.ev-window-row-head>[data-window-miles]{font-size:9px}.ev-window-road{margin-top:11px;height:43px}.ev-window-row>p{font-size:9px;min-height:27px}.ev-window-note{font-size:8px!important}.ev-charge-comparison:has(.ev-window-visual) .ev-charge-card>p:not(.ev-charge-fit){font-size:12px}.ev-charge-comparison:has(.ev-window-visual) .ev-time strong{font-size:61px}}
@media(prefers-reduced-motion:reduce){.span-network-circuit.is-powered .span-network-wire{animation:none}.span-network *,.battery-zone,.battery-zone *,.ev-window-visual *{transition:none!important}}
/* Battery: one simple recommendation instead of runtime and stored-energy figures. */
.battery-recommendation{margin-top:22px;padding:24px;border:1px solid rgba(128,241,212,.18);border-radius:16px;background:rgba(10,25,41,.28);display:grid;gap:12px;justify-items:center;width:100%;box-sizing:border-box}
.battery-recommendation-count{display:flex;align-items:baseline;gap:12px;color:#e6fff8}
.battery-recommendation-count strong{font:600 clamp(56px,7vw,84px)/.95 JakartaLocal,sans-serif;letter-spacing:-.06em;color:#80f1d4}
.battery-recommendation-count span{font-size:20px;font-weight:700}
.battery-recommendation p{margin:0;color:#c9e7e1;font-size:14px;line-height:1.6;max-width:36ch}
.battery-recommendation .pill-button{margin-top:6px}
.battery-calculator-controls>.energy-tool-help{margin:6px 0 22px;max-width:52ch}
