@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url('/sevo-dm-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url('/sevo-dm-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+02DD,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color-scheme:dark;--navy:#081528;--surface:#10223b;--border:#c5deff22;--text:#f1f6ff;--muted:#a5b8d1;--ice:#9ddfff;--green:#a0ebc9;--amber:#e9c78f;--radius:20px;font-family:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:280px;color:var(--text);background:radial-gradient(ellipse at 85% -8%,#2a4b6c66,transparent 43%),radial-gradient(ellipse at 0 44%,#1a3a5d44,transparent 42%),var(--navy);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}button,select,input{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #a3e1ff;outline-offset:4px}button{border:0}button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-80px;z-index:20;padding:10px 15px;background:#fff;color:#142b44;border-radius:8px}.skip-link:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;min-height:78px;margin:auto;padding:15px 36px;border-bottom:1px solid #c4dfff17}.brand{display:flex;align-items:center;gap:8px;flex:none}.brand-mark{display:flex}.brand-mark svg{width:37px;height:37px}.brand-wordmark{display:block;width:111px;height:32px;fill:#edf5ff}.header-nav{display:flex;align-items:center;gap:25px;font-size:12px;color:#c8d7eb}.home-link{display:flex;align-items:center;gap:8px}.home-link>span{font-size:18px;color:var(--ice)}.sources-link{color:#a8c9e3}.sources-link>span{margin-left:5px}.header-nav a:hover{color:#fff}
.page-shell{max-width:1200px;margin:0 auto;padding:38px 36px 32px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px}.page-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#aac5e3;font-size:9px;font-weight:750;letter-spacing:.12em;line-height:1.6}.kicker-line{width:19px;height:1px;background:#9ae2ea}.free-tag{padding:3px 7px;border:1px solid #a3e7c84d;border-radius:5px;background:#83e1b110;color:#afeccd;font-size:8px;letter-spacing:.06em}.page-intro h1{margin:12px 0 11px;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.9px;font-weight:800}.page-intro h1>span{color:#cde7fc;background:linear-gradient(180deg,#fff 0%,#d7e5f5 40%,#9bb5d1 48%,#f4fbff 54%,#c4dbf1 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-intro p{max-width:600px;margin:0;color:#b7c8df;font-size:14px;line-height:1.6}.intro-control{display:flex;align-items:flex-end;flex-direction:column;flex:none;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid #b6dfff73;border-radius:10px;background:#94cfff08;color:#e6f3ff;font-size:11px;font-weight:700;box-shadow:inset 0 1px #e9f8ff0d;transition:background .2s,border-color .2s}.button:hover{background:#b6dfff13;border-color:#c1e9ff}.button:disabled{opacity:.65}.button[aria-busy="true"] svg{animation:spin 1.5s linear infinite}.quiet{color:var(--muted);font-size:10px;line-height:1.6}.global-state{display:flex;align-items:flex-start;gap:8px;min-height:32px;margin:0 0 13px;color:#aebfd4;font-size:11px;line-height:1.6}.state-dot{width:6px;height:6px;flex:0 0 6px;margin-top:6px;border-radius:50%;background:#9ecdea;box-shadow:0 0 0 4px #9ecdea0c}.global-state.is-warning .state-dot{background:var(--amber);box-shadow:0 0 0 4px #e9c78f0c}.global-state.is-error{color:#e5bec0}.global-state.is-error .state-dot{background:#e8a6ae}.global-state.is-ready .state-dot{background:var(--green)}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.summary-card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:174px;padding:18px 18px 14px;overflow:hidden;border:1px solid #c2ddff33;border-radius:17px;background:radial-gradient(ellipse at 100% 0,#82b2ee13,transparent 70%),linear-gradient(145deg,#17304b99,#102039b3);color:inherit;text-align:left;box-shadow:inset 0 1px #eaf7ff0e;transition:border-color .2s,background .2s}.summary-card:before{content:"";position:absolute;top:0;left:18px;width:50px;height:1px;background:linear-gradient(90deg,#d2f1ffb3,transparent)}.summary-card:hover{border-color:#b8dfff80;background-color:#8cc9ff08}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.summary-label{font-size:11px;color:#bacde3;font-weight:650;line-height:1.5}.card-symbol{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #b9d9ff33;border-radius:8px;color:#bbe7ff;font-size:18px;font-weight:500}.summary-value{display:block;min-height:38px;margin-bottom:5px;font-size:31px;font-weight:750;line-height:1.1;letter-spacing:-.9px;font-variant-numeric:tabular-nums}.summary-value small{margin-left:5px;font-size:12px;font-weight:500;letter-spacing:0;color:#b1c8e0}.summary-caption{margin-bottom:14px;color:#9fb3ce;font-size:10px;line-height:1.6}.summary-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid #bfdfff12;font-size:9px;line-height:1.45;color:#abc2dc}.summary-foot>span{color:#d0e9fc;font-size:15px}.is-loading{color:#b2c4dc66}.is-loading:after{content:"";display:inline-block;width:64px;height:18px;margin-left:8px;vertical-align:middle;border-radius:4px;background:linear-gradient(90deg,#d0e8ff08,#d0e8ff1c,#d0e8ff08);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}
.tab-list{display:flex;gap:5px;width:fit-content;max-width:100%;padding:5px;margin-bottom:13px;border:1px solid #bfdfff25;border-radius:12px;background:#0c1b2f99}.tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 23px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9fb6d1;font-size:12px;font-weight:700;white-space:nowrap}.tab>span{font-size:17px;line-height:1}.tab[aria-selected="true"]{background:linear-gradient(135deg,#2c5077,#1d3c61);border-color:#a5d5ff3d;color:#f1f8ff;box-shadow:inset 0 1px #e7f5ff14}.tab:hover{color:#fff}.data-panel{padding:24px;border:1px solid #c5deff2b;border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0,#3472950e,transparent 60%),linear-gradient(145deg,#10243deb,#0c1b31f2);box-shadow:inset 0 1px #d6edff0c,0 12px 40px #02091a18}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.section-kicker{display:block;margin-bottom:7px;color:#91b8d6;font-size:8px;line-height:1.4;font-weight:750;letter-spacing:.12em}h2{margin:0;color:#e8f1ff;font-size:22px;line-height:1.2;font-weight:750;letter-spacing:-.6px}.panel-heading p{margin:8px 0 0;color:#9db4cf;font-size:11px;line-height:1.6}.status-badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 8px;border:1px solid #b4d7fc30;border-radius:6px;background:#a8c5f00a;color:#afcbe5;font-size:9px;line-height:1.4;font-weight:650}.status-badge.is-ready{border-color:#93d7b938;color:#a0e0c3;background:#78cfa90a}.status-badge.is-warning{border-color:#e7ca8a40;color:#e0c994;background:#d7ba7b08}.status-badge.is-error{border-color:#d88b9840;color:#dba4ad;background:#cf879109}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;padding:30px 18px;border:1px dashed #bfdcff25;border-radius:13px;text-align:center;background:#bfdfff02}.empty-orbit{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border:1px solid #b9dfff38;border-radius:13px;color:#a1d6fa;font-size:25px;background:#aad7ff05}.empty-state h3{margin:0 0 8px;font-size:16px;line-height:1.4;font-weight:700}.empty-state p{max-width:440px;margin:0;color:#9fb6cf;font-size:12px;line-height:1.6}.empty-state .button{margin-top:17px}
.chart-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:20px}.field-label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a8bed6;font-weight:600}.field-label select,.field-label input{min-height:37px;max-width:100%;padding:7px 11px;border:1px solid #bad9ff3b;border-radius:8px;background:#09192c;color:#e6f3ff;font-size:11px}.field-label select{min-width:175px}.unit-switch{display:flex;gap:2px;margin:0;padding:3px;border:1px solid #bad9ff25;border-radius:9px}.unit-switch label{position:relative;display:flex;align-items:center;cursor:pointer}.unit-switch input{position:absolute;width:1px;height:1px;opacity:0}.unit-switch span{display:block;padding:7px 11px;border-radius:6px;color:#a7bed8;font-size:10px;font-weight:650}.unit-switch input:checked+span{background:#b6ddff1b;color:#ebf7ff;box-shadow:inset 0 1px #c7e9ff13}.unit-switch input:focus-visible+span{outline:2px solid #a3e1ff;outline-offset:2px}.chart-headline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.chart-headline>div{display:flex;flex-direction:column;gap:5px}.chart-headline strong{font-size:28px;line-height:1.1;font-weight:750;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.chart-headline strong small{font-size:12px;font-weight:500;letter-spacing:0;color:#a2bed8}.chart-note{color:#92abc7;font-size:10px;line-height:1.5;text-align:right}.electricity-chart{min-width:0;margin-top:12px;overflow:hidden}.electricity-chart svg{display:block;width:100%;height:auto;max-height:280px;overflow:visible}.electricity-chart text{fill:#8fa7c1;font-family:"DM Sans",system-ui,sans-serif;font-size:10px}.electricity-chart .chart-grid{stroke:#bfddff13;stroke-width:1}.electricity-chart .chart-zero{stroke:#aaccea40;stroke-dasharray:3 5;stroke-width:1}.electricity-chart .chart-bar{fill:#79b6df99;cursor:pointer;transition:fill .12s}.electricity-chart .chart-bar.is-negative{fill:#97d8bd99}.electricity-chart .chart-bar.is-selected{fill:#d5efff}.electricity-chart .chart-bar:hover{fill:#fff}.interval-selector{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:16px;margin:0 0 22px;color:#9db4d0;font-size:10px}.interval-selector input{width:100%;height:25px;margin:0;accent-color:#b6e2ff;cursor:ew-resize}.extremes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px}.interval-card{display:flex;flex-direction:column;gap:7px;padding:13px;border:1px solid #bedcff24;border-radius:11px;background:#c2e2ff04}.interval-card>span{font-size:10px;line-height:1.5;color:#acc1d8}.interval-card strong{font-size:21px;line-height:1.1;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.interval-card strong small{font-size:10px;letter-spacing:0;font-weight:500;color:#a5bad2}.interval-card>small{font-size:9px;line-height:1.5;color:#8ea8c4}.interval-card.low{border-color:#a0dccb30}.interval-card.low strong{color:#b7ead8}.interval-card.high strong{color:#ecd8b6}.calculator{margin-top:16px;border:1px solid #b9d7fc25;border-radius:11px;background:#c0e3ff03}.calculator summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;color:#bfd4e9;font-size:11px;font-weight:650;list-style:none;cursor:pointer}.calculator summary::-webkit-details-marker{display:none}.calculator[open] summary{border-bottom:1px solid #bedcff1a}.calculator[open] summary>span:last-child{transform:rotate(45deg)}.calculator-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:end;gap:14px 25px;padding:16px}.calculator-result{display:flex;flex-direction:column;gap:5px}.calculator-result>span{font-size:10px;color:#9db5d0}.calculator-result strong{font-size:25px;font-weight:750;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.calculator-body>p{grid-column:1/-1;max-width:740px;margin:0;color:#96adc7;font-size:10px;line-height:1.65}
.fuel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.commodity-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:22px;border:1px solid #b7d9ff33;border-radius:15px;background:radial-gradient(ellipse at 90% 0,#8ac6ff14,transparent 75%),#bedfff04}.commodity-label{font-size:13px;font-weight:700;color:#c3d8ed}.commodity-card strong{font-size:38px;line-height:1.1;letter-spacing:-1px;font-weight:750;font-variant-numeric:tabular-nums}.commodity-card strong small{font-size:13px;letter-spacing:0;font-weight:500;color:#9ebbd5}.commodity-card>small{font-size:10px;line-height:1.6;color:#9db3cc}.commodity-card:before{content:"";position:absolute;top:0;left:22px;width:50px;height:1px;background:linear-gradient(90deg,#bddfffaa,transparent)}.rates-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rates-cards .commodity-card{padding:19px 16px}.rates-cards .commodity-card strong{font-size:30px}.rates-cards .commodity-card.is-featured{border-color:#a5d6f766;background-color:#8dc8ff08}.explanation-box{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #bcdcff1e;border-radius:10px;background:#a9d6ff05}.explanation-box>span{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border:1px solid #99bddd66;border-radius:50%;color:#afcce5;font-size:10px;line-height:1}.explanation-box p{margin:0;color:#a2b7ce;font-size:11px;line-height:1.65}
.source-meta{display:flex;flex-direction:column;gap:6px;margin-top:21px;padding-top:14px;border-top:1px solid #bedcff1a;color:#8fa8c4;font-size:10px;line-height:1.65;overflow-wrap:anywhere}.source-meta .meta-main{display:flex;flex-wrap:wrap;align-items:center;gap:3px 14px}.source-meta a{color:#b3d8f4;text-decoration:underline;text-decoration-color:#b3d8f450;text-underline-offset:3px}.source-meta .source-note{max-width:900px;margin:0;color:#9eb3cb}.source-meta .stale-note{color:#d7c390}.methodology{margin:26px 0 12px;padding:24px 1px}.methodology h2{font-size:20px}.methodology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:16px}.methodology-grid p{margin:0;color:#94acc6;font-size:11px;line-height:1.7}.methodology-grid strong{display:block;margin-bottom:4px;color:#c0d3e8;font-weight:650}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1128px;margin:0 auto;padding:20px 0 28px;border-top:1px solid #bbdaff1a;color:#7f9ab8;font-size:10px;line-height:1.6}.page-footer a{color:#bed8ee}.noscript{margin:20px auto;padding:15px;max-width:800px;color:#ecd5ab;text-align:center}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:800px){.site-header{padding:13px 22px;min-height:68px}.page-shell{padding:27px 22px 20px}.page-intro{align-items:flex-start;gap:20px}.page-kicker{font-size:8px;letter-spacing:.09em}.page-intro h1{font-size:38px;letter-spacing:-1.5px}.page-intro p{font-size:12px}.intro-control .quiet{max-width:150px;text-align:right}.summary-grid{gap:9px}.summary-card{padding:14px 13px 12px;min-height:173px}.summary-value{font-size:26px}.summary-label{font-size:10px}.card-symbol{display:none}.summary-foot{font-size:8px}.data-panel{padding:20px}.rates-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rates-cards .commodity-card strong{font-size:33px}.extremes-grid{gap:7px}.interval-card{padding:11px}.interval-card strong{font-size:18px}.methodology-grid{gap:16px}.page-footer{margin:0 22px}.header-nav{gap:19px;font-size:11px}}
@media(max-width:560px){html{scroll-padding-top:25px}.site-header{padding:12px 16px;min-height:64px;gap:12px}.brand{gap:5px}.brand-mark svg{width:31px;height:31px}.brand-wordmark{width:89px;height:26px}.header-nav{gap:8px}.sources-link{display:none}.home-link{font-size:10px;gap:5px}.page-shell{padding:24px 16px 15px}.page-intro{display:block;margin-bottom:17px}.page-kicker{font-size:7px;gap:7px;letter-spacing:.07em}.kicker-line{width:12px}.free-tag{font-size:7px}.page-intro h1{max-width:390px;font-size:37px;letter-spacing:-1.6px;margin:12px 0 10px}.page-intro p{font-size:12px;line-height:1.6}.intro-control{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.intro-control .quiet{font-size:9px;line-height:1.5;max-width:160px}.button-refresh{min-height:36px;padding:8px 10px;font-size:10px}.button-refresh svg{width:15px;height:15px}.global-state{font-size:10px;min-height:30px;margin-bottom:11px}.summary-grid{gap:6px;margin-bottom:18px}.summary-card{padding:11px 9px 10px;min-height:154px;border-radius:12px}.summary-card:before{left:10px;width:30px}.summary-top{margin-bottom:12px;min-height:28px}.summary-label{font-size:9px;line-height:1.45;font-weight:600}.summary-value{font-size:22px;letter-spacing:-.7px;min-height:49px;margin-bottom:3px}.summary-value small{display:block;margin-left:0;margin-top:5px;font-size:9px}.summary-caption{font-size:8px;margin-bottom:11px;line-height:1.4}.summary-foot{font-size:7px;padding-top:8px;align-items:flex-end;line-height:1.4}.summary-foot>span{font-size:12px}.is-loading:after{width:25px;height:12px;margin-left:3px}.tab-list{width:100%;gap:3px;padding:4px;margin-bottom:11px}.tab{flex:1;min-width:0;min-height:36px;padding:8px 7px;gap:6px;font-size:11px}.tab>span{font-size:14px}.data-panel{padding:17px 13px;border-radius:16px}.panel-heading{gap:9px;margin-bottom:19px}.section-kicker{font-size:7px;letter-spacing:.1em;margin-bottom:6px}h2{font-size:19px;letter-spacing:-.5px}.panel-heading p{font-size:10px;line-height:1.55;margin-top:7px}.status-badge{font-size:8px;padding:4px 6px}.empty-state{padding:26px 12px;min-height:215px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.chart-toolbar{gap:8px;margin-bottom:18px;align-items:flex-end}.field-label{font-size:9px;gap:6px}.field-label select{min-width:0;width:145px;max-width:100%;font-size:10px;padding:7px 8px}.unit-switch{gap:0;padding:2px}.unit-switch span{font-size:8px;padding:8px 7px}.chart-headline{gap:10px}.chart-headline strong{font-size:25px}.chart-headline strong small{font-size:10px}.chart-headline .quiet{font-size:9px}.chart-note{font-size:8px;max-width:90px}.electricity-chart{margin-left:-6px;margin-right:-6px;margin-top:12px}.electricity-chart svg{min-height:140px}.electricity-chart text{font-size:11px}.interval-selector{grid-template-columns:1fr auto;gap:3px 8px;margin-bottom:17px;font-size:9px}.interval-selector input{grid-row:2;grid-column:1/-1}.interval-selector>span:last-child{grid-column:2;grid-row:1;font-size:8px}.extremes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.interval-card{padding:10px;gap:6px}.interval-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px}.interval-card:last-child>small{grid-column:1}.interval-card:last-child strong{grid-column:2;grid-row:1/3}.interval-card>span{font-size:9px}.interval-card strong{font-size:18px}.interval-card strong small{font-size:8px}.interval-card>small{font-size:8px}.calculator{margin-top:13px}.calculator summary{padding:11px;font-size:10px}.calculator-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px}.calculator-body .field-label input{width:100%;font-size:11px}.calculator-result>span{font-size:9px}.calculator-result strong{font-size:23px}.calculator-body>p{font-size:9px}.fuel-cards{gap:8px}.commodity-card{padding:16px 12px;gap:9px;border-radius:12px}.commodity-card:before{left:13px;width:36px}.commodity-label{font-size:11px}.commodity-card strong{font-size:29px;letter-spacing:-.8px}.commodity-card strong small{display:block;font-size:10px;margin-top:6px}.commodity-card>small{font-size:9px}.rates-cards{gap:8px}.rates-cards .commodity-card{padding:16px 13px}.rates-cards .commodity-card strong{font-size:30px}.rates-cards .commodity-card strong small{display:inline}.explanation-box{padding:11px;gap:8px;margin-top:13px}.explanation-box p{font-size:10px;line-height:1.6}.source-meta{font-size:9px;padding-top:12px;margin-top:17px;gap:6px}.source-meta .meta-main{gap:3px 10px}.methodology{margin:21px 0 7px;padding:15px 1px}.methodology h2{font-size:18px}.methodology-grid{grid-template-columns:1fr;gap:13px;margin-top:15px}.methodology-grid p{font-size:10px;line-height:1.65}.methodology-grid strong{display:inline;margin-right:3px}.page-footer{flex-wrap:wrap;gap:9px 17px;margin:0 16px;padding:18px 0 23px;font-size:9px}.page-footer>span:last-child{width:100%;font-size:8px}}
@media(max-width:350px){.page-kicker{letter-spacing:0}.page-intro h1{font-size:33px}.summary-grid{gap:5px}.summary-card{padding:10px 7px}.summary-value{font-size:20px}.summary-label{font-size:8px}.summary-foot{font-size:6.5px}.field-label select{width:127px}.unit-switch span{padding:8px 5px;font-size:7.5px}.data-panel{padding:15px 11px}.chart-headline strong{font-size:23px}.commodity-card strong{font-size:26px}.interval-card:last-child{display:flex}.interval-card:last-child strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.empty-state.is-license{border-style:solid;border-color:#d9bd754a;background:radial-gradient(ellipse at 50% 0,#cfb15c10,transparent 80%),#d5bf7f03}
@media(max-width:760px){html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}}
.empty-state.is-license .empty-orbit{border-color:#dcc8854f;color:#e5d197;background:#dfc77e09}
.empty-state.is-license h3{color:#eeddb3}
.empty-state.is-license p{max-width:650px;color:#c7bd9f}
.status-badge.is-license{max-width:155px;text-align:center;white-space:normal}
@media(forced-colors:active){body,.site-header,.summary-card,.data-panel,.commodity-card,.interval-card,.tab-list,.tab,.explanation-box,.calculator,.field-label select,.field-label input,.button{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.page-intro h1>span{-webkit-text-fill-color:CanvasText;background:none;color:CanvasText}.summary-card:before,.commodity-card:before{background:CanvasText}.tab[aria-selected="true"]{background:Highlight;color:HighlightText}.electricity-chart .chart-bar{fill:CanvasText}.electricity-chart .chart-bar.is-selected{fill:Highlight}.brand-wordmark{fill:CanvasText}}

/* Compact digital tariff workspace. Header, logo and shared navigation are untouched. */
.page-shell{padding-top:25px;padding-bottom:22px}
.page-shell .page-intro{gap:20px;margin-bottom:16px}
.page-shell .page-kicker{font-size:9px;letter-spacing:.09em}
.page-shell .page-intro h1{margin:10px 0 8px;font-size:clamp(30px,3.05vw,38px);letter-spacing:-1.35px;line-height:1.09}
.page-shell .page-intro p{font-size:12px;line-height:1.55}
.page-shell .intro-control{gap:6px}
.page-shell .intro-control .quiet{font-size:10px;line-height:1.45}
.page-shell .button-refresh{min-height:36px;padding:8px 11px;font-size:10px}
.page-shell .global-state{min-height:26px;margin-bottom:9px;font-size:10px;line-height:1.5}
.page-shell .summary-grid{gap:10px;margin-bottom:16px}
.page-shell .summary-card{min-height:132px;padding:12px 14px 11px;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#8fc7ed12,transparent 75%),linear-gradient(145deg,#16304bba,#0e2038c4)}
.page-shell .summary-card:before{left:14px;width:45px}
.page-shell .summary-top{min-height:18px;gap:8px;margin-bottom:5px}
.page-shell .summary-label{font-size:11px;line-height:1.4}
.page-shell .card-symbol{width:18px;height:18px;flex-basis:18px;border-radius:5px;font-size:13px}
.page-shell .summary-value{display:block;min-height:30px;margin-bottom:2px;font-size:29px;line-height:1.05;letter-spacing:-.6px}
.page-shell .summary-value small{display:inline;margin-left:4px;font-size:11px;line-height:1.3;font-weight:500;letter-spacing:0}
.page-shell .summary-caption{margin-bottom:5px;font-size:10px;line-height:1.35;color:#a9bdd4}
.page-shell .summary-foot{gap:7px;padding-top:5px;font-size:9px;line-height:1.4;color:#a9c3dd}
.page-shell .summary-foot>span{font-size:13px}
.page-shell :is(.summary-value,.chart-headline strong,.interval-card strong,.commodity-card strong,.calculator-result strong){font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}
.page-shell .tab-list{margin-bottom:10px;padding:4px;border-radius:10px}
.page-shell .tab{min-height:35px;padding:8px 21px;border-radius:7px;font-size:11px}
.page-shell .data-panel{padding:18px;border-radius:16px;box-shadow:inset 0 1px #e2f2ff0d,0 6px 24px #02091a10}
.page-shell .panel-heading{gap:15px;margin-bottom:14px}
.page-shell .panel-heading h2{font-size:20px;letter-spacing:-.45px}
.page-shell .panel-heading p{margin-top:6px;font-size:11px;line-height:1.5}
.page-shell .section-kicker{margin-bottom:5px;font-size:8px;letter-spacing:.09em}
.page-shell .status-badge{font-size:9px;line-height:1.4;padding:4px 7px}
.page-shell .chart-toolbar{gap:12px;margin-bottom:12px}
.page-shell .field-label{font-size:10px;gap:5px}
.page-shell .field-label select,.page-shell .field-label input{min-height:34px;padding:7px 10px;font-size:11px}
.page-shell .unit-switch{padding:2px}
.page-shell .unit-switch span{padding:7px 10px;font-size:10px}
.page-shell .chart-headline{gap:15px}
.page-shell .chart-headline>div{gap:3px}
.page-shell .chart-headline strong{font-size:26px;line-height:1.1;letter-spacing:-.6px}
.page-shell .chart-headline strong small{font-size:11px;letter-spacing:0}
.page-shell .chart-note{max-width:235px;font-size:10px;line-height:1.45}
.page-shell .electricity-chart{margin-top:6px}
.page-shell .electricity-chart svg{max-height:225px}
.page-shell .interval-selector{gap:12px;margin-bottom:14px;font-size:10px}
.page-shell .interval-selector input{height:23px}
.page-shell .extremes-grid{gap:8px;margin-top:0}
.page-shell .interval-card{gap:5px;padding:11px 12px;border-radius:9px}
.page-shell .interval-card>span{font-size:10px;line-height:1.4}
.page-shell .interval-card strong{font-size:21px;letter-spacing:-.4px}
.page-shell .interval-card strong small{font-size:10px;letter-spacing:0}
.page-shell .interval-card>small{font-size:9px;line-height:1.45}
.page-shell .calculator{margin-top:12px;border-radius:9px}
.page-shell .calculator summary{padding:11px 13px;font-size:11px}
.page-shell .calculator-body{gap:10px 20px;padding:13px}
.page-shell .calculator-result strong{font-size:24px}
.page-shell .calculator-body>p{font-size:10px;line-height:1.55}
.page-shell .fuel-cards{gap:10px}
.page-shell .commodity-card{gap:8px;padding:17px 18px;border-radius:12px}
.page-shell .commodity-card:before{left:18px;width:42px}
.page-shell .commodity-label{font-size:12px}
.page-shell .commodity-card strong{font-size:33px;letter-spacing:-.65px}
.page-shell .commodity-card strong small{font-size:12px;letter-spacing:0}
.page-shell .commodity-card>small{font-size:10px;line-height:1.45}
.page-shell .rates-cards{gap:8px}
.page-shell .rates-cards .commodity-card{padding:16px}
.page-shell .rates-cards .commodity-card strong{font-size:29px}
.page-shell .explanation-box{gap:9px;margin-top:12px;padding:11px 13px;border-radius:9px}
.page-shell .explanation-box p{font-size:11px;line-height:1.55}
.page-shell .source-meta{gap:5px;margin-top:13px;padding-top:10px;font-size:10px;line-height:1.55}
.page-shell .source-meta .meta-main{gap:3px 13px}
.page-shell .source-meta .source-note{color:#a8bdd4}
.page-shell .source-meta .stale-note{color:#d7c390}
.page-shell .empty-state{min-height:180px;padding:23px 16px;border-radius:11px}
.page-shell .empty-orbit{width:34px;height:34px;margin-bottom:11px;border-radius:10px;font-size:21px}
.page-shell .empty-state h3{margin-bottom:7px;font-size:16px}
.page-shell .empty-state p{font-size:12px;line-height:1.55}
.page-shell .empty-state .button{margin-top:12px;min-height:36px;padding:8px 11px;font-size:11px}
.page-shell .empty-state.is-license{min-height:175px}
.page-shell .empty-state.is-license p{color:#c7bd9f}
.page-shell .methodology{margin:18px 0 7px;padding:18px 1px}
.page-shell .methodology h2{font-size:18px;letter-spacing:-.35px}
.page-shell .methodology-grid{gap:20px;margin-top:12px}
.page-shell .methodology-grid p{font-size:11px;line-height:1.6}
.page-shell .methodology-grid strong{margin-bottom:3px}
@media(max-width:800px) and (min-width:561px){
  .page-shell{padding-top:23px}
  .page-shell .page-intro h1{font-size:33px}
  .page-shell .summary-grid{gap:8px}
  .page-shell .summary-card{padding:12px 11px;min-height:138px}
  .page-shell .summary-label{font-size:10px}
  .page-shell .summary-value{font-size:26px}
  .page-shell .summary-value small{font-size:10px}
  .page-shell .summary-caption{font-size:10px}
  .page-shell .card-symbol{display:none}
  .page-shell .data-panel{padding:17px}
  .page-shell .chart-note{max-width:190px}
  .page-shell .interval-card{padding:10px}
  .page-shell .interval-card strong{font-size:19px}
}
@media(max-width:560px){
  .page-shell{padding-top:21px;padding-bottom:15px}
  .page-shell .page-intro{margin-bottom:13px}
  .page-shell .page-kicker{gap:7px;font-size:8px;letter-spacing:.04em}
  .page-shell .free-tag{font-size:8px;padding:2px 6px}
  .page-shell .page-intro h1{font-size:32px;letter-spacing:-1.25px;margin:9px 0 7px}
  .page-shell .page-intro p{font-size:12px;line-height:1.5}
  .page-shell .intro-control{margin-top:13px;gap:10px}
  .page-shell .intro-control .quiet{max-width:170px;font-size:9px;line-height:1.45}
  .page-shell .button-refresh{min-height:36px;font-size:10px}
  .page-shell .global-state{min-height:0;margin-bottom:11px;font-size:10px;line-height:1.5}
  .page-shell .summary-grid{grid-template-columns:minmax(0,1fr);gap:7px;margin-bottom:14px}
  .page-shell .summary-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;min-height:91px;padding:11px 12px;border-radius:12px}
  .page-shell .summary-card:before{left:12px;width:36px}
  .page-shell .summary-top{grid-column:1;grid-row:1;min-height:0;margin:0;align-self:center}
  .page-shell .summary-label{font-size:11px;line-height:1.4}
  .page-shell .card-symbol{display:none}
  .page-shell .summary-value{grid-column:2;grid-row:1;min-height:0;margin:0;font-size:27px;line-height:1.1;text-align:right;white-space:nowrap}
  .page-shell .summary-value small{display:inline;margin-left:4px;margin-top:0;font-size:10px;line-height:1.3}
  .page-shell .summary-caption{grid-column:1/-1;grid-row:2;margin:0;font-size:10px;line-height:1.4}
  .page-shell .summary-foot{grid-column:1/-1;grid-row:3;align-items:center;gap:8px;margin:0;padding-top:5px;font-size:9px;line-height:1.35}
  .page-shell .summary-foot>span{font-size:12px}
  .page-shell .is-loading:after{width:27px;height:12px}
  .page-shell .tab-list{gap:3px;margin-bottom:9px;padding:4px}
  .page-shell .tab{min-height:38px;padding:8px 7px;font-size:11px}
  .page-shell .data-panel{padding:15px 12px;border-radius:14px}
  .page-shell .panel-heading{gap:10px;margin-bottom:14px}
  .page-shell .panel-heading h2{font-size:19px;line-height:1.2;letter-spacing:-.45px}
  .page-shell .panel-heading p{margin-top:6px;font-size:11px;line-height:1.5}
  .page-shell .section-kicker{font-size:8px;letter-spacing:.05em;margin-bottom:5px}
  .page-shell .status-badge{font-size:9px;padding:4px 6px;max-width:122px;white-space:normal}
  .page-shell .chart-toolbar{gap:8px;margin-bottom:12px}
  .page-shell .field-label{font-size:10px;gap:5px}
  .page-shell .field-label select{width:145px;min-width:0;min-height:35px;padding:7px;font-size:10px}
  .page-shell .unit-switch span{font-size:9px;padding:8px 7px}
  .page-shell .chart-headline{gap:10px}
  .page-shell .chart-headline strong{font-size:25px;letter-spacing:-.55px}
  .page-shell .chart-headline strong small{font-size:10px}
  .page-shell .chart-headline .quiet{font-size:10px;line-height:1.45}
  .page-shell .chart-note{max-width:113px;font-size:9px;line-height:1.45}
  .page-shell .electricity-chart{margin:6px -4px 0}
  .page-shell .electricity-chart svg{min-height:140px;max-height:180px}
  .page-shell .electricity-chart text{font-size:26px}
  .page-shell .interval-selector{gap:3px 8px;margin-bottom:13px;font-size:10px}
  .page-shell .interval-selector>span:last-child{font-size:9px}
  .page-shell .interval-selector input{height:25px}
  .page-shell .extremes-grid{gap:7px}
  .page-shell .interval-card{gap:5px;padding:10px}
  .page-shell .interval-card>span{font-size:10px;line-height:1.4}
  .page-shell .interval-card strong{font-size:19px;line-height:1.1}
  .page-shell .interval-card strong small{font-size:9px}
  .page-shell .interval-card>small{font-size:9px;line-height:1.45}
  .page-shell .interval-card:last-child{gap:4px 10px}
  .page-shell .calculator{margin-top:11px}
  .page-shell .calculator summary{padding:11px;font-size:11px}
  .page-shell .calculator-body{gap:10px;padding:11px}
  .page-shell .calculator-result>span{font-size:10px}
  .page-shell .calculator-result strong{font-size:23px}
  .page-shell .calculator-body>p{font-size:10px;line-height:1.55}
  .page-shell .commodity-card{gap:7px;padding:15px 12px}
  .page-shell .commodity-card:before{left:12px;width:34px}
  .page-shell .commodity-label{font-size:12px}
  .page-shell .commodity-card strong{font-size:30px}
  .page-shell .commodity-card strong small{font-size:11px}
  .page-shell .commodity-card>small{font-size:10px;line-height:1.45}
  .page-shell .rates-cards .commodity-card{padding:15px 12px}
  .page-shell .rates-cards .commodity-card strong{font-size:29px}
  .page-shell .explanation-box{gap:8px;margin-top:11px;padding:11px}
  .page-shell .explanation-box p{font-size:11px;line-height:1.55}
  .page-shell .source-meta{gap:5px;margin-top:12px;padding-top:10px;font-size:10px;line-height:1.55}
  .page-shell .source-meta .meta-main{gap:4px 10px}
  .page-shell .empty-state{min-height:170px;padding:21px 12px}
  .page-shell .empty-state h3{font-size:15px}
  .page-shell .empty-state p{font-size:11px;line-height:1.55}
  .page-shell .empty-state.is-license{min-height:170px}
  .page-shell .methodology{margin:15px 0 4px;padding:15px 1px}
  .page-shell .methodology h2{font-size:18px}
  .page-shell .methodology-grid{gap:12px;margin-top:12px}
  .page-shell .methodology-grid p{font-size:11px;line-height:1.6}
}
@media(max-width:350px){
  .page-shell .page-kicker{font-size:8px;letter-spacing:0}
  .page-shell .page-intro h1{font-size:30px}
  .page-shell .summary-card{gap:5px 9px;padding:10px 11px}
  .page-shell .summary-label{font-size:10px}
  .page-shell .summary-value{font-size:25px}
  .page-shell .summary-value small{font-size:9px}
  .page-shell .field-label select{width:128px;font-size:10px}
  .page-shell .unit-switch span{padding:8px 5px;font-size:8.5px}
  .page-shell .chart-headline{gap:7px}
  .page-shell .chart-headline strong{font-size:23px}
  .page-shell .chart-note{max-width:98px}
  .page-shell .electricity-chart text{font-size:28px}
  .page-shell .interval-card:last-child{display:flex}
  .page-shell .commodity-card strong{font-size:28px}
}
@media(forced-colors:active){
  .page-shell .summary-card,.page-shell .data-panel,.page-shell .commodity-card,.page-shell .interval-card,.page-shell .tab-list,.page-shell .tab,.page-shell .explanation-box,.page-shell .calculator,.page-shell .empty-state{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .page-shell .tab[aria-selected="true"]{background:Highlight;color:HighlightText}
  .page-shell .summary-card:before,.page-shell .commodity-card:before{background:CanvasText}
}
/* Keep desktop scrolling as discreet as the shared SEVO shell. */
@media(min-width:761px){
  html{scrollbar-width:thin;scrollbar-color:#88aac8 transparent}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px;height:6px}
  html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}
  html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#88aac8;border-radius:6px}
  html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#b7d8ef}
}
@media(forced-colors:active){html{scrollbar-color:auto}}