:root{color-scheme:dark;--bg:#080d13;--panel:#0e161f;--line:#22303c;--text:#eef4f8;--muted:#8d9dab;--cyan:#5cd7f4;--green:#8ee5b5;--yellow:#f6dc66;--violet:#c3acff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 65% -15%,#16344166,transparent 48%),var(--bg);color:var(--text)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}i svg,svg.lucide{width:18px;height:18px;stroke-width:1.6}.preview{min-height:32px;padding:8px 30px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #24343b;background:#101d25;color:#a2b7c4;font-size:10px;letter-spacing:.09em}.preview>span:first-child{color:var(--cyan);font-weight:700}.preview-dot,.tiny-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:8px}.shell{max-width:1530px;margin:auto;display:flex}.rail{width:95px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:18px;padding-top:35px;position:sticky;top:0;height:100vh}.monogram{font-size:32px;font-weight:800;letter-spacing:-3px}.monogram span{color:var(--cyan)}.rail-line{width:22px;height:1px;background:var(--line);margin:14px 0}.rail>a:not(.monogram){width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#637988}.rail>a.active,.rail>a:hover{color:var(--cyan);background:#172b36}.rail-caption{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.24em;color:#506371;margin-top:50px}main{width:calc(100% - 95px);padding:40px 42px 0 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:#94a6b5}.brand .eyebrow b{color:#426170;padding:0 10px}h1{font-size:clamp(28px,3.3vw,43px);letter-spacing:-1.8px;line-height:1.2;font-weight:550;margin:13px 0 10px}h1>span{color:var(--cyan)}.brand p{color:var(--muted);font-size:13px}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:12px;color:var(--muted)}.location{display:flex;align-items:center;gap:6px}.location svg{width:13px}.date{font-variant-numeric:tabular-nums}.readout{font-size:10px;color:var(--cyan);display:flex;align-items:center;gap:7px;margin-top:3px}.readout span{height:5px;width:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.readout b{font-weight:500}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#101a24ef,#0d151ded);border-radius:18px;overflow:hidden;box-shadow:0 12px 45px #0002}.section-head{padding:27px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin-top:9px}.scenario,.ev-period{display:flex;border:1px solid #263642;background:#09121a;border-radius:9px;padding:4px;gap:3px}.scenario button,.ev-period button{background:none;border:0;color:#8799a9;font-size:11px;padding:9px 12px;border-radius:6px;display:flex;align-items:center;gap:6px;white-space:nowrap}.scenario button svg{width:13px;height:13px}.scenario button[aria-pressed=true],.ev-period button[aria-pressed=true]{color:#e3f4fa;background:#233541;box-shadow:0 2px 6px #0003}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;padding:20px 28px 0;gap:24px}.diagram-wrap{position:relative;background-image:radial-gradient(#4260783b .7px,transparent .7px);background-size:18px 18px;border-radius:12px;overflow:hidden}.flow-caption{font-size:10px;color:#8ea4b5;position:absolute;top:12px;left:12px;z-index:1}.tiny-led{width:4px;height:4px;background:#8ee5b5}#flow{display:block;width:100%;height:auto;min-height:360px}.diagram-foot{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 14px;font-size:9px;color:#738b9b}.diagram-foot>span{display:flex;align-items:center;gap:6px}.diagram-foot b{color:#9eb5c1;font-weight:500}.divider{color:#4b6676;padding:0 7px}.flow-key{width:22px;height:2px;background:linear-gradient(90deg,#35515d,var(--cyan))}.wire-base{fill:none;stroke:#253b49;stroke-width:1.4}.wire-on{fill:none;stroke:var(--wire);stroke-width:2;opacity:.4}.particle{fill:var(--wire);filter:url(#glow)}.node-bg{fill:#0e1a24;stroke:#2b4151;stroke-width:1}.node-icon{fill:none;stroke:var(--node);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.node-label{fill:#8199a9;font-size:10px;letter-spacing:1.7px;font-weight:500}.node-value{fill:#edf7fc;font-size:27px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.node-unit{fill:#8ba3b3;font-size:12px;letter-spacing:0}.node-sub{fill:#8ba3b3;font-size:10px}.node-box{filter:url(#nodeShadow)}.hub-ring{fill:none;stroke:#4dcce2;stroke-width:1;opacity:.25}.ring-spin{transform-origin:380px 155px;animation:rotate 45s linear infinite}.hub-label{font-size:8px;letter-spacing:2px;fill:#79a0ad}.junction{fill:#7ee3f5}.route-label{fill:#718c9d;font-size:8px;letter-spacing:1.1px}.battery-panel{border-left:1px solid #22333f;padding:16px 0 12px 25px}.battery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.battery-heading h3{font-size:15px;font-weight:500}.chip{font-size:9px;color:var(--green);background:#25423677;border:1px solid #44695666;border-radius:20px;padding:5px 8px;white-space:nowrap}.battery-instrument{margin:29px auto 15px;width:104px;position:relative}.battery-top{width:36px;height:7px;background:#334b58;border-radius:4px 4px 0 0;margin:0 auto 3px}.battery-body{height:151px;border:1px solid #4b6775;border-radius:12px;position:relative;overflow:hidden;background:#0a131c;box-shadow:0 0 40px #57d4b208,inset 0 0 25px #0005}.battery-body>#battery-fill{position:absolute;bottom:5px;left:5px;right:5px;background:linear-gradient(0deg,#29746780,#69deb54d);border-top:2px solid #8ee5b5;border-radius:0 0 6px 6px;transition:height .7s,background .7s;box-shadow:0 -2px 18px #8ee5b51c}.battery-segments{position:absolute;inset:5px;background:repeating-linear-gradient(0deg,transparent 0,transparent 25px,#09131c 26px,#09131c 28px);opacity:.65}.battery-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px}.battery-number strong{font-size:42px;font-weight:450;letter-spacing:-2px}.battery-number span{font-size:16px;color:#8eb1bb;margin-top:14px}.reserve-marker{font-size:8px;color:#728996;text-align:center;margin-top:9px}.battery-power{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.battery-power svg{color:var(--green);width:17px}.battery-power strong{font-size:21px;font-weight:500}.battery-power small{font-size:11px;color:var(--muted)}.battery-power>span{width:100%;text-align:center;font-size:10px;color:var(--muted);margin-bottom:22px}.battery-spec{font-size:9px;color:#7e95a5;display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #20313d;gap:10px}.battery-spec b{color:#a5bcc9;font-weight:500}.source-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #21323e;margin-top:20px;padding:13px 28px;font-size:9px;color:#7d94a5}.source-strip>span:first-child{display:flex;align-items:center;gap:7px}.source-strip svg{width:12px;height:12px}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-top:18px}.small-date{font-size:10px;color:#8ea4b2}.ledger-main{display:grid;grid-template-columns:1fr 1fr;margin:26px 28px 25px;gap:22px}.solar-total>span,.ledger-grid>div>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#9bb0bf}.solar-total svg{color:var(--yellow);width:16px}.solar-total>strong{font-size:42px;font-weight:450;letter-spacing:-1.6px;display:block;margin:9px 0}.solar-total small{font-size:14px;color:#8fa3b1;letter-spacing:0}.solar-total p{font-size:10px;color:#728c9b}.ledger-grid{display:grid;gap:18px;border-left:1px solid #253744;padding-left:23px}.ledger-grid svg{width:13px;height:13px;color:var(--cyan)}.ledger-grid>div:nth-child(2) svg{color:var(--green)}.ledger-grid strong{font-size:22px;font-weight:450;display:block;margin-top:7px}.ledger-grid small{font-size:11px;color:#91a7b5}.balance-title{margin:0 28px 11px;display:flex;justify-content:space-between;font-size:10px;color:#8fa5b4}.balance-title strong{color:#b9cbd4;font-weight:500}.balance-track{display:flex;height:7px;border-radius:8px;overflow:hidden;gap:3px;margin:0 28px;background:#20323c}.balance-track>div:first-child{background:linear-gradient(90deg,#26516d,#63c4ed)}.balance-track>div:last-child{background:#8ee5b5;min-width:3px}.balance-legend{display:flex;justify-content:space-between;margin:12px 28px 0;font-size:9px;color:#8da6b5}.balance-legend span{display:flex;align-items:center;gap:6px}.balance-legend strong{color:#b5c9d4;font-weight:500}.blue-dot,.green-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.green-dot{background:var(--green)}.footnote{font-size:9px;line-height:1.7;color:#78909f;margin:20px 28px 22px}.ev-panel h2>span{color:#8e88b6;font-weight:400}.ev-heading-icon{width:36px!important;height:36px!important;color:var(--violet);opacity:.8}.car-status{display:flex;align-items:center;gap:15px;margin:21px 28px 20px;font-size:10px;color:#a2b4c2;flex-wrap:wrap}.car-status>span{display:flex;align-items:center;gap:6px}.car-status svg{width:13px;height:13px;color:var(--violet)}.car-status b{font-weight:500}.car-status-text{color:#c4b5ee;background:#57437444;border:1px solid #72598d55;padding:5px 8px;border-radius:5px;font-size:9px}.ev-period{margin:0 28px;width:max-content}.ev-period button{font-size:10px;padding:7px 11px}.ev-metrics{display:grid;grid-template-columns:1fr 1fr;margin:21px 28px 0;gap:15px}.ev-metrics>div>span{font-size:10px;color:#94a9b9}.ev-metrics strong{font-size:28px;letter-spacing:-.8px;font-weight:450;display:block;margin:7px 0}.ev-metrics strong small{font-size:11px;color:#9badbc;letter-spacing:0}.ev-metrics>div>small{font-size:9px;color:#6e8797}.ev-bottom{margin:19px 28px 0;border-top:1px solid #263540;padding-top:13px;display:flex;gap:8px;font-size:10px;line-height:1.6;color:#92a8b7}.ev-bottom svg{width:13px;height:13px;color:#8d83aa;margin-top:2px}.ev-panel .footnote{margin-top:10px}.phases{display:flex;margin-top:18px;padding:24px 28px;gap:35px;align-items:center}.phase-title{min-width:165px}.phase-title h2{font-size:17px;margin-top:7px}.phase-title p{font-size:9px;color:#7894a6;margin-top:8px}#phase-cards{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:26px}.phase-card .phase-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8ba2b3}.phase-card strong{font-size:18px;font-weight:450;color:#d5e3eb}.phase-bar{height:5px;background:#1f303d;margin:13px 0 9px;position:relative;border-radius:5px}.phase-bar:after{content:"";position:absolute;left:50%;top:-3px;height:11px;width:1px;background:#6c8494}.phase-bar>span{height:5px;display:block;position:absolute;border-radius:5px;background:var(--cyan)}.phase-detail{display:flex;justify-content:space-between;font-size:9px;color:#7d95a7}footer{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;color:#607d8e}.footer-brand{font-weight:800;letter-spacing:.12em;color:#a3bac8}.footer-brand span{font-size:8px;font-weight:400;letter-spacing:.2em;display:block;margin-top:4px;color:#6f8e9e}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1450px){#flow{min-height:420px}}@media(max-width:1100px){.rail{width:65px}main{width:calc(100% - 65px);padding:30px 24px 0 10px}.flow-layout{grid-template-columns:minmax(0,1fr) 180px;gap:15px}.battery-panel{padding-left:16px}.scenario button{padding:8px}.section-head{gap:10px}.phases{gap:20px}#phase-cards{gap:15px}.lower-grid{grid-template-columns:1fr 1fr}h2{font-size:18px}}@media(max-width:800px){.rail{display:none}main{width:100%;padding:28px 18px 0}header{margin-bottom:25px}.header-right .location{display:none}.flow-layout{grid-template-columns:1fr}.battery-panel{display:none}#flow{min-height:330px}.lower-grid{grid-template-columns:1fr}.section-head{padding:22px 22px 0}.flow-layout{padding:15px 14px 0}.phases{flex-direction:column;align-items:stretch;gap:22px}.phase-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.phase-title .eyebrow{width:100%}.phase-title p,.phase-title h2{margin:0}footer>p{display:none}.source-strip{padding:12px 20px}.preview{padding:8px 18px}}@media(max-width:550px){.preview{font-size:8px;letter-spacing:.03em}.preview>span:last-child{max-width:145px;text-align:right}header{align-items:flex-start}.brand .eyebrow{font-size:8px;letter-spacing:.1em}.brand .eyebrow b{padding:0 3px}h1{font-size:29px;letter-spacing:-1.3px;max-width:240px}.brand p{font-size:10px;line-height:1.7;max-width:230px}.header-right{font-size:9px;gap:8px;margin-top:2px}.readout{font-size:8px;max-width:80px;text-align:right}.flow-panel>.section-head{align-items:flex-start;flex-direction:column;gap:17px}.scenario{width:100%;justify-content:space-between}.scenario button{font-size:10px;padding:8px}.flow-layout{padding-top:6px}.flow-caption{top:9px;font-size:9px}#flow{min-height:0}.diagram-foot{font-size:8px;padding:0 7px 12px}.source-strip{flex-direction:column;align-items:flex-start;gap:7px;font-size:8px}.ledger-main{margin:25px 22px;gap:12px}.ledger-grid{padding-left:14px}.solar-total>strong{font-size:36px}.ledger-grid strong{font-size:21px}.section-head .eyebrow{font-size:9px}h2{font-size:19px}.small-date{font-size:9px}.phases{padding:22px}#phase-cards{gap:13px}.phase-card strong{font-size:14px}.phase-card .phase-top{align-items:flex-start;flex-direction:column;gap:7px}.phase-detail{font-size:8px;flex-direction:column;gap:5px}.ev-metrics strong{font-size:29px}footer{font-size:8px;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Fuld bredde uden venstremenu. */
main{width:100%;padding:40px 42px 0}@media(max-width:1100px){main{width:100%;padding:30px 24px 0}}@media(max-width:800px){main{padding:28px 18px 0}}

.back-link{font-size:11px;color:#9cb4c3}.back-link span{color:var(--cyan);margin-left:7px}.car-measured{font-size:9px;color:#8398aa;margin:-8px 28px 16px}.readout.unavailable{color:#f6dc66}

.ev-metrics .ev-distance{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px}.ev-distance>small{display:block;line-height:1.6}

.motion-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:34px 12px 2px}.motion-controls button{font:inherit;font-size:12px;color:#c8d6e0;background:#17232e;border:1px solid #385263;border-radius:7px;padding:8px 12px;cursor:pointer}.motion-controls button[aria-pressed="true"]{color:#8ee5b5;border-color:#497a64}.motion-controls button:hover{border-color:#5cd7f4}.motion-controls button:focus-visible{outline:2px solid #5cd7f4;outline-offset:3px}.motion-controls span{font-size:11px;color:#94a5b5}

/* Same flow arrangement as Energi Agent, within the existing frame. */
#flow{overflow:visible}
.motion-controls{position:relative;flex-direction:column;align-items:flex-start;gap:7px}
.motion-controls span{position:absolute;top:calc(100% + 7px);left:0}