.ev-hero-peek{position:relative;overflow:hidden;padding:27px 27px 22px;border:1px solid #42608388;border-radius:26px;background:radial-gradient(ellipse at 15% 0,#22526780,transparent 57%),radial-gradient(ellipse at 95% 90%,#64377855,transparent 60%),#111c30;box-shadow:0 25px 55px -30px #20385899;color:#dbe8fa}
.ev-peek-label{display:flex;align-items:center;gap:9px;font-size:15px;color:#adc8e3}
.ev-hero-peek>svg{display:block;width:100%;height:auto;margin:13px 0 3px}
.ev-peek-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.ev-peek-tags>span{font-size:15px;border:1px solid #39445b3d;background:#6173a519;border-radius:20px;padding:6px 12px;color:#c8d8ef}
.ev-hero-peek>p{font-size:16px;text-align:center;color:#b9c4d4;margin:15px 0 0}
.ev-indicator{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#6ed9e8;box-shadow:0 0 12px #6ed9e855}
.ev-section{padding-top:5px;padding-bottom:10px;scroll-margin-top:125px}
.ev-dashboard{--ev-solar:#e8c476;--ev-battery:#8ede9e;--ev-grid:#76abed;--ev-home:#73d6e3;--ev-heat:#f5af79;--ev-car:#b693ed;position:relative;isolation:isolate;padding:29px;background:radial-gradient(ellipse at 8% 0,#1d3e5360,transparent 52%),radial-gradient(ellipse at 100% 100%,#4b305966,transparent 50%),#0f182b;color:#e4efff;border:1px solid #4c64814d;border-radius:28px;box-shadow:0 28px 70px -35px #213253a6,inset 0 1px 1px #cee9ff16}
.ev-dashboard::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#7eafd105 1px,transparent 1px),linear-gradient(90deg,#7eafd105 1px,transparent 1px);background-size:35px 35px}
.ev-dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}
.ev-dashboard-brand{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.3;font-weight:650;letter-spacing:-.025em}
.ev-dashboard-brand small{display:block;color:#b9c6d4;font-size:16px;font-weight:400;letter-spacing:.03em;margin-top:6px}
.ev-brand-symbol{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;border:1px solid #2f4a655e;background:linear-gradient(130deg,#31647580,#68447a80);font-size:27px;color:#b7e8f5;box-shadow:0 5px 20px #6c9ad519,inset 0 1px 1px #99cde230}
.ev-concept-badge{display:flex;align-items:center;gap:8px;border:1px solid #7cabcf3b;background:#34638318;color:#b8d3e8;border-radius:20px;padding:7px 11px;font-size:15px;white-space:nowrap;line-height:1.5}
.ev-modebar{border-bottom:1px solid #7891b528;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:19px}
.ev-tabs{display:flex;gap:5px;background:#53678614;padding:4px;border:1px solid #7286ad29;border-radius:12px}
.ev-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:transparent;color:#b9c4d4;padding:10px 15px;border-radius:9px;font-size:16px;line-height:1.3;font-weight:550}
.ev-tabs button span{font-size:16px;color:#9dc6e9}
.ev-tabs button[aria-selected=true]{border-color:#84abc757;color:#e9f4ff;background:linear-gradient(120deg,#29566b70,#563d746b);box-shadow:0 3px 10px #07122545,inset 0 1px 1px #cbecff12}
.ev-tabs button:hover,.ev-scenarios button:hover{border-color:#5f92b06b;color:#e9f4ff}
.ev-local-caption{color:#b9c5d4;font-size:16px;letter-spacing:.05em}
.ev-dashboard button:focus-visible,.ev-panel:focus-visible{outline:2px solid #78dfef;outline-offset:4px}
.ev-panel{padding-top:28px}
.ev-panel-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px}
.ev-kicker{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:#b9c6d4;margin:0 0 10px}
.ev-panel h3{font-size:24px;letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:600}
.ev-scenarios{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
.ev-scenarios button{color:#b9c4d4;background:#6683ad13;border:1px solid #6683ad29;padding:9px 12px;border-radius:8px;font-size:16px;line-height:1.3;min-height:34px}
.ev-scenarios button[aria-pressed=true]{color:#c9f2f7;border-color:#58bdd76b;background:#30799230}
.ev-power-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:19px;align-items:stretch}
.ev-card{min-width:0;border:1px solid #7699ba35;background:linear-gradient(135deg,#273b5552,#29345138);border-radius:17px;box-shadow:inset 0 1px 1px #d1e8ff08;padding:19px}
.ev-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ev-card h4{font-size:16px;line-height:1.3;letter-spacing:-.015em;font-weight:550;color:#e2edfb;margin:0}
.ev-soft-tag{font-size:15px;line-height:1.5;white-space:nowrap;color:#b9c4d4;padding:4px 7px;border:1px solid #7d95bb29;border-radius:6px;background:#60769c13}
.ev-flow-card{display:flex;flex-direction:column;padding:19px 12px 17px}
.ev-flow-card .ev-card-top{padding-inline:7px;margin-bottom:10px}
.ev-flow-svg{display:block;width:100%;height:auto;margin:auto 0}
.ev-route{stroke-dasharray:3 9;stroke-linecap:round;animation:ev-energy-flow 3.5s linear infinite;filter:drop-shadow(0 0 3px currentColor)}
.ev-route-solar{stroke:var(--ev-solar);color:var(--ev-solar)}
.ev-route-battery{stroke:var(--ev-battery);color:var(--ev-battery)}
.ev-route-grid{stroke:var(--ev-grid);color:var(--ev-grid)}
.ev-route-home{stroke:var(--ev-home);color:var(--ev-home)}
.ev-route-heat{stroke:var(--ev-heat);color:var(--ev-heat)}
.ev-route-car{stroke:var(--ev-car);color:var(--ev-car)}
.ev-route.ev-reverse{animation-direction:reverse}
.ev-route.ev-inactive{animation:none;opacity:.16;filter:none}
.ev-flow-node>rect:first-child{fill:#18253a;stroke:currentColor;stroke-opacity:.35}
.ev-flow-node .ev-node-icon-bg{fill:currentColor;fill-opacity:.13;stroke:none}
.ev-node-icon{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.ev-node-solar{color:var(--ev-solar)}.ev-node-battery{color:var(--ev-battery)}.ev-node-grid{color:var(--ev-grid)}.ev-node-home{color:var(--ev-home)}.ev-node-heat{color:var(--ev-heat)}.ev-node-car{color:var(--ev-car)}
.ev-svg-node-label{fill:#e2eafa;font-size:18px;font-weight:500;letter-spacing:-.2px}
.ev-svg-value{fill:currentColor;font-size:40px;font-weight:550;letter-spacing:-2px}
.ev-svg-unit{fill:currentColor;font-size:17px;opacity:.7}
.ev-svg-state{fill:#9fb3cc;font-size:16px}
.ev-svg-hub-label{fill:#cfdeef;font-size:17px;font-weight:500}
.ev-svg-caption{fill:#8da4c3;font-size:16px;letter-spacing:.2px}
.ev-flow-caption{display:flex;align-items:center;gap:9px;padding:13px 7px 0;border-top:1px solid #7b98bd20;margin-top:7px}
.ev-flow-caption>p{font-size:16px;line-height:1.7;color:#afc6db;margin:0}
.ev-forecast-key{display:flex;justify-content:space-between;gap:15px;font-size:16px;letter-spacing:.04em;color:#b9c5d4;margin:0 0 7px}
.ev-forecast-key>span{display:flex;align-items:center;gap:5px}
.ev-forecast-key i{width:5px;height:5px;border-top:1px solid #3b4859;border-left:1px solid #3b4859;transform:rotate(45deg)}
.ev-forecast-key>span:last-child i{transform:rotate(225deg)}
.ev-forecast-svg{width:100%;height:auto;display:block}
.ev-chart-grid{fill:none;stroke:#87a4c526;stroke-width:1}
.ev-chart-zero{stroke:#9bb1ca66}
.ev-chart-axis{fill:#7e96b3;font-size:16px}
.ev-storage-chart{fill:#8acb98;stroke:#8acb98;stroke-width:1.5}
.ev-storage-chart>text{stroke:none;font-size:16px;fill:#8da4bf}
.ev-storage-area{stroke:none;fill:#8acb981c}
.ev-legend,.ev-house-legend,.ev-trend-legend{display:flex;flex-wrap:wrap;gap:9px 14px;font-size:15px;color:#b9c5d4;line-height:1.5}
.ev-legend{margin-top:8px;padding-bottom:17px;border-bottom:1px solid #829fc125}
.ev-legend>span,.ev-house-legend>span,.ev-trend-legend>span,.ev-summary-card>span{display:flex;align-items:center;gap:5px}
.ev-legend i,.ev-house-legend i,.ev-trend-legend i,.ev-summary-card i{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:2px}
.ev-dot-solar{background:var(--ev-solar)}.ev-dot-battery{background:var(--ev-battery)}.ev-dot-grid{background:var(--ev-grid)}.ev-dot-home{background:var(--ev-home)}.ev-dot-heat{background:var(--ev-heat)}.ev-dot-car{background:var(--ev-car)}
.ev-price-window{margin-top:18px}
.ev-price-window>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:13px}
.ev-price-window>div:first-child>span{font-size:16px;color:#b9c6d4}
.ev-price-window strong{font-size:16px;color:#b9dce9;font-weight:500}
.ev-price-bars{height:28px;display:flex;align-items:flex-end;gap:3px}
.ev-price-bars>span{flex:1;height:var(--height);border-radius:2px 2px 0 0;background:#ae869356;border:1px solid #b18b9933;min-height:8px}
.ev-price-bars .ev-price-low{background:#51cad777;border-color:#2e6366b3;box-shadow:0 0 8px #6adddf18}
.ev-price-scale{display:flex;justify-content:space-between;font-size:16px;color:#b9c5d4;margin-top:7px}
.ev-mini-note{font-size:6px;color:#8197b6;line-height:1.7;margin:14px 0 0}
.ev-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.ev-summary-card{padding:17px 19px;border:1px solid #7394bc26;border-radius:13px;background:#42608413}
.ev-summary-card>span{font-size:16px;color:#b9c6d4;margin-bottom:9px}
.ev-summary-card>strong{display:block;font-size:16px;font-weight:550;color:#dceaff;letter-spacing:-.025em;line-height:1.4}
.ev-summary-card>p{font-size:16px;line-height:1.7;color:#b9c5d4;margin:8px 0 0}
.ev-heat-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;align-items:stretch}
.ev-house-card{display:flex;flex-direction:column;padding:19px 14px 17px;overflow:hidden}
.ev-house-card .ev-card-top{padding-inline:5px}
.ev-house-svg{display:block;width:100%;height:auto;margin:auto 0}
.ev-heat-pipes path{stroke-width:2.8;stroke-linecap:round}
.ev-pipe-warm{stroke:#f1ac79;stroke-dasharray:4 6;opacity:.35}
.ev-pipe-cool{stroke:#7bafee;stroke-dasharray:4 6;opacity:.35}
.ev-heat-active .ev-pipe-warm{opacity:1;animation:ev-energy-flow 8s linear infinite;filter:drop-shadow(0 0 2px #e9a37470)}
.ev-heat-active .ev-pipe-cool{opacity:.9;animation:ev-energy-flow 8s linear infinite reverse;filter:drop-shadow(0 0 2px #7bafee50)}
.ev-radiators>g>path:first-child{fill:#e7c17819;stroke:#d1c087;stroke-width:1.2}
.ev-radiators>g>path:last-child{stroke:#e5d3a6;stroke-opacity:.65;stroke-width:1.2;fill:none}
.ev-house-label>rect{fill:#152238;fill-opacity:.93;stroke:#718da66b}
.ev-house-label>text{fill:#a8bed8;font-size:15px}
.ev-house-label>text.ev-house-value{fill:#dbedfa;font-size:18px;letter-spacing:-.6px;font-weight:500}
.ev-floor-label{fill:#8c9fc1;font-size:15px;letter-spacing:2px}
.ev-house-legend{padding:13px 5px 0;border-top:1px solid #7b98bd20;margin-top:12px;gap:8px 14px;font-size:15px}
.ev-house-legend>span:last-child{margin-left:auto;color:#b9c4d4}
.ev-heat-side{display:grid;gap:14px;grid-template-rows:1fr 1.1fr 1fr}
.ev-comfort-reading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 21px}
.ev-comfort-reading>strong{display:flex;align-items:baseline;gap:4px;font-size:37px;line-height:1;font-weight:550;letter-spacing:-2px;color:#c3e9ee}
.ev-comfort-reading>strong>span{font-size:16px;color:#b9cad4;font-weight:400;letter-spacing:0}
.ev-comfort-reading>span{font-size:16px;line-height:1.65;color:#b9c6d4}
.ev-comfort-reading b{font-weight:400;color:#b5c8e2}
.ev-comfort-scale{display:flex;gap:8px;align-items:center;font-size:16px;color:#b9c4d4}
.ev-comfort-scale>div{flex:1;height:5px;position:relative;border-radius:8px;background:#7791a629}
.ev-comfort-scale>div:before{content:'';position:absolute;left:35%;width:30%;inset-block:0;background:#72cbb142;border-radius:8px}
.ev-comfort-scale i{position:absolute;left:40%;top:-3px;width:3px;height:11px;background:#162728;border-radius:3px;box-shadow:0 0 9px #86d2e34d;transition:left .4s}
.ev-comfort-scale b{position:absolute;left:50%;top:-4px;height:13px;border-left:1px dashed #3a485a70}
.ev-comfort-card>p,.ev-plant-card>p,.ev-runtime-card>p{font-size:16px;line-height:1.7;color:#b9c6d4;margin:16px 0 0}
.ev-plant-symbol{font-size:18px;color:#e2c2ac}
.ev-plant-card dl{margin:0}
.ev-plant-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-block:9px;border-bottom:1px solid #829fc120}
.ev-plant-card dt{font-size:16px;color:#b9c4d4}
.ev-plant-card dd{margin:0;color:#d6e8ff;font-size:16px;white-space:nowrap;letter-spacing:-.02em}
.ev-plant-card dd small{font-size:16px;color:#b9c5d4;letter-spacing:0}
.ev-runtime-card>strong{display:block;font-size:16px;font-weight:500;letter-spacing:-.02em;color:#d5e4f8;margin-top:6px;line-height:1.5}
.ev-runtime-strip{display:flex;gap:3px;height:27px;margin-top:16px}
.ev-runtime-strip>span{flex:1;height:100%;background:#576d8d20;border:1px solid #6f86a02b;border-radius:3px}
.ev-runtime-strip>span.ev-runtime-active{background:#bd8b664a;border-color:#6a472a6b;box-shadow:0 0 7px #ecae7910}
.ev-heat-trend{margin-top:18px;padding-bottom:16px}
.ev-heat-trend .ev-card-top{margin-bottom:7px}
.ev-heat-trend svg{display:block;width:100%;height:auto;max-height:190px}
.ev-target-line{fill:none;stroke:#b292e8;stroke-width:1.5;stroke-dasharray:5 7;opacity:.6}
.ev-heat-trend-area{fill:url(#ev-heat-area)}
.ev-heat-trend-line{fill:none;stroke:#74d1df;stroke-width:2.3;stroke-linejoin:round}
.ev-trend-legend{margin-top:8px;font-size:15px}
.ev-trend-legend>span:last-child{margin-left:auto;color:#b9c4d4}
.ev-target-dot{background:#1d142b}
.ev-dashboard-bottom{margin-top:24px;padding-top:18px;border-top:1px solid #7b95b428;display:flex;justify-content:space-between;gap:15px;font-size:16px;color:#b9c4d4;line-height:1.6}
.ev-screen-reader{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes ev-energy-flow{to{stroke-dashoffset:-72}}
@media(max-width:1050px){.ev-dashboard{padding:24px}.ev-panel-intro{align-items:flex-start;flex-direction:column;gap:18px}.ev-scenarios{justify-content:flex-start}.ev-power-layout{grid-template-columns:1.15fr 1fr;gap:14px}.ev-card{padding:15px}.ev-flow-card{padding-inline:8px}.ev-summary-grid{gap:12px}.ev-summary-card{padding:15px}.ev-summary-card>strong{font-size:16px}.ev-heat-layout{grid-template-columns:1.45fr 1fr;gap:14px}.ev-heat-side{gap:12px}.ev-comfort-reading>strong{font-size:30px}.ev-house-card{padding-inline:9px}.ev-plant-card dd{font-size:16px}.ev-house-legend>span:last-child{margin-left:0;flex-basis:100%}}
@media(max-width:800px){.ev-power-layout,.ev-heat-layout{grid-template-columns:1fr}.ev-forecast-svg{max-height:330px}.ev-flow-svg{max-height:440px}.ev-heat-side{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.ev-comfort-reading{display:block}.ev-comfort-reading>span{display:block;margin-top:12px}.ev-comfort-reading>strong{font-size:30px}.ev-plant-card dl>div{flex-wrap:wrap;gap:5px;padding-block:8px}.ev-plant-card dd{flex-basis:100%}.ev-heat-side .ev-card-top{align-items:flex-start}.ev-heat-side .ev-soft-tag{display:none}.ev-house-svg{max-height:470px}.ev-local-caption{display:none}.ev-hero-peek{max-width:560px;width:100%;margin-inline:auto}}
@media(max-width:600px){.ev-section{padding-top:10px}.ev-dashboard{padding:19px 13px;border-radius:21px}.ev-dashboard-top{gap:15px;align-items:flex-start;padding:0 5px 18px}.ev-dashboard-brand{font-size:16px;gap:9px}.ev-brand-symbol{width:32px;height:32px;font-size:23px;border-radius:9px}.ev-dashboard-brand small{font-size:16px;max-width:110px;line-height:1.6;margin-top:4px}.ev-concept-badge{font-size:15px;white-space:normal;max-width:126px;line-height:1.7;padding:6px 8px;gap:6px}.ev-indicator{width:5px;height:5px}.ev-modebar{padding-bottom:16px;display:block}.ev-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px}.ev-tabs button{padding:10px 8px;font-size:16px;min-height:43px;gap:6px;line-height:1.5;text-align:left}.ev-tabs button span{font-size:16px}.ev-panel{padding-top:21px}.ev-panel h3{font-size:20px}.ev-kicker{font-size:15px;letter-spacing:.08em;margin-bottom:10px}.ev-panel-intro{padding-inline:4px;margin-bottom:19px;gap:16px}.ev-scenarios{width:100%;gap:5px}.ev-scenarios button{padding:10px 9px;font-size:16px;min-height:39px;flex:1}.ev-card{padding:16px 13px;border-radius:13px}.ev-card h4{font-size:16px}.ev-soft-tag{font-size:15px;padding:3px 5px}.ev-flow-card{padding:16px 4px 13px}.ev-flow-card .ev-card-top{padding-inline:8px;gap:8px;margin-bottom:10px}.ev-flow-caption{margin-inline:8px;padding:11px 0 0;gap:7px}.ev-flow-caption>p{font-size:16px}.ev-svg-node-label{font-size:20px}.ev-svg-state{font-size:16px}.ev-svg-value{font-size:41px}.ev-svg-caption{font-size:16px}.ev-card-top{margin-bottom:13px}.ev-power-layout,.ev-heat-layout{gap:13px}.ev-forecast-key{font-size:16px}.ev-legend{font-size:15px;gap:8px 11px}.ev-price-window>div:first-child{gap:10px}.ev-price-window>div:first-child>span,.ev-price-window strong{font-size:16px}.ev-price-bars{gap:2px}.ev-mini-note{font-size:7px}.ev-price-scale{font-size:16px}.ev-summary-grid{grid-template-columns:1fr;gap:9px;margin-top:13px}.ev-summary-card{padding:13px 15px;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;align-items:center}.ev-summary-card>span{margin:0;font-size:16px}.ev-summary-card>strong{font-size:16px;text-align:right}.ev-summary-card>p{font-size:16px;margin:3px 0 0;grid-column:1/-1}.ev-house-card{padding:16px 6px 13px}.ev-house-card .ev-card-top{padding-inline:7px}.ev-house-legend{margin-top:8px;padding:12px 7px 0;font-size:15px;gap:8px 12px}.ev-house-label>text{font-size:15px}.ev-house-label>text.ev-house-value{font-size:21px}.ev-heat-side{grid-template-columns:1fr;gap:11px}.ev-comfort-reading{display:flex;margin-bottom:17px}.ev-comfort-reading>strong{font-size:37px}.ev-comfort-reading>span{font-size:16px;margin:0}.ev-comfort-card>p,.ev-plant-card>p,.ev-runtime-card>p{font-size:16px;margin-top:13px}.ev-comfort-scale{font-size:16px}.ev-plant-card dl>div{flex-wrap:nowrap;padding-block:9px}.ev-plant-card dd{font-size:16px;flex-basis:auto}.ev-plant-card dt{font-size:16px}.ev-heat-side .ev-soft-tag{display:inline-flex}.ev-runtime-card>strong{font-size:16px}.ev-heat-trend{padding:15px 12px;margin-top:13px}.ev-heat-trend .ev-card-top{align-items:flex-start}.ev-heat-trend svg{min-height:100px}.ev-heat-trend .ev-soft-tag{font-size:15px;white-space:normal;max-width:105px;text-align:right}.ev-trend-legend{font-size:15px;gap:8px}.ev-trend-legend>span:last-child{margin-left:0;flex-basis:100%}.ev-dashboard-bottom{font-size:16px;display:block;padding-top:15px;margin-top:19px;padding-inline:5px}.ev-dashboard-bottom>span{display:block}.ev-dashboard-bottom>span+span{margin-top:6px}.ev-hero-peek{padding:23px 20px 18px;border-radius:21px}.ev-peek-label{font-size:15px}.ev-peek-tags>span{font-size:15px;padding:5px 9px}.ev-hero-peek>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ev-route,.ev-heat-active .ev-pipe-warm,.ev-heat-active .ev-pipe-cool{animation:none}.ev-comfort-scale i{transition:none}}

/* Readable controls and explanations around the illustrative energy diagrams. */
.ev-dashboard { box-shadow: var(--glass-shadow), 0 0 45px #47689712; }
.ev-dashboard-top, .ev-card-top, .ev-price-window > div:first-child { flex-wrap: wrap; }
.ev-dashboard-brand { font-size: 20px; min-width: 0; }
.ev-dashboard-brand small { font-size: 16px; max-width: none; line-height: 1.5; }
.ev-concept-badge { max-width: none; white-space: normal; font-size: 15px; }
.ev-tabs button { font-size: 16px; min-height: 46px; }
.ev-scenarios button { font-size: 16px; min-height: 44px; }
.ev-panel h3 { font-size: 28px; }
.ev-card h4 { font-size: 18px; }
.ev-soft-tag { font-size: 15px; white-space: normal; }
.ev-mini-note, .ev-dashboard-bottom, .ev-flow-caption > p { font-size: 16px; line-height: 1.6; }
.ev-summary-card > strong { font-size: 20px; }
.ev-summary-card > p { font-size: 16px; }
.ev-summary-grid { gap: 14px; }
.ev-svg-node-label { font-size: 22px; }
.ev-svg-state { font-size: 16px; }
.ev-svg-caption { font-size: 16px; }
@media (max-width: 800px) {
  .ev-heat-side { grid-template-columns: 1fr; }
  .ev-comfort-reading { display: flex; }
  .ev-plant-card dd { flex-basis: auto; }
}
@media (max-width: 600px) {
  .ev-dashboard-top { gap: 12px; }
  .ev-dashboard-brand { flex: 1 1 220px; font-size: 19px; }
  .ev-dashboard-brand small { max-width: none; }
  .ev-panel h3 { font-size: 25px; }
  .ev-tabs button { padding: 11px 8px; gap: 7px; }
  .ev-scenarios { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ev-scenarios button { width: 100%; padding: 10px 8px; }
  .ev-summary-card { grid-template-columns: 1fr; gap: 5px; }
  .ev-summary-card > strong { text-align: left; }
  .ev-comfort-reading { flex-wrap: wrap; }
  .ev-price-scale, .ev-comfort-scale { gap: 10px; }
}

/* Native text keeps its actual CSS size when illustrative SVGs shrink on phones. */
.ev-native-readings, .ev-native-chart-guide, .ev-native-house-guide { display: none; }
@media (max-width: 800px) {
  .ev-flow-svg text, .ev-house-svg text, .ev-house-label,
  .ev-forecast-svg .ev-chart-axis, .ev-storage-chart > text,
  .ev-heat-trend .ev-chart-axis { display: none; }
  .ev-native-readings { display: grid; gap: 10px; margin: 15px 8px 5px; }
  .ev-native-reading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 7px 12px; min-width: 0; padding: 14px; border: 1px solid #7699ba45; border-radius: 12px; background: #16253ac9; }
  .ev-native-reading dt { display: flex; align-items: center; gap: 8px; min-width: 0; color: #e4efff; font-size: 16px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
  .ev-native-reading dt i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
  .ev-native-value { margin: 0; color: #dcf3ff; font-size: 30px; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1.25; white-space: nowrap; }
  .ev-native-value small { color: #c3d2e7; font-size: 16px; font-weight: 400; }
  .ev-native-state { grid-column: 1 / -1; margin: 0; color: #c3d2e7; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
  .ev-native-power .ev-native-value { color: inherit; }
  .ev-native-heat dt { display: block; }
  .ev-native-heat dt small { display: block; font-size: 16px; color: #c3d2e7; font-weight: 400; }
  .ev-native-heat .ev-native-value { font-size: 28px; }
  .ev-native-chart-guide, .ev-native-house-guide { display: block; color: #c3d2e7; font-size: 16px; line-height: 1.6; }
  .ev-native-chart-guide p { margin: 12px 0; font-size: 16px; line-height: 1.6; }
  .ev-native-house-guide { margin: 12px 8px 0; }
  .ev-native-chart-ticks { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 15px; line-height: 1.5; color: #dceaff; }
  .ev-native-chart-ticks span { white-space: nowrap; }
  .ev-forecast-guide .ev-native-chart-ticks { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; }
  .ev-forecast-guide .ev-native-chart-ticks span { white-space: normal; text-align: center; }
  .ev-plant-card dl > div { display: grid; grid-template-columns: 1fr; gap: 4px; }
  .ev-plant-card dd { font-size: 28px; white-space: normal; }
  .ev-plant-card dd small { font-size: 16px; }
  .ev-flow-node .ev-node-icon-bg { x: 70px; y: 24px; width: 64px; height: 64px; rx: 14px; }
  .ev-flow-node .ev-node-icon { transform: translate(83px, 36px) scale(2); }
}
@media (min-width: 460px) and (max-width: 800px) {
  .ev-native-power { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ev-native-power .ev-native-reading { grid-template-columns: 1fr; }
  .ev-native-power .ev-native-value { font-size: 32px; }
}
@media (max-width: 600px) {
  .ev-tabs { grid-template-columns: minmax(0, 1fr); }
  .ev-tabs button { min-width: 0; justify-content: flex-start; overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  .ev-native-heat .ev-native-reading { grid-template-columns: minmax(0, 1fr); }
  .ev-native-heat dt { overflow-wrap: normal; }
}