.electricity-main{max-width:1180px;padding-top:34px;padding-bottom:50px;color:#153e46}
.electricity-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:32px;padding:36px;border-radius:18px;background:linear-gradient(115deg,#f2e4cf,#f6ead8 60%,#e9ddc7)}
.electricity-hero h1{font:700 clamp(2rem,4vw,3.6rem)/1.05 var(--serif);margin:8px 0 16px;max-width:16ch}
.electricity-hero p{max-width:62ch}.electricity-kicker{font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;margin:0;color:#87553b}
.electricity-price-explanation{font-size:.9rem;line-height:1.6}.electricity-now{align-self:center;padding:25px;background:#fffefa;border:1px solid #ddcfb9;border-radius:14px;display:flex;flex-direction:column;gap:5px}
.electricity-now>span:first-child{font-weight:700}.electricity-now>strong{font-size:clamp(3rem,6vw,4.8rem);line-height:1.2;letter-spacing:-.04em}.electricity-now p{font-size:.85rem;margin:10px 0 0;color:#536762}
.electricity-day-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.electricity-day-nav a,.electricity-date-form button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;background:#fffefa;border:1px solid #d0d9d3;border-radius:30px;text-decoration:none;font-weight:700;color:#153e46}
.electricity-day-nav a[aria-current],.electricity-date-form button{background:#153e46;color:#fff;border-color:#153e46}.electricity-day-nav a:hover{border-color:#b95d3f}
.electricity-panel{margin:20px 0;padding:28px;background:#fffefa;border:1px solid #dce2da;border-radius:16px;scroll-margin-top:20px}.electricity-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.electricity-panel h2{font:700 clamp(1.5rem,3vw,2rem)/1.2 var(--serif);margin:6px 0}.electricity-unit,.electricity-resolution{font-size:.85rem;color:#596b65}.electricity-resolution{margin:12px 0 22px}
.electricity-day-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.electricity-day-stats div{display:flex;flex-direction:column;gap:4px}.electricity-day-stats span{font-size:.85rem;color:#596b65}.electricity-day-stats strong{font-size:1.65rem}.electricity-day-stats small{font-size:.75rem;font-weight:500;white-space:nowrap}
.electricity-chart{width:100%;height:auto;display:block;min-width:580px;overflow:visible}.electricity-chart-wrap{overflow-x:auto;padding:10px 0 0}.electricity-chart text{font:14px var(--sans);fill:#536762}.electricity-gridline{stroke:#e4e9e2;stroke-width:1}.electricity-zero{stroke:#83988e;stroke-width:1}.electricity-bar{fill:#31746c;cursor:crosshair}.electricity-bar.is-negative{fill:#91b782}.electricity-bar.is-current{fill:#b95d3f}.electricity-bar:hover,.electricity-bar.is-selected{fill:#d69b4b;stroke:#153e46;stroke-width:1}.electricity-chart-hint{min-height:1.6em;font-size:.85rem;color:#536762;margin:5px 0 20px}
.electricity-cheapest{display:flex;gap:15px;padding:20px;border-radius:12px;background:#eaf0e3;border:1px solid #d8e2cc}.electricity-cheapest svg{flex:0 0 25px;width:25px;height:30px;fill:none;stroke:#426748;stroke-width:1.5}.electricity-cheapest span{display:block;font-size:.85rem}.electricity-cheapest strong{display:block;font-size:1.4rem;margin:5px 0}.electricity-cheapest p{font-size:.85rem;margin:0;color:#536762}
.electricity-price-table{margin-top:22px}.electricity-price-table summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:650}.electricity-table-scroll{max-height:420px;overflow:auto}.electricity-price-table table{width:100%;border-collapse:collapse;font-size:.9rem}.electricity-price-table caption{text-align:left;padding:10px 0;color:#536762}.electricity-price-table th,.electricity-price-table td{text-align:left;padding:10px;border-bottom:1px solid #e4e9e2}.electricity-price-table th:last-child,.electricity-price-table td:last-child{text-align:right}.electricity-price-table th{position:sticky;top:0;background:#edf2e8}
.electricity-date-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}.electricity-date-form label{font-weight:650}.electricity-date-form input{min-width:0;min-height:44px;padding:9px 12px;border:1px solid #a9bbb1;border-radius:8px;background:#fff;color:#153e46;font:inherit}.electricity-date-form button{cursor:pointer}.electricity-history-nav{display:flex;justify-content:space-between;gap:20px}.electricity-history-nav a{min-height:44px;padding:8px 0}.electricity-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.electricity-history-grid a{padding:14px 10px;border:1px solid #dce2da;border-radius:9px;text-align:center;text-decoration:none;display:grid;gap:2px}.electricity-history-grid a[aria-current],.electricity-history-grid a:hover{background:#eaf0e3;border-color:#9eb691}.electricity-history-grid span,.electricity-history-grid small{font-size:.8rem;color:#596b65}.electricity-history-grid strong{font-size:1.15rem}.electricity-source{padding:10px 5px;font-size:.85rem;line-height:1.65;color:#536762}.electricity-notice{padding:16px;background:#fff0cf;border-radius:10px;color:#604c2d}
.electricity-page a:focus-visible,.electricity-page button:focus-visible,.electricity-page input:focus-visible{outline:3px solid #b95d3f;outline-offset:3px}
@media(max-width:680px){.electricity-main{padding-top:18px}.electricity-hero{grid-template-columns:1fr;gap:18px;padding:24px 20px}.electricity-hero h1{max-width:100%}.electricity-now{padding:20px}.electricity-panel{padding:20px 14px}.electricity-day-stats{gap:9px}.electricity-day-stats strong{font-size:1.25rem}.electricity-day-stats small{display:block}.electricity-day-stats span{font-size:.75rem}.electricity-cheapest{padding:16px 12px}.electricity-cheapest strong{font-size:1.1rem}.electricity-chart-hint{font-size:.8rem}.electricity-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
