/* Scoped interactive energy planner */
.energy-grid{grid-template-columns:1fr;gap:45px}.energy-grid>.energy-introduction{max-width:780px}.energy-description{max-width:720px}.energy-tags{max-width:760px}.energy-extra{max-width:720px}.energy-calculator{background:#f7f6ef;color:#233f35;border:1px solid #6b8069;border-radius:12px;overflow:hidden;box-shadow:0 24px 70px #061e2026}.ec-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:35px 35px 26px}.ec-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.ec-heading h3{font-size:32px;font-weight:550;letter-spacing:-1.1px;margin-bottom:12px}.ec-heading p:not(.eyebrow){font-size:13px;color:#68776b}.ec-demo-label{font-size:8px;letter-spacing:.9px;white-space:nowrap;background:#e7eddf;padding:8px 10px;border-radius:4px;margin-top:3px}.ec-demo-label i{width:5px;height:5px;background:#63845c;display:inline-block;border-radius:50%;margin-right:5px}.ec-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 35px 27px;border-bottom:1px solid #dbe0d2}.ec-presets>span{font-size:10px;color:#74816f;margin-right:7px}.ec-presets button{font-size:11px;border:1px solid #cbd5c3;background:#fffefa;border-radius:4px;padding:7px 11px}.ec-presets button:hover{background:#e5eddd;border-color:#78916d}.ec-config-grid{display:grid;grid-template-columns:1fr 1fr}.ec-config{padding:30px 35px}.ec-config+.ec-config{border-left:1px solid #dbe0d2}.ec-subheading{display:flex;gap:12px;align-items:center;margin-bottom:21px}.ec-subheading>span{font-size:10px;font-weight:600;color:#929a84}.ec-subheading h4{font-size:16px;font-weight:650;line-height:1.4;margin:0;letter-spacing:-.2px}.ec-count-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #e0e5d9}.ec-count-row strong{font-size:14px;font-weight:650}.ec-count-row small{display:block;font-size:11px;line-height:1.6;color:#6d7968;margin-top:4px}.ec-count-row small b{font-weight:600;color:#34523d}.ec-stepper{display:flex;align-items:center;background:#fffefa;border:1px solid #cad3c1;border-radius:5px;flex-shrink:0}.ec-stepper button{width:35px;height:37px;font-size:21px;line-height:1;border:0;background:none}.ec-stepper button:hover{background:#e4eddb}.ec-stepper button:disabled{opacity:.3;cursor:default}.ec-stepper output{width:32px;text-align:center;font-size:15px;font-weight:650}.ec-slider-label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;font-weight:550;margin:20px 0 8px}.ec-slider-label output{font-size:14px;color:#426741}.energy-calculator input[type=range]{appearance:auto;accent-color:#527d50;width:100%;height:22px;margin:0;padding:0;border:0;background:none;cursor:pointer}.ec-field-note{font-size:10px;color:#78816f;line-height:1.8;margin-top:12px}.ec-solar-result{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-top:7px}.ec-solar-result strong{font-size:14px;color:#41643c}.ec-formula{font-size:10px;color:#78816f;margin-top:7px}.ec-source-switch{display:flex;align-items:center;justify-content:space-between;position:relative;padding:15px 0 0;margin:0;gap:14px}.ec-source-switch strong{font-size:12px;font-weight:600}.ec-source-switch small{display:block;font-size:10px;color:#7b8372;font-weight:400;margin-top:2px}.ec-source-switch input{position:absolute;right:0;top:20px;opacity:0;width:38px;height:22px;margin:0;z-index:1;cursor:pointer}.ec-source-switch i,.ec-toggle{display:inline-block;position:relative;background:#bfc9b5;border:0;border-radius:20px;width:35px;height:20px;flex-shrink:0}.ec-source-switch i:after,.ec-toggle span{content:'';display:block;position:absolute;width:14px;height:14px;top:3px;left:3px;border-radius:50%;background:white;transition:left .15s}.ec-source-switch input:checked+i,.ec-toggle[aria-pressed=true]{background:#50784b}.ec-source-switch input:checked+i:after,.ec-toggle[aria-pressed=true] span{left:18px}.ec-source-switch input:focus-visible+i{outline:3px solid #bd8e58;outline-offset:3px}.ec-source-value{font-size:10px;color:#50744b;margin:3px 0 0}.ec-live{background:#1a4036;color:#f6f4e9;margin:0 20px;border-radius:8px;padding:26px 28px}.ec-live-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.ec-live-title h4{font-size:13px;margin:0;font-weight:550}.ec-live-title>span{font-size:10px;padding:5px 10px;border-radius:30px;background:#d4e7bc;color:#2f4b2d}.ec-live-title>span[data-state=drain]{background:#e8c396;color:#5e401d}.ec-live-title>span[data-state=balanced]{background:#cdd9cd;color:#31523b}.ec-flow{display:grid;grid-template-columns:1fr 25px 1.55fr 25px 1fr;gap:18px;align-items:center}.ec-metric-label{font-size:9px;letter-spacing:1.3px;color:#c1d1bd;display:block}.ec-flow-source>strong,.ec-flow-load>strong{font-size:30px;font-weight:500;letter-spacing:-1px;display:block;margin:8px 0}.ec-flow small{font-size:9px;color:#b8c8b4;display:block;line-height:1.7}.ec-flow-arrow{color:#a9c28f;font-size:25px}.ec-bar{height:4px;background:#496451;margin:12px 0 9px;overflow:hidden;border-radius:5px}.ec-bar i{display:block;height:100%;background:#b3cf95;transition:width .2s}.ec-bar.out i{background:#dfb581}.ec-battery-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.8px;margin-bottom:12px}.ec-battery-top strong{font-size:22px;font-weight:500;letter-spacing:-.5px}.ec-battery-visual{height:54px;border:1px solid #819777;position:relative;border-radius:5px;overflow:hidden;margin-bottom:10px}.ec-battery-visual>i{height:100%;background:linear-gradient(90deg,#5f8054,#93af78);position:absolute;left:0;top:0;opacity:.7;transition:width .2s}.ec-battery-visual>span{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;font-weight:600;color:white;text-shadow:0 1px 2px #173d35}.ec-balance-row{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #ffffff26;margin-top:24px;padding-top:20px}.ec-balance-row>div>span{display:block;font-size:10px;color:#beceb8}.ec-balance-row strong{display:block;font-size:25px;font-weight:450;line-height:1.5}.ec-time small{font-size:9px;color:#b2c5ac;line-height:1.7;display:block;max-width:460px}.ec-system-note{background:#e7cda318;border-left:2px solid #dfbd91;padding:10px 13px;margin-top:20px;color:#e8d6b8;font-size:10px;line-height:1.8}.ec-load-section{padding:34px 35px}.ec-load-heading{margin-bottom:22px}.ec-load-heading .ec-subheading{margin-bottom:10px}.ec-load-heading p{font-size:11px;color:#75816d}.ec-load-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ec-load{background:#f1f2e9;border:1px solid #dde2d3;border-radius:6px;padding:17px 18px}.ec-load.is-on{background:#fffefa;border-color:#a8bc99}.ec-load-top{display:flex;align-items:center;gap:11px}.ec-device-icon{width:30px;height:30px;background:#e3e9d9;border-radius:5px;display:grid;place-items:center;font-size:21px;flex-shrink:0;color:#63825a}.ec-load-top>div{min-width:0}.ec-load-top h4{font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.2px;margin:0}.ec-load-top p{font-size:9px;color:#7c8675;line-height:1.6;margin-top:1px}.ec-toggle{margin-left:auto}.ec-device-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.ec-device-fields label,.ec-daily-inputs label,.ec-limit-fields label{font-size:9px;font-weight:500;color:#748168;line-height:1.5;margin:0}.ec-device-fields label>span,.ec-daily-inputs label>span,.ec-limit-fields label>span{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:10px;color:#53644b}.energy-calculator input[type=number]{width:78px;max-width:100%;height:34px;padding:5px 7px;margin:0;font-size:12px;border:1px solid #ccd6c1;border-radius:3px;color:#294c36;background:#fffefa;min-width:0}.ec-device-result{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:9px;margin-top:13px;border-top:1px solid #e2e8d9;padding-top:9px;color:#77866b}.ec-device-result strong{font-size:10px;color:#49663e;font-weight:550}.ec-mini-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ec-mini-presets button{font-size:8px;background:#e8eede;border:1px solid #cbd7bd;border-radius:3px;padding:4px 7px}.ec-mini-presets button:hover{background:#d6e3c5}.ec-load-note{font-size:10px;color:#748069;margin-top:17px;line-height:1.8}.ec-daily{border-top:1px solid #dbe0d2;padding:27px 35px;background:#ecefe3}.ec-daily-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ec-daily-inputs label{font-size:10px}.ec-daily-results{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #d2dcca}.ec-daily-results span{display:block;font-size:10px;color:#718364}.ec-daily-results strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.6px;margin-top:5px}.ec-daily-verdict{font-size:12px;font-weight:600;margin-top:18px}.ec-assumptions{padding:0 35px;border-top:1px solid #d5dfc9}.ec-assumptions>summary{font-size:11px;padding:21px 0}.ec-assumptions-body{padding-bottom:24px}.ec-assumptions-body p{font-size:10px;padding:0;line-height:1.9;margin:10px 0;color:#728269}.ec-explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ec-assumptions h5{font-size:12px;margin:0;font-weight:600}.ec-limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0}.ec-limit-fields label{font-size:10px}.ec-sources{display:flex;flex-wrap:wrap;gap:7px 17px;border-top:1px solid #dce2d4;padding-top:15px;margin-top:15px}.ec-sources a{font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#4f7046}.ec-footer{padding:23px 35px;border-top:1px solid #dbe0d2;display:flex;align-items:center;justify-content:space-between;gap:24px}.ec-footer p{font-size:10px;color:#78876e;line-height:1.8;max-width:500px}.ec-footer .button{font-size:11px;gap:20px;flex-shrink:0}.energy-calculator button:focus-visible{outline:3px solid #b58a56;outline-offset:3px}.ec-heading,.ec-config,.ec-load-section,.ec-daily,.ec-footer{min-width:0}@media(max-width:1000px){.ec-heading{flex-direction:column;gap:15px}.ec-flow{gap:12px;grid-template-columns:1fr 18px 1.4fr 18px 1fr}.ec-flow-source>strong,.ec-flow-load>strong{font-size:24px}.ec-footer{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:700px){.ec-heading{padding:25px 20px 20px}.ec-heading h3{font-size:28px}.ec-demo-label{font-size:7px;white-space:normal}.ec-presets{padding:0 20px 22px;gap:7px}.ec-presets>span{width:100%;margin-bottom:2px}.ec-presets button{font-size:10px}.ec-config-grid{grid-template-columns:1fr}.ec-config{padding:22px 20px}.ec-config+.ec-config{border-left:0;border-top:1px solid #dbe0d2}.ec-live{margin:0 10px;padding:20px 17px}.ec-flow{grid-template-columns:1fr 1fr;gap:20px 18px}.ec-flow-arrow{display:none}.ec-flow-battery{grid-column:1/-1;grid-row:2}.ec-flow-source{grid-column:1;grid-row:1}.ec-flow-load{grid-column:2;grid-row:1}.ec-battery-top{margin-bottom:8px}.ec-flow small{font-size:9px}.ec-battery-visual{height:43px}.ec-live-title{margin-bottom:20px}.ec-live-title h4{font-size:12px}.ec-live-title>span{font-size:9px;padding:4px 8px}.ec-balance-row{grid-template-columns:.85fr 1.15fr;gap:15px;margin-top:17px;padding-top:16px}.ec-balance-row strong{font-size:22px}.ec-load-section,.ec-daily{padding:24px 20px}.ec-load-grid{grid-template-columns:1fr}.ec-load-top h4{font-size:14px}.ec-device-fields label{font-size:10px}.ec-load{padding:18px}.ec-device-result,.ec-device-result strong{font-size:10px}.ec-daily-inputs{grid-template-columns:1fr;gap:15px}.ec-daily-inputs label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px}.ec-daily-inputs label>span{margin-top:0;min-width:130px}.ec-daily-results{gap:10px}.ec-daily-results strong{font-size:20px}.ec-daily-results span{font-size:9px}.ec-assumptions{padding:0 20px}.ec-explain-grid{grid-template-columns:1fr;gap:15px}.ec-limit-fields{grid-template-columns:1fr}.ec-footer{padding:20px}.ec-footer .button{width:100%;gap:15px}.ec-subheading h4{font-size:15px}.energy-grid{gap:35px}.ec-metric-label{font-size:8px;letter-spacing:.9px}}@media(prefers-reduced-motion:reduce){.ec-bar i,.ec-battery-visual>i{transition:none}}
/* Simple view: device settings and the daily budget open only on request. */
.ec-heading h3{font-size:30px}.ec-heading{padding-bottom:20px}.ec-presets{padding-bottom:22px}.ec-config{padding-top:24px;padding-bottom:24px}.ec-subheading{margin-bottom:15px}.ec-count-row{padding:12px 0}.ec-load-section{padding:24px 35px;border-top:1px solid #dbe0d2}.ec-load-heading p{font-size:12px;line-height:1.8}.ec-load-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.ec-load{padding:14px;min-width:0;align-self:start}.ec-load-top{gap:8px;flex-wrap:wrap}.ec-load-top>div{flex:1}.ec-device-icon{display:none}.ec-load-top h4{font-size:12px}.ec-load-top p{font-size:10px;margin-top:5px}.ec-load-top .ec-toggle{width:32px;height:19px;margin-left:0}.ec-toggle span{width:13px;height:13px}.ec-toggle[aria-pressed=true] span{left:16px}.ec-device-options{border:0!important;margin-top:7px}.ec-device-options>summary{font-size:10px;color:#788b6b;font-weight:400;padding:5px 0;justify-content:flex-start;gap:8px}.ec-device-options>summary>span{font-size:12px}.ec-device-options[open]>summary>span{transform:rotate(45deg)}.ec-device-fields{grid-template-columns:1fr;gap:12px;margin-top:9px}.ec-device-note{font-size:9px;color:#7c876f;line-height:1.7;padding:0!important;margin-top:10px}.ec-plain-summary{font-size:18px;line-height:1.6;color:#f7f4e8;max-width:750px;margin:-4px 0 25px;font-weight:450}.ec-live{margin-top:3px;margin-bottom:24px}.ec-live-title{margin-bottom:18px}.ec-live-title h4{font-size:18px}.ec-flow [data-load-current],.ec-flow [data-battery-current],.ec-flow [data-available]{display:none}.ec-battery-visual{height:32px;margin-bottom:0}.ec-flow-battery .ec-battery-top{margin-bottom:9px}.ec-flow-source>strong,.ec-flow-load>strong{font-size:28px}.ec-net-detail{display:none}.ec-balance-row{display:block;padding-top:17px;margin-top:20px}.ec-time{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 20px}.ec-time>span{font-size:13px!important;color:#d0ddc9!important}.ec-time strong{font-size:30px}.ec-time small{grid-column:1/-1;max-width:none;line-height:1.8}.ec-daily{padding:0 35px}.ec-daily>summary{font-size:13px;padding:20px 0;font-weight:550}.ec-daily>summary>span{font-size:20px}.ec-daily[open]>summary>span{transform:rotate(45deg)}.ec-daily-content{padding:4px 0 25px}.ec-assumptions>summary{font-size:12px}.ec-footer p{font-size:11px}.ec-demo-label{font-size:9px}.ec-presets>span{font-size:11px}@media(max-width:1000px){.ec-load-grid{grid-template-columns:1fr 1fr}.ec-device-fields{grid-template-columns:1fr 1fr}.ec-load-top h4{font-size:13px}}@media(max-width:700px){.ec-heading h3{font-size:26px}.ec-heading{gap:12px}.ec-presets>span{display:none}.ec-config{padding:20px}.ec-load-section{padding:22px 20px}.ec-load-grid{gap:10px}.ec-load{padding:13px}.ec-load-top{gap:7px}.ec-load-top h4{font-size:12px}.ec-load-top .ec-toggle{width:30px;flex-shrink:0}.ec-toggle[aria-pressed=true] span{left:14px}.ec-device-fields{grid-template-columns:1fr}.ec-device-fields label{font-size:9px}.ec-plain-summary{font-size:16px;margin-bottom:20px}.ec-daily{padding:0 20px}.ec-balance-row{display:block}.ec-time{grid-template-columns:1fr}.ec-time strong{font-size:30px}.ec-time>span{font-size:12px!important}.ec-flow{gap:16px}.ec-live{margin-bottom:20px}.ec-footer .button{font-size:12px}}@media(max-width:370px){.ec-load-grid{grid-template-columns:1fr}.ec-device-fields{grid-template-columns:1fr 1fr}}