/* No external JS dependencies; live API when reachable; explicit offline demo otherwise. */
:root{--ink:#172a43;--muted:#6c7c90;--line:#e6ebf3;--surface:#fff;--paper:#f7f9fd;--blue:#0868f9;--orange:#ff9a89;--green:#087c67;--shadow:0 14px 45px rgba(30,65,120,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid #7eb6ff;outline-offset:3px}.shell{width:min(1200px,calc(100% - 48px));margin:0 auto}
header{height:80px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}header .shell{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:10px;font-family:'Segoe UI',Arial,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.9px}.brand-icon{width:38px;height:38px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:22px}.brand span:last-child{color:var(--blue)}nav{display:flex;gap:34px;color:#65758b;font-weight:600}nav a:first-child{color:var(--ink)}.topright{display:flex;align-items:center;gap:9px}.ghost-pill{border:1px solid #e5eaf2;border-radius:999px;padding:9px 13px;background:white;color:#46617e;font-weight:700}.demo-mark{background:#fff6e6;color:#966115;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.05em;padding:8px 10px}
.hero{padding:63px 0 40px}.hero-grid{display:grid;grid-template-columns:1fr .86fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#2274de;text-transform:uppercase}.eyebrow i{width:8px;height:8px;border-radius:100%;background:#22ba99}.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(38px,4.5vw,59px);letter-spacing:-3px;line-height:1.13;margin:21px 0 19px;font-weight:800;max-width:640px}.hero h1 em{font-style:normal;color:var(--blue)}.lede{font-size:17px;line-height:1.8;color:#62748a;max-width:550px;margin:0}.heroactions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{border:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:800}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px #0868f92a}.primary:hover{background:#005ce8}.secondary{background:#fff;border:1px solid #e3eaf3;color:#2c4161}.secondary:hover{border-color:#a5bddc}.hero-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:23px}
.map-card,.section-card,.stat,.feature{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.map-card{padding:25px 29px 21px;position:relative}.map-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-header h2{font-size:17px;margin:0;font-family:'Segoe UI',Arial,sans-serif;font-weight:800}.mini-note{font-size:12px;color:var(--muted)}.map-svg{display:block;width:100%;max-height:300px;margin:5px auto 0;overflow:visible}.map-region{cursor:pointer;transition:opacity .2s,filter .2s}.map-region path{stroke:#fff;stroke-width:.7;stroke-linejoin:round}.map-region:not(.active){opacity:.60}.map-region:hover{opacity:1;filter:drop-shadow(0 2px 5px #3452a944)}.map-region.active{opacity:1;filter:drop-shadow(0 4px 6px #3b67bb34)}.map-region:focus{outline:none;filter:drop-shadow(0 0 5px #0068ff)}.map-svg .map-number{fill:#fff;font-weight:800;font-size:12px;pointer-events:none}.map-svg .map-text{fill:#50627b;font-size:10px;font-weight:800;pointer-events:none}.legend{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;margin-top:0}.zone-button{display:flex;align-items:center;gap:8px;border-radius:9px;border:1px solid #e7eaf0;padding:9px 13px;background:#fff;color:#536780;font-size:12px;font-weight:800;transition:.15s}.zone-button.selected{background:#f0f6ff;border-color:#adcaff;color:#145cbd}.swatch{width:12px;height:12px;border-radius:4px}.swatch.blue{background:var(--blue)}.swatch.orange{background:var(--orange)}.map-footer{text-align:center;font-size:11px;color:#7b8ca0;margin-top:15px}
.section{padding-top:24px}.section-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-titlebar h2,.panel-head h2{font-family:'Segoe UI',Arial,sans-serif;margin:0;font-size:23px;letter-spacing:-.65px;font-weight:800}.description{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.sample-badge{font-size:11px;color:#a16b27;background:#fff9eb;border:1px solid #ffefd4;border-radius:8px;padding:8px 10px;font-weight:800}.insight{background:linear-gradient(115deg,#eaf3ff,#f3f8ff);border:1px solid #cfdefa;border-radius:17px;padding:19px 21px;margin-bottom:15px;display:flex;gap:13px;align-items:start}.insight-icon{background:#fff;width:36px;height:36px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;color:#096af6;font-size:17px}.insight strong{font-size:14px;line-height:1.5}.insight p{margin:4px 0 0;color:#58708d;line-height:1.6}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{padding:21px}.stat-header{display:flex;align-items:center;justify-content:space-between;color:#7b8899;font-size:12px;font-weight:700}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0f5fc;color:#3060a0;font-size:16px}.stat:nth-child(1) .stat-icon{background:#e7f8f1;color:#16806b}.stat:nth-child(2) .stat-icon{background:#fff0ec;color:#e0795f}.stat .big{font-size:30px;letter-spacing:-1.5px;font-weight:800;font-family:'Segoe UI',Arial,sans-serif;margin:14px 0 4px}.stat .big span{font-size:13px;color:#8a99ab;font-weight:700;letter-spacing:0}.stat .time{font-size:12px;color:#697d92}
.price-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.section-card{padding:23px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:16px}.segmented{display:inline-flex;background:#f0f4f9;border:1px solid #e8edf3;border-radius:11px;padding:4px;gap:3px;white-space:nowrap}.segmented button{border:0;background:transparent;color:#738299;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:800}.segmented button.selected{background:white;box-shadow:0 2px 6px #27415b14;color:#24528f}.chart-intro{font-size:13px;font-weight:700;color:#3d526e;margin-top:0;margin-bottom:8px}.chart-box{height:258px;position:relative}.chart-box svg{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;background:#19304d;color:white;padding:8px 11px;border-radius:8px;font-size:12px;line-height:1.5;z-index:3;display:none;min-width:104px;box-shadow:0 8px 20px #2039522d}.chart-key{display:flex;gap:14px;font-size:11px;color:#75869a;margin-top:8px;flex-wrap:wrap}.chart-key span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;background:#5595fa;margin-right:6px}.chart-key span:nth-child(2):before{background:#22ab91}.chart-key span:nth-child(3):before{background:#ff9b86}.small-print{font-size:11px;color:#8693a7;line-height:1.6;margin:15px 0 0}details{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}summary{font-weight:800;font-size:12px;color:#195fb9;cursor:pointer}.price-table{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.price-cell{border:1px solid #ebeff5;padding:9px 10px;border-radius:8px;display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#586c84}.price-cell b{color:#223c5d}
.charge-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}.charge-icon{background:#e8f7f2;color:#0b8b6f;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:21px}.charge-head h2{font:800 19px 'Segoe UI',Arial,sans-serif;margin:0;letter-spacing:-.3px}.charge-side .description{margin:8px 0 23px}.input-label{font-size:12px;font-weight:800;display:block;margin-bottom:10px}.battery-buttons{display:flex;gap:8px}.battery-buttons button{flex:1;background:#f7f9fd;border:1px solid #e6ebf3;border-radius:10px;padding:11px 4px;color:#586e87;font-weight:800}.battery-buttons button.selected{border-color:#8db8f7;background:#eef5ff;color:#0868f9}.charge-result{background:#f0f8f6;border:1px solid #dbeee8;border-radius:14px;padding:18px;margin-top:23px}.charge-result small{color:#47816e;font-weight:700}.charge-result .window{font:800 26px 'Segoe UI',Arial,sans-serif;letter-spacing:-1px;color:#12614f;margin:7px 0}.charge-result p{font-size:11px;color:#54776d;line-height:1.65;margin:10px 0 0}.charge-footer{display:flex;align-items:center;justify-content:space-between;margin:15px 0 3px}.charge-footer span{font-size:12px;color:#7b8b9a}.charge-footer strong{font:800 18px 'Segoe UI',Arial,sans-serif}.small-action{width:100%;margin-top:18px;background:white;color:#1f63a6;border:1px solid #d6e4f4;border-radius:11px;padding:12px;font-weight:800}.small-action:hover{background:#f0f7ff}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:54px}.feature{padding:24px;display:flex;gap:16px;align-items:flex-start}.feature-symbol{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#edf3fc;font-size:21px;flex-shrink:0}.feature h3{font:800 17px 'Segoe UI',Arial,sans-serif;margin:0 0 8px}.feature p{font-size:12px;color:#6b7f95;line-height:1.65;margin:0 0 12px}.feature a{font-size:12px;font-weight:800;color:var(--blue)}footer{padding:22px 0 30px;border-top:1px solid var(--line);background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#8a98aa}.footer-inner strong{color:#2b496c}
@media(max-width:900px){nav{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero{padding-top:44px}.map-card{max-width:580px}.price-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}header{height:66px}.brand{font-size:19px}.brand-icon{width:33px;height:33px}.hero{padding-top:34px}.hero h1{font-size:38px;letter-spacing:-2px}.lede{font-size:15px}.heroactions{flex-direction:column}.heroactions a{text-align:center}.map-card{padding:17px}.map-svg{max-height:255px}.section-titlebar{align-items:start}.section-titlebar h2{font-size:20px}.stat-grid{grid-template-columns:1fr;gap:9px}.stat{padding:16px;display:grid;grid-template-columns:1fr auto;align-items:center}.stat .big{font-size:23px;margin:0;grid-row:1 / 3;grid-column:2}.stat .time{grid-row:2;grid-column:1}.stat-header{grid-column:1}.stat-icon{display:none}.panel-head h2{font-size:20px}.section-card{padding:16px}.price-table{grid-template-columns:repeat(2,1fr)}.chart-box{height:240px}.feature-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:start}.demo-mark{font-size:9px}.topright .ghost-pill{display:none}}

/* Strømblik v2: original, restrained visual system */
:root{--blue:#1669dc;--orange:#fa9885;--paper:#f8faff;--ink:#192e48}
.demo-mark.live,.sample-badge.live{color:#067255;background:#e6f7f0;border-color:#bce8d7}
.demo-mark.error,.sample-badge.error{color:#956016;background:#fff8e5;border-color:#f6e0b1}
.demo-mark.loading,.sample-badge.loading{color:#51627a;background:#f1f4f9;border-color:#e5ebf4}
.history-panel,.calculator-card{margin:0 0 18px}.history-panel h2,.calculator-card h2{margin:0;font-size:23px;letter-spacing:-.6px}
.history-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:18px}
.history-row input,.calculator-grid input,.nice-select{display:block;width:100%;min-height:43px;border:1px solid #dce5f1;background:#fff;border-radius:10px;padding:10px 13px;color:var(--ink)}
.history-row button{min-height:43px}.nice-select{font-size:13px;font-weight:600}
.calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.calculator-grid label{font-size:12px;font-weight:750;color:#59708a;line-height:1.7}
.calculator-grid input{margin-top:7px;font-size:15px;font-weight:750;color:var(--ink)}
.calculator-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}
.calculator-result span{display:flex;flex-direction:column;gap:8px;background:#f2f6fc;border:1px solid #e6ecf5;padding:17px;border-radius:12px;font-size:12px;color:#6d7d8c}
.calculator-result b{color:#1b3654;font-size:21px;letter-spacing:-.4px}
#sourceBadge{white-space:nowrap}
#priceTable{max-height:265px;overflow-y:auto;grid-template-columns:repeat(4,minmax(0,1fr))}
.price-cell{min-width:0}
.chart-key span:last-child:before{background:var(--orange)}
#emptyMessage{color:#a15e25}
@media(max-width:760px){.history-row button{flex:1}.history-row>div{width:100%}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-result{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.calculator-grid{grid-template-columns:1fr 1fr}.calculator-result{grid-template-columns:1fr 1fr}.calculator-result b{font-size:17px}#priceTable{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Progressive disclosure: two decisions, advanced tools only on request. */
body{background:#f9fbfd}
header{height:68px}
.hero{padding-top:35px;padding-bottom:28px}
.hero h1{max-width:570px}
.hero .lede{max-width:420px}
.hero-note{display:none}
#priser{padding-top:17px;padding-bottom:18px}
#priser .section-titlebar{margin-bottom:16px}
#priser .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}
#priser .stat-grid .stat:nth-child(2){display:none}
#priser .insight{max-width:900px}
.more-section{width:min(1200px,calc(100% - 48px));margin:12px auto;border:1px solid #e2e9f2;border-radius:18px;background:#fff;overflow:hidden}
.more-section>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;cursor:pointer}
.more-section>summary::-webkit-details-marker{display:none}
.more-section>summary strong{display:block;font-size:17px;color:#172a43}
.more-section>summary small{display:block;font-size:13px;color:#6c7c90;margin-top:6px}
.more-arrow{display:grid;place-items:center;min-width:37px;height:37px;border-radius:50%;background:#eff5ff;color:#0868f9;font-size:22px;transition:transform .2s}
.more-section[open] .more-arrow{transform:rotate(45deg)}
.more-section>.section{padding:8px 0 20px}
.more-section .shell{width:calc(100% - 44px)}
.more-section:has(>summary:hover){border-color:#b1cdf8}
@media(max-width:760px){
 .hero{padding-top:23px}
 .more-section{width:calc(100% - 28px)}
 .more-section>summary{padding:18px}
 .more-section .shell{width:calc(100% - 26px)}
 #priser .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Compact, task-first redesign · 8px rhythm · keep touch areas usable */
header{height:62px}
.hero{padding:20px 0 8px}
.hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(315px,.84fr);gap:20px;align-items:center}
.hero .eyebrow{font-size:10px;letter-spacing:1.15px}
.hero h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1.65px;line-height:1.12;margin:9px 0 6px;max-width:520px}
.hero .lede{font-size:14px;line-height:1.5;max-width:440px}
.hero-prices{margin-top:17px;padding:0;scroll-margin-top:80px}
.hero-prices .section-titlebar{margin-bottom:9px;align-items:center}
.hero-prices .section-titlebar h2{font-size:16px;letter-spacing:-.3px}
.hero-prices .description{display:none}
.hero-prices .sample-badge{font-size:10px;padding:5px 7px}
.hero-prices .insight{padding:13px 15px;margin-bottom:10px;border-radius:12px;gap:8px}
.hero-prices .insight-icon{display:none}
.hero-prices .insight strong{font-size:14px;line-height:1.45}
.hero-prices .insight p{font-size:12px;line-height:1.45;margin-top:3px}
.hero-prices .stat-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.hero-prices .stat{padding:12px 14px;border-radius:12px;box-shadow:none}
.hero-prices .stat-header{font-size:11px;min-height:19px}
.hero-prices .stat-icon{width:25px;height:25px;border-radius:7px;font-size:13px}
.hero-prices .stat .big{font-size:25px;letter-spacing:-.8px;margin:7px 0 2px}
.hero-prices .stat .big span{font-size:11px}
.hero-prices .stat .time{font-size:11px}
.map-card{padding:15px 16px 13px;border-radius:17px;box-shadow:0 8px 28px #1e417811}
.map-header h2{font-size:15px}
.map-svg{width:100%;height:236px;max-height:none;margin:2px auto}
.legend{gap:8px}
.zone-button{min-height:42px;font-size:12px;padding:9px 10px}
.map-footer{margin-top:8px}
.more-section{padding-top:0;margin:8px auto 0;border-radius:13px;box-shadow:none}
.more-section>summary{min-height:61px;padding:10px 16px}
.more-section>summary strong{font-size:14px}
.more-section>summary small{font-size:11px;margin-top:3px}
.more-section .more-arrow{height:32px;min-width:32px;font-size:18px}
.more-section>.section{padding:7px 0 12px}
.more-section .shell{width:calc(100% - 26px)}
.more-section .section-card{box-shadow:none}
.more-section #historik{display:none}
.more-section #historik-værktøj,.more-section #bil-beregner{padding-top:8px}
.more-section .history-panel,.more-section .calculator-card{margin-bottom:10px}
.more-section .calculator-grid{margin-top:13px}
.more-section .calculator-result{margin-top:12px}
.more-section .section-card{padding:18px}
footer{margin-top:12px;padding:17px 0 18px}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;gap:13px;align-items:start}
 .hero{padding-top:18px}
 .hero-prices{margin-top:14px}
 .map-card{max-width:none}
 .map-svg{height:206px}
}
@media(max-width:620px){
 header{height:58px}
 .hero{padding:15px 0 4px}
 .hero h1{font-size:32px;letter-spacing:-1.25px;margin:7px 0 6px}
 .hero .lede{font-size:13px}
 .hero-prices{margin-top:13px}
 .hero-prices .section-titlebar{gap:6px;align-items:center}
 .hero-prices .section-titlebar h2{font-size:15px}
 .hero-prices .sample-badge{font-size:9px;padding:5px}
 .hero-prices .insight{padding:12px;margin-bottom:8px}
 .hero-prices .insight strong{font-size:13px}
 .hero-prices .insight p{font-size:12px}
 .hero-prices .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .hero-prices .stat{display:block;padding:11px}
 .hero-prices .stat-header{display:block;font-size:10px}
 .hero-prices .stat-icon{display:none}
 .hero-prices .stat .big{display:block;font-size:21px;margin:7px 0 2px}
 .hero-prices .stat .big span{display:block;font-size:10px}
 .hero-prices .stat .time{font-size:10px}
 .map-card{padding:12px}
 .map-svg{height:172px}
 .map-header h2{font-size:14px}
 .zone-button{font-size:11px;min-height:40px;padding:7px 9px}
 .map-footer{font-size:10px;margin-top:6px}
 .more-section{width:calc(100% - 28px);margin-top:8px}
 .more-section>summary{padding:10px 13px;min-height:60px}
 .more-section>.section{padding:6px 0 10px}
 .more-section .shell{width:calc(100% - 20px)}
 .more-section .section-card{padding:13px}
 footer{margin-top:9px}
}


/* Cohesive Strømblik workspace · same pattern across every function */
:root{--ink:#16314e;--paper:#f8fafc;--line:#e4eaf2;--surface:#fff;--blue:#1d65cb;--orange:#ee987f}
body{background:var(--paper);color:var(--ink)}.shell,.workspace{width:min(1100px,calc(100% - 40px));margin-inline:auto}
header{height:62px}header nav{display:none}header .brand-icon{width:34px;height:34px;border-radius:10px;font-size:20px}
header .brand{font-size:21px}
#top .workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:19px 0 24px;border-bottom:1px solid var(--line)}
.workspace-tabs{display:flex;gap:24px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.workspace-tab{flex:0 0 auto;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:14px 2px 13px;color:#60718a;font-weight:700;font-size:13px;min-height:48px}
.workspace-tab.selected{color:var(--blue);border-bottom-color:var(--blue)}
.context-switcher{display:flex;gap:3px;flex:0 0 auto;border:1px solid var(--line);background:#f1f5fa;padding:3px;border-radius:10px;margin-bottom:6px}
.context-switcher button{border:0;border-radius:7px;background:transparent;padding:9px 10px;color:#657993;font-size:12px;font-weight:700;min-height:38px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.context-switcher button.selected{background:white;color:var(--ink);box-shadow:0 1px 6px #283f5814}
.area-dot{height:9px;width:9px;border-radius:50%}.area-dot.west{background:#1d65cb}.area-dot.east{background:#ee987f}
.workspace-page[hidden]{display:none!important}
.workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}
.workspace-heading .workspace-kicker{margin:0 0 7px;font-size:10px;font-weight:800;color:#2871c2;letter-spacing:.1em}
.workspace-heading h1{font-size:clamp(25px,3vw,33px);font-weight:800;letter-spacing:-1.2px;line-height:1.15;margin:0 0 7px}
.workspace-heading p:not(.workspace-kicker){color:#65788c;margin:0;font-size:13px;line-height:1.5}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(275px,.78fr);gap:17px;align-items:stretch}
.hero-prices{margin:0}.hero-prices .section-titlebar{margin:0 0 11px;gap:8px}
.hero-prices .section-titlebar h2{font-size:17px;letter-spacing:-.2px}
.hero-prices .description{display:none}.hero-prices .sample-badge{padding:7px 9px;font-size:10px;white-space:normal;line-height:1.3}
.hero-prices .insight{margin:0 0 13px;padding:18px;background:#ebf3fe;border-color:#d7e4f8;min-height:91px;border-radius:14px}
.hero-prices .insight-icon{display:none}.hero-prices .insight strong{font-size:15px;line-height:1.5}
.hero-prices .insight p{font-size:12px;line-height:1.55;margin-top:6px}
.hero-prices .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none}
.hero-prices .stat{padding:17px;border-radius:14px;box-shadow:none}.hero-prices .stat:nth-child(2){display:none}
.hero-prices .stat-header{font-size:12px}.hero-prices .stat-icon{width:26px;height:26px}
.hero-prices .stat .big{font-size:27px;margin:11px 0 5px}.hero-prices .stat .time{font-size:12px}
.map-card{height:100%;box-shadow:none;padding:17px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between}
.map-header h2{font-size:15px}.map-svg{height:208px;width:100%;max-height:none;margin:0 auto}.map-footer{margin-top:7px}
.zone-button{min-height:40px;min-width:0;padding:8px 9px}
.workspace-divider{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:24px 0 11px}
.workspace-divider h2{font-size:17px;margin:0}.workspace-divider span{color:#8190a3;font-size:11px}
.workspace-chart{box-shadow:none;border-radius:14px}.workspace-chart>.panel-head h2{font-size:16px}
.workspace-chart .panel-head .segmented{display:none}.workspace-chart .chart-box{height:230px}
.workspace-page .section-card{box-shadow:none}
#panel-history .workspace-chart{margin-top:14px}#panel-history .history-panel{padding:18px 20px}
#panel-history .history-row{margin-top:11px}
#panel-charging .task-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:18px;align-items:start}
.workspace-charge{padding:24px;border-radius:15px}.workspace-charge .charge-head{display:none}
.workspace-charge>.description{display:none}.workspace-charge .charge-result{margin:0 0 10px;padding:18px}
.workspace-charge .charge-footer{margin:0 0 20px;padding:0 2px 16px;border-bottom:1px solid var(--line)}
.workspace-charge .nice-select{max-width:420px}
.task-help{border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px}
.task-help .help-icon{display:grid;place-items:center;background:#eaf3ff;color:var(--blue);border-radius:10px;height:33px;width:33px;font-size:21px}
.task-help h2{font-size:15px;margin:15px 0 8px}
.task-help p{font-size:12px;line-height:1.65;color:#65788c;margin:0 0 11px}
.task-help .context-link{font-size:12px;color:var(--blue);font-weight:750}
#panel-cars .workspace-cars{padding:23px}
#panel-cars .workspace-cars>div:first-child h2{display:none}
#panel-cars .workspace-cars>div:first-child p{margin:0 0 15px}
#panel-cars .calculator-result{margin:0 0 21px;gap:10px}
#panel-cars .calculator-grid{margin-top:0}
.workspace-page{padding-bottom:29px;min-height:370px}
@media(max-width:850px){.overview-grid{grid-template-columns:1fr}.map-card{max-width:none}.map-svg{height:220px}
#panel-charging .task-layout{grid-template-columns:1fr}#top .workspace-top{flex-wrap:wrap}
#panel-cars .calculator-result{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.shell,.workspace{width:calc(100% - 28px)}
#top .workspace-top{gap:5px;margin:8px 0 17px}.workspace-tabs{width:100%;flex:0 0 100%;gap:19px}
.workspace-tab{font-size:13px;min-height:44px;padding:11px 1px}
.context-switcher{margin-left:auto;margin-bottom:8px}
.context-switcher button{font-size:11px;padding:7px 8px;min-height:36px}
.workspace-heading{margin-bottom:15px;display:block}.workspace-heading h1{font-size:27px;letter-spacing:-.75px}
.workspace-heading p:not(.workspace-kicker){font-size:12px}.day-control{margin-top:12px}
.overview-grid{gap:11px}.hero-prices .insight{padding:14px;min-height:0;margin-bottom:9px}
.hero-prices .stat-grid{gap:8px}.hero-prices .stat{padding:12px}
.hero-prices .stat .big{font-size:22px}.map-card{padding:12px}.map-svg{height:170px}
.workspace-divider{margin:17px 0 9px}.workspace-chart .chart-box{height:214px}
.workspace-charge{padding:17px}.task-help{padding:17px}
#panel-history .history-panel{padding:15px}
#panel-cars .workspace-cars{padding:15px}
#panel-cars .calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-page{padding-bottom:20px}}


/* Visual review v2: remove duplicated information, disclose dense controls */
#navZone{display:none}
#panel-prices .workspace-heading{margin-bottom:17px}
#panel-prices .workspace-heading p:not(.workspace-kicker){display:none}
#panel-prices .workspace-heading .workspace-kicker{margin-bottom:5px}
#panel-prices .workspace-divider{display:none}
#panel-prices .overview-grid{grid-template-columns:1fr;gap:0}
#panel-prices .hero-prices .section-titlebar h2{font-size:15px}
#panel-prices .hero-prices .insight{min-height:unset;margin-bottom:10px}
#panel-prices .hero-prices .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#panel-prices #chartSlotPrices{margin-top:20px}
#panel-prices #mapSlot{margin-top:12px}
.optional-map,.cost-details,.input-details,.charge-explanation{border:1px solid #e1eaf4;background:#fff;border-radius:12px;overflow:hidden}
.optional-map summary,.cost-details summary,.input-details summary,.charge-explanation summary{font-weight:700;list-style:none;padding:13px 16px;color:#235990;font-size:13px;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between}
.optional-map summary::-webkit-details-marker,.cost-details summary::-webkit-details-marker,.input-details summary::-webkit-details-marker,.charge-explanation summary::-webkit-details-marker{display:none}
.optional-map[open]{padding-bottom:12px}
.optional-map .map-card{border:0;box-shadow:none;height:auto;max-width:470px;margin:0 auto;padding:8px 20px}
.optional-map .map-card .legend,.optional-map .map-header .mini-note{display:none}
.optional-map .map-svg{height:220px}
.optional-map .map-footer{margin-top:0}
.workspace-charge~.task-help{border:1px solid var(--line)}
#panel-charging .task-layout{display:block;max-width:790px}
#panel-charging .task-help{padding:0;margin-top:10px}
#panel-charging .task-help>.help-icon,#panel-charging .task-help>h2,#panel-charging .task-help>.context-link{display:none}
#panel-charging .task-help .charge-explanation{border:0;margin:0;padding:0}
#panel-charging .task-help .charge-explanation p{margin:0 16px 12px}
#panel-charging .workspace-charge{padding:20px}
#panel-history .history-panel{padding:17px 19px}
#panel-history .history-panel>div:first-child{display:none}
#panel-history .history-row{margin-top:0}
#panel-history .history-row .primary{padding:12px 17px}
#panel-cars .calculator-result{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
#panel-cars .calculator-result span:first-child{background:#eaf5f1;border-color:#d0e8dd}
#panel-cars .calculator-result span:first-child b{font-size:27px;color:#126e50}
#panel-cars .calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:710px;gap:12px;margin-bottom:12px}
#panel-cars .cost-details{margin:0 0 18px}
#panel-cars .cost-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 14px 14px}
#panel-cars .cost-pair span{padding:13px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6b7d92;background:#f3f6fa;border-radius:10px}
#panel-cars .cost-pair b{font-size:17px;color:#1c3958}
#panel-cars .input-details{margin-bottom:12px}
#panel-cars .input-details .calculator-grid{padding:0 14px 14px;margin:0;max-width:none}
#panel-cars .workspace-cars>div:first-child p{display:none}
#panel-cars .small-print{font-size:11px;margin:10px 0 0}
#panel-cars .small-print+ .small-print{margin-top:5px}
#panel-cars .cost-details summary,#panel-cars .input-details summary{font-size:12px}
@media(max-width:600px){
 #panel-prices .workspace-heading{margin-bottom:12px}
 #panel-prices .hero-prices .insight{padding:12px}
 #panel-prices #chartSlotPrices{margin-top:14px}
 #panel-prices .hero-prices .stat{padding:12px}
 #panel-prices .hero-prices .stat .big{font-size:23px}
 #panel-prices .optional-map .map-svg{height:195px}
 #panel-history .history-panel{padding:13px}
 #panel-history .history-row button{min-height:42px}
 #panel-cars .calculator-result{gap:8px}
 #panel-cars .calculator-result span{padding:12px}
 #panel-cars .calculator-result span:first-child b{font-size:21px}
 #panel-cars .calculator-grid{gap:10px}
 #panel-cars .cost-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
 #panel-charging .workspace-charge{padding:14px}
}


/* Primary placement: compact interactive map immediately below the prices heading. */
#panel-prices .overview-grid{
 display:grid;
 grid-template-columns:minmax(255px,.68fr) minmax(0,1.32fr);
 gap:16px;
 align-items:stretch;
}
#panel-prices #mapSlot{margin:0;min-width:0}
#panel-prices #mapSlot .map-card{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 height:100%;min-height:275px;padding:14px 16px;
 border:1px solid var(--line);border-radius:14px;
 background:#fff;box-shadow:none;
}
#panel-prices #mapSlot .map-header{width:100%;justify-content:center}
#panel-prices #mapSlot .map-header h2{font-size:14px;line-height:1.3}
#panel-prices #mapSlot .map-header .mini-note{display:none}
#panel-prices #mapSlot .map-svg{
 height:195px;max-height:195px;width:100%;margin:2px auto 0;overflow:visible;
}
#panel-prices #mapSlot .legend{display:none}
#panel-prices #mapSlot .map-footer{font-size:11px;margin:4px 0 0;line-height:1.4;text-align:center}
#panel-prices .hero-prices .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:850px){
 #panel-prices .overview-grid{grid-template-columns:1fr;gap:12px}
 #panel-prices #mapSlot .map-card{
  min-height:0;max-width:none;
  display:grid;grid-template-columns:minmax(125px,1fr) minmax(160px,210px);
  grid-template-rows:auto auto;column-gap:6px;justify-content:initial;
  align-items:center;padding:8px 16px;
 }
 #panel-prices #mapSlot .map-header{grid-column:1;grid-row:1;justify-content:start;align-self:end}
 #panel-prices #mapSlot .map-svg{grid-column:2;grid-row:1 / span 2;height:145px;max-height:145px}
 #panel-prices #mapSlot .map-footer{grid-column:1;grid-row:2;text-align:left;align-self:start}
}
@media(max-width:600px){
 #panel-prices .overview-grid{gap:9px}
 #panel-prices #mapSlot .map-card{grid-template-columns:minmax(115px,1fr) minmax(130px,175px);padding:7px 12px;border-radius:12px}
 #panel-prices #mapSlot .map-header h2{font-size:13px}
 #panel-prices #mapSlot .map-svg{height:126px;max-height:126px}
 #panel-prices #mapSlot .map-footer{font-size:10px}
}


/* Strømblik · Editorial full-width design
   Replaces stacked dashboard panels with fluid content sections.
   The live interactive Denmark SVG remains inline and clickable. */
:root{
 --paper:#ffffff;
 --ink:#142b45;
 --line:#e5eaf0;
 --reading:#617187;
 --page-gutter:clamp(20px,4.8vw,88px);
 --soft-band:#f6f9fc;
 --site-max:1680px;
}
body{background:#fff;color:var(--ink)}
.shell,.workspace{
 width:min(var(--site-max),calc(100% - var(--page-gutter) - var(--page-gutter)));
 max-width:none;margin-left:auto;margin-right:auto;
}
header{height:74px;background:#fff;border-bottom:1px solid #e9edf3}
header .brand{font-size:24px}
header .brand-icon{width:38px;height:38px}
#top .workspace-top{margin:0 0 0;padding:6px 0 0;border-bottom:1px solid #e5ebf1;gap:28px}
.workspace-tabs{gap:clamp(16px,2.4vw,36px)}
.workspace-tab{font-size:14px;font-weight:700;padding:17px 2px 16px}
.context-switcher{background:transparent;border:0;padding:0;margin-bottom:6px;gap:7px}
.context-switcher button{border:1px solid #e4eaf1;padding:10px 16px;border-radius:999px;min-height:43px}
.context-switcher button.selected{background:#eaf3ff;border-color:#a8c6f0;color:#1456b0;box-shadow:none}
#top[data-active-page="prices"] .context-switcher{display:none}
.workspace-page{padding:40px 0 54px;min-height:0}
.workspace-heading{align-items:end;gap:32px;margin-bottom:31px}
.workspace-heading h1{font-size:clamp(34px,3.5vw,52px);line-height:1.1;font-weight:750;letter-spacing:-1.9px;margin-bottom:12px}
.workspace-heading .workspace-kicker{font-size:11px;font-weight:800;color:#2370ba;letter-spacing:1.7px;margin-bottom:13px}
.workspace-heading p:not(.workspace-kicker){font-size:16px;line-height:1.55;max-width:780px;color:#63758b}
#panel-prices .workspace-heading p:not(.workspace-kicker){display:block}
#panel-prices .workspace-heading{margin-bottom:27px}
.day-control{align-self:center}
.day-control .segmented{border-radius:100px;padding:5px;border:1px solid #e3eaf3}
.day-control .segmented button{border-radius:100px;padding:11px 18px;min-height:44px;font-size:13px}
#panel-prices .overview-grid{
 display:grid;
 grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
 gap:clamp(34px,5.2vw,96px);
 align-items:center;
 padding:10px 0 50px;
}
#panel-prices #mapSlot{margin:0;min-width:0}
#panel-prices #mapSlot .map-card{
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 background:transparent!important;border:0!important;
 box-shadow:none!important;border-radius:0;
 min-height:0;height:auto;width:100%;padding:0;
}
#panel-prices #mapSlot .map-header{width:100%;justify-content:center}
#panel-prices #mapSlot .map-header h2{font-size:17px;color:#304a66;font-weight:700}
#panel-prices #mapSlot .map-header .mini-note{display:none}
#panel-prices #mapSlot .map-svg{
 display:block!important;width:100%!important;
 max-width:690px!important;max-height:none!important;
 height:clamp(325px,32vw,460px)!important;
 margin:8px auto 0;overflow:visible;
}
#panel-prices #mapSlot .legend{display:none}
#panel-prices #mapSlot .map-footer{
 margin-top:0!important;font-size:13px;
 font-weight:600;color:#667a92;line-height:1.5;text-align:center;
}
#panel-prices .answer-stage{min-width:0;padding-top:12px}
#panel-prices .hero-prices{scroll-margin-top:120px}
#panel-prices .hero-prices .section-titlebar{margin-bottom:24px}
#panel-prices .hero-prices .section-titlebar h2{font-size:20px;letter-spacing:-.45px}
#panel-prices .hero-prices .sample-badge{background:#f3f8f2;color:#51734b;border:0;border-radius:100px;padding:7px 11px;font-size:10px}
#panel-prices .hero-prices .insight{
 padding:0!important;margin:0 0 29px!important;
 min-height:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;display:block;
}
#panel-prices .hero-prices .insight-icon{display:none}
#panel-prices .hero-prices .insight strong{
 display:block;color:#132d4a;font-size:clamp(24px,2.2vw,35px);
 line-height:1.25;font-weight:760;letter-spacing:-.75px;
}
#panel-prices .hero-prices .insight p{
 max-width:550px;margin:14px 0 0;font-size:15px;line-height:1.65;color:#64788e;
}
#panel-prices .hero-prices .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:none}
#panel-prices .hero-prices .stat{
 background:transparent!important;border:0!important;
 border-top:1px solid #dbe4ed!important;box-shadow:none!important;
 border-radius:0!important;padding:18px 0 0!important;
}
#panel-prices .hero-prices .stat-header{font-size:13px;color:#6e8094}
#panel-prices .hero-prices .stat-icon{display:none}
#panel-prices .hero-prices .stat .big{font-size:clamp(29px,2.6vw,40px);letter-spacing:-1px;margin:15px 0 7px}
#panel-prices .hero-prices .stat .big span{font-size:14px}
#panel-prices .hero-prices .stat .time{font-size:13px}
#panel-prices #chartSlotPrices{margin-top:0}
.workspace-chart{
 background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;
 padding:31px 0 0!important;border-radius:0!important;box-shadow:none!important;
}
.workspace-chart .panel-head h2{font-size:25px!important;letter-spacing:-.5px}
.workspace-chart .chart-box{height:clamp(255px,26vw,365px)!important}
.workspace-chart .description{font-size:13px}
.workspace-chart .chart-intro{font-weight:600;font-size:14px}
.workspace-chart .small-print{max-width:1060px}
.workspace-chart .price-table{gap:8px}
.workspace-chart .price-cell{padding:13px}
#panel-history .history-panel,
#panel-cars .workspace-cars,
#panel-charging .workspace-charge{
 background:transparent!important;border:0!important;border-radius:0!important;
 padding:0!important;box-shadow:none!important;
}
#panel-history .history-panel{padding-bottom:22px!important}
#panel-history .history-row{display:flex;gap:15px;align-items:end}
#panel-history .history-row>div{min-width:240px}
#panel-history .history-row button{min-height:46px}
#panel-history .workspace-chart{margin-top:6px}
#panel-charging .task-layout{
 display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(290px,.75fr)!important;
 gap:clamp(36px,7vw,140px);max-width:none!important;align-items:start;
}
#panel-charging .workspace-charge .charge-result{
 border-radius:0!important;background:transparent!important;border:0!important;
 border-left:5px solid #21a47a!important;padding:12px 20px!important;
 margin:0 0 15px!important;
}
#panel-charging .charge-result .window{font-size:clamp(35px,3.4vw,52px);margin:9px 0}
#panel-charging .workspace-charge .charge-footer{border-bottom:0;margin:0 0 25px;padding:6px 0 25px}
#panel-charging .battery-buttons button{min-height:48px}
#panel-charging .task-help{border:0!important;border-top:1px solid var(--line)!important;
 background:transparent!important;border-radius:0!important;padding:20px 0 0!important;margin-top:0!important}
#panel-charging .task-help>.help-icon{display:none}
#panel-charging .task-help>h2{display:block;font-size:21px;margin:0 0 13px}
#panel-charging .task-help .charge-explanation{border:0;border-radius:0;background:transparent}
#panel-charging .task-help .charge-explanation summary{padding:11px 0;font-size:13px}
#panel-charging .task-help .charge-explanation p{margin:0 0 14px;font-size:14px;line-height:1.7}
#panel-cars .workspace-cars{
 display:grid;grid-template-columns:minmax(320px,.85fr) minmax(350px,1.15fr);
 gap:18px clamp(35px,5.5vw,110px);align-items:start;
}
#panel-cars .workspace-cars>div:first-child{display:none}
#panel-cars .calculator-result{grid-column:1;grid-row:1;gap:12px;margin:0!important}
#panel-cars .calculator-result span{border-radius:12px;padding:20px 16px}
#panel-cars .calculator-result span:first-child b{font-size:30px}
#panel-cars .cost-details{grid-column:1;grid-row:2;margin:0!important}
#panel-cars .workspace-cars>.calculator-grid{grid-column:2;grid-row:1;max-width:none!important}
#panel-cars .input-details{grid-column:2;grid-row:2;align-self:start}
#panel-cars .workspace-cars>.small-print{grid-column:1/-1;max-width:980px}
#panel-cars .cost-details,#panel-cars .input-details{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
#panel-cars .cost-details summary,#panel-cars .input-details summary{padding:13px 0}
footer{margin-top:0;background:#f7f9fb;border-top:1px solid #e8edf2;padding:27px 0}
@media(max-width:1000px){
 #panel-prices .overview-grid{gap:35px}
 #panel-prices #mapSlot .map-svg{height:clamp(280px,34vw,385px)!important}
 #panel-charging .task-layout{gap:40px}
}
@media(max-width:850px){
 .shell,.workspace{width:calc(100% - 44px)}
 .workspace-page{padding:29px 0 42px}
 #panel-prices .overview-grid{grid-template-columns:1fr;gap:22px;padding:2px 0 37px}
 #panel-prices #mapSlot .map-card{display:flex;align-items:center;padding:0}
 #panel-prices #mapSlot .map-header{justify-content:center}
 #panel-prices #mapSlot .map-svg{height:360px!important;max-width:540px!important}
 #panel-prices .answer-stage{padding-top:0}
 #panel-prices .hero-prices .section-titlebar{margin-bottom:16px}
 #panel-cars .workspace-cars{grid-template-columns:1fr;gap:13px}
 #panel-cars .calculator-result,#panel-cars .cost-details,#panel-cars .workspace-cars>.calculator-grid,
 #panel-cars .input-details,#panel-cars .workspace-cars>.small-print{grid-column:1;grid-row:auto}
 #panel-charging .task-layout{grid-template-columns:1fr!important;gap:25px}
 #panel-charging .task-help{max-width:none}
}
@media(max-width:600px){
 .shell,.workspace{width:calc(100% - 30px)}
 header{height:61px}
 .workspace-page{padding:25px 0 32px}
 .workspace-heading{margin-bottom:18px;gap:12px}
 .workspace-heading h1{font-size:clamp(29px,8vw,39px);letter-spacing:-1.25px;margin-bottom:10px}
 .workspace-heading p:not(.workspace-kicker){font-size:13px;line-height:1.5}
 #panel-prices .workspace-heading{margin-bottom:15px}
 #panel-prices .overview-grid{gap:12px;padding-bottom:25px}
 #panel-prices #mapSlot .map-header h2{font-size:15px}
 #panel-prices #mapSlot .map-svg{height:285px!important;max-width:100%!important;margin:0!important}
 #panel-prices #mapSlot .map-footer{font-size:12px}
 #panel-prices .hero-prices .section-titlebar{margin-bottom:14px}
 #panel-prices .hero-prices .section-titlebar h2{font-size:17px}
 #panel-prices .hero-prices .insight{margin-bottom:22px!important}
 #panel-prices .hero-prices .insight strong{font-size:24px}
 #panel-prices .hero-prices .insight p{font-size:13px;margin-top:10px}
 #panel-prices .hero-prices .stat-grid{gap:15px}
 #panel-prices .hero-prices .stat .big{font-size:25px}
 #panel-prices .hero-prices .stat .big span{display:block;font-size:12px}
 #panel-prices .hero-prices .stat .stat-header{font-size:11px}
 .workspace-chart{padding-top:22px!important}
 .workspace-chart .panel-head h2{font-size:20px!important}
 .workspace-chart .chart-box{height:235px!important}
 #panel-cars .calculator-result span{padding:15px 13px}
 #panel-history .history-row>div{min-width:0}
 #panel-charging .charge-result .window{font-size:35px}
}


/* "Min strøm" uses the same full-width editorial design, no generic dashboard boxes. */
#panel-personal .workspace-heading{max-width:1050px;margin-bottom:23px}
#panel-personal .personal-privacy{border-left:3px solid #24866e;padding:12px 17px;color:#285549;background:#eff8f4;font-size:13px;line-height:1.5;margin:0 0 39px;max-width:1060px}
#panel-personal .personal-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.65fr);gap:clamp(38px,8vw,145px);align-items:start}
#panel-personal .personal-form{max-width:820px}
#panel-personal .personal-step{display:grid;grid-template-columns:43px 1fr;gap:18px;padding:20px 0 28px;border-top:1px solid #e2e8ee}
#panel-personal .personal-number{font-size:12px;line-height:1.8;font-weight:800;color:#1874b9}
#panel-personal .personal-step h2,#panel-personal .personal-side h2{font-size:21px;font-weight:750;letter-spacing:-.4px;margin:0 0 9px}
#panel-personal .personal-step p,#panel-personal .personal-side p{font-size:14px;color:#63788e;line-height:1.65;margin:0 0 16px}
#panel-personal .personal-upload{display:flex;align-items:center;justify-content:space-between;max-width:390px;padding:15px 19px;background:#eaf2ff;border:1px solid #c7dcf7;color:#155caa;border-radius:8px;font-weight:700;cursor:pointer;min-height:51px}
#panel-personal #personal-file{display:block;max-width:390px;margin-top:10px;color:#4e6780;font-size:12px}
#panel-personal .personal-text-button{display:block;border:0;background:none;padding:11px 0;color:#1b63a7;text-decoration:underline;font-size:13px}
#panel-personal .personal-field-label{display:block;font-size:12px;font-weight:700;margin:0 0 7px}
#panel-personal select{width:min(100%,410px);padding:12px;border:1px solid #cbd7e4;border-radius:9px;background:white;min-height:48px}
#panel-personal .personal-primary{background:#1664bc;color:white;font-weight:750;border:0;border-radius:8px;min-height:50px;padding:0 20px}
#panel-personal .personal-primary:disabled{opacity:.5}
#panel-personal #personal-status{margin:12px 0 0;min-height:19px}
#panel-personal #personal-status[data-error="yes"]{color:#a32235;font-weight:650}
#panel-personal .personal-side{border-top:2px solid #1b75ba;padding-top:24px}
#panel-personal .personal-side a{color:#1664b5;text-decoration:underline;font-size:13px;font-weight:750}
#panel-personal .personal-result{border-top:1px solid #dce5ed;margin:21px 0 18px;padding:28px 0}
#panel-personal .personal-result-heading h2{font-size:28px;margin:5px 0 3px}
#panel-personal .personal-result-heading>p:last-child{font-size:13px;color:#6b7b91}
#panel-personal .personal-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:22px 0}
#panel-personal .personal-numbers>div{border-top:1px solid #cfdae6;padding-top:16px}
#panel-personal .personal-numbers span{display:block;color:#728399;font-size:12px;margin-bottom:11px}
#panel-personal .personal-numbers strong{display:block;font-size:clamp(22px,2.7vw,33px);letter-spacing:-.8px;overflow-wrap:anywhere}
#panel-personal #personal-spot-explain,#panel-personal .personal-footnote{font-size:13px;color:#617389;line-height:1.6;max-width:930px}
#panel-personal .personal-footnote{margin:18px 0}
@media(max-width:850px){#panel-personal .personal-layout{grid-template-columns:1fr;gap:20px}#panel-personal .personal-side{max-width:800px}}
@media(max-width:600px){#panel-personal .personal-privacy{margin-bottom:22px}#panel-personal .personal-step{grid-template-columns:30px 1fr;gap:8px;padding:18px 0}#panel-personal .personal-step h2{font-size:18px}#panel-personal .personal-numbers{grid-template-columns:1fr 1fr;gap:14px}#panel-personal .personal-numbers>div:last-child{grid-column:1/-1}#panel-personal .personal-numbers strong{font-size:24px}}


#panel-personal .personal-demo-button{font-weight:750;text-decoration:none;margin-top:0}
#panel-personal .personal-demo-label{font-size:11px;font-weight:800;letter-spacing:.055em;color:#99631b;background:#fff6e8;display:inline-block;padding:8px 11px;border-radius:6px;margin:5px 0 0}
#panel-personal .personal-demo-label[hidden]{display:none}
#panel-personal .personal-bill{border-top:2px solid #2d78bd;margin:36px 0 16px;padding:27px 0}
#panel-personal .personal-bill-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;max-width:920px;margin:20px 0}
#panel-personal .personal-bill-fields label{font-size:13px;font-weight:650;line-height:1.5;color:#334e68;display:grid;gap:8px}
#panel-personal .personal-bill-fields input{border:1px solid #c8d7e6;border-radius:7px;padding:12px;background:white;min-width:0;font:inherit}
#panel-personal .personal-bill-hint,#panel-personal #bill-status,#panel-personal #bill-comparison{color:#586f86;line-height:1.6;font-size:13px;max-width:850px}
#panel-personal #bill-output{margin-top:20px;max-width:800px;border-top:1px solid #d7e3ef;padding-top:14px}
#panel-personal #bill-output h3{font-size:20px;margin-bottom:12px}
#panel-personal #bill-breakdown{display:grid;gap:0}
#panel-personal .bill-line{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e0e9f2;font-size:14px}
#panel-personal .bill-line:last-child{font-size:18px;font-weight:800}
@media(max-width:680px){#panel-personal .personal-bill-fields{grid-template-columns:1fr}}



#panel-personal .personal-tariff-lookup{margin:24px 0;border:1px solid #cfdae5;border-radius:9px;padding:18px 20px;max-width:920px}
#panel-personal .personal-tariff-lookup summary{cursor:pointer;color:#145ea9;font-weight:750;font-size:14px}
#panel-personal .personal-tariff-lookup>p{font-size:13px;line-height:1.65;color:#657c93;margin:12px 0}
#panel-personal .personal-tariff-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
#panel-personal .personal-tariff-fields label{display:grid;gap:7px;font-size:13px;font-weight:700}
#panel-personal .personal-tariff-fields input{min-width:0;padding:13px;border:1px solid #c8d7e6;border-radius:7px;font:inherit}
#panel-personal #bill-tariff-lookup{padding:13px 17px;background:#e5f1ff;border:1px solid #c2dcfb;color:#175eac;font-weight:750;border-radius:7px}
#panel-personal #bill-tariff-lookup:disabled{opacity:.55}
#panel-personal #bill-tariff-result{background:#eff8f4;border-left:3px solid #23936d;padding:13px 15px;margin-top:12px}
#panel-personal #bill-tariff-result strong{font-size:21px}
#panel-personal #bill-tariff-result p{margin:8px 0 0;line-height:1.5;color:#48647a;font-size:13px}
@media(max-width:620px){#panel-personal .personal-tariff-fields{grid-template-columns:1fr}}

#panel-personal .personal-directory{display:grid;gap:9px;margin:16px 0;max-width:720px}
#panel-personal .personal-directory label{font-size:13px;font-weight:750}
#panel-personal .personal-directory input,#panel-personal .personal-directory select{width:100%;min-height:44px;padding:11px;border:1px solid #c9d9e9;background:white;border-radius:7px}
#panel-personal .personal-directory select:disabled{opacity:.65}
#panel-personal #tariff-directory-status{font-size:12px;color:#59758d;line-height:1.5;margin:0}

.charge-power-label{margin-top:18px}

/* Compact site ownership and required CC BY 4.0 source attribution. */
.footer-inner .copyright{margin:5px 0 0;font-size:12px;font-weight:500;color:#728095}
.footer-source{display:block;max-width:540px;font-size:10px;line-height:1.65;color:#8592a2;text-align:right}
.footer-source a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:620px){.footer-source{text-align:left}}