/* Section 05 only. Approved layout + four metrics + user-requested black canvas. */
.hqess-energy{--energy-ink:#edf2ed;--energy-muted:#a2b2aa;--energy-green:#3fb67e;--energy-soft:#82b99d;--energy-rule:#ffffff12;background:#f6f7f3;color:#202728;padding:40px;scroll-margin-top:104px}
.hqess-energy *{box-sizing:border-box}
.hqess-energy [hidden]{display:none!important}
.hqess-energy__inner{max-width:1280px;margin:0 auto}
.hqess-energy h2,.hqess-energy h3,.hqess-energy p,.hqess-energy dl,.hqess-energy dd,.hqess-energy figure{margin:0}
.hqess-energy__header{margin-bottom:22px}
.hqess-energy h2{font-size:clamp(34px,3.05vw,48px);line-height:1.2;letter-spacing:.01em;color:#202728}
.hqess-energy__header p{margin-top:12px;font-size:17px;line-height:1.6;color:#65706a}
.hqess-energy__canvas{position:relative;padding:25px 32px 27px;border-radius:20px;background:linear-gradient(135deg,#303638 0%,#23292b 48%,#171c1e 100%);color:var(--energy-ink);box-shadow:0 16px 40px #1c382414;overflow:hidden}
.hqess-energy__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0 12px 20px}
.hqess-energy__kpis>div{display:flex;flex-direction:column-reverse;gap:7px;min-width:0}
.hqess-energy__kpis dt{font-size:13px;line-height:1.4;color:var(--energy-muted)}
.hqess-energy__kpis dd{font-family:"Barlow Condensed",sans-serif;font-size:clamp(38px,3.3vw,49px);line-height:1.05;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--energy-green)}
.hqess-energy__kpis dd>span{background:linear-gradient(105deg,#4ac58a,#229464);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hqess-energy__kpis small{font-size:15px;font-weight:500;color:var(--energy-muted);margin-left:7px}
.hqess-energy__visuals{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:32px}
.hqess-energy__geography{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center}
.hqess-energy__map{width:100%;position:relative}
.hqess-energy__map svg{display:block;width:100%;height:auto;max-height:350px;aspect-ratio:800/460;overflow:visible}
.hqess-energy__map path{fill:#20392e;stroke:#648273;stroke-opacity:.5;stroke-width:.65;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.hqess-energy__map .energy-map-point{fill:#4abc87;stroke:#0b1711;stroke-width:1.5}
.hqess-energy__map .energy-map-ring{fill:#3fb67e10;stroke:#5dc993;stroke-width:.7;transform-box:fill-box;transform-origin:center;animation:energy-station-pulse 3.8s ease-out infinite;animation-delay:var(--pulse-delay);animation-play-state:paused;pointer-events:none}
.hqess-energy[data-running=true] .energy-map-ring{animation-play-state:running}
@keyframes energy-station-pulse{0%{transform:scale(.35);opacity:.65}80%,100%{transform:scale(1.9);opacity:0}}
.hqess-energy__map-credit{position:absolute;bottom:0;left:12px;color:#8b9b93;font-size:10px;line-height:1.5;text-decoration:none}
.hqess-energy__map-credit:hover{text-decoration:underline}
.hqess-energy__charts{min-width:0}
.hqess-energy__performance{position:relative;min-width:0}
.hqess-energy__performance+ .hqess-energy__performance{margin-top:16px;padding-top:18px;border-top:1px solid var(--energy-rule)}
.hqess-energy h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:.015em;color:var(--energy-ink)}
.hqess-energy__chart-toolbar{display:flex;align-items:center;gap:15px;height:26px;font-size:11px;color:var(--energy-muted)}
.hqess-energy__chart-unit{margin-right:auto}
.hqess-energy__legend{display:flex;gap:6px;align-items:center}
.hqess-energy__legend:before{content:"";width:14px;height:3px;border-radius:2px;background:var(--energy-green)}
.hqess-energy__legend[data-series=discharge]:before{background:var(--energy-soft)}
.hqess-energy__plot{height:120px;position:relative;min-width:0}
.hqess-energy__plot svg{display:block;width:100%;height:100%;overflow:visible}
.hqess-energy__plot text{font-size:10px;fill:var(--energy-muted);font-family:Arial,sans-serif}
.hqess-energy__plot .energy-chart-grid{stroke:var(--energy-rule);stroke-width:1;stroke-dasharray:3 4}
.hqess-energy__plot .energy-charge{fill:var(--energy-green)}
.hqess-energy__plot .energy-discharge{fill:var(--energy-soft)}
.hqess-energy__plot .energy-chart-area{opacity:.09}
.hqess-energy__plot .energy-chart-line{fill:none;stroke:var(--energy-green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hqess-energy__plot .energy-chart-line.energy-discharge{stroke:var(--energy-soft)}
.hqess-energy__plot .energy-chart-bar{opacity:.9}
.hqess-energy__empty{position:absolute;inset:0;display:grid;place-content:center;font-size:14px;color:var(--energy-muted)}
.hqess-energy__motion-toggle{position:absolute;right:32px;bottom:5px;padding:3px 0;background:none;border:0;color:var(--energy-muted);font:inherit;font-size:10px;line-height:1.5;cursor:pointer}
.hqess-energy a:focus-visible,.hqess-energy button:focus-visible{outline:2px solid var(--energy-green);outline-offset:3px}
.hqess-energy [data-energy-error],.hqess-energy [data-map-error],.hqess-energy noscript p{padding:16px;color:var(--energy-muted);font-size:14px}
@media(min-width:1680px){.hqess-energy__inner{max-width:1496px}.hqess-energy__plot{height:154px}.hqess-energy__visuals{gap:44px}.hqess-energy__canvas{padding:30px 40px}.hqess-energy__kpis{padding-bottom:26px}}
@media(max-width:1050px){.hqess-energy{padding:48px 28px}.hqess-energy__canvas{padding:24px}.hqess-energy__visuals{grid-template-columns:1.2fr 1fr;gap:20px}.hqess-energy__kpis{padding-left:0;padding-right:0;gap:16px}.hqess-energy__kpis dt{font-size:12px}.hqess-energy h3{font-size:16px}}
@media(max-width:760px){.hqess-energy{padding:42px 20px;scroll-margin-top:94px}.hqess-energy h2{font-size:32px}.hqess-energy__header{margin-bottom:20px}.hqess-energy__header p{font-size:15px;line-height:1.65;margin-top:10px}.hqess-energy__canvas{padding:24px 18px 32px;border-radius:18px}.hqess-energy__kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 14px;padding-bottom:14px}.hqess-energy__kpis dd{font-size:38px}.hqess-energy__kpis small{font-size:13px}.hqess-energy__kpis dt{font-size:12px}.hqess-energy__visuals{display:block}.hqess-energy__geography{padding:8px 0 21px;margin-bottom:19px}.hqess-energy__map-credit{bottom:0;left:0;font-size:9px}.hqess-energy__map .energy-map-point{r:4.2px}.hqess-energy__plot{height:155px}.hqess-energy h3{font-size:16px}.hqess-energy__performance+ .hqess-energy__performance{margin-top:15px;padding-top:17px}.hqess-energy__motion-toggle{right:18px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.hqess-energy *{animation:none!important;transition:none!important}}