:root{color-scheme:dark}body{background:#07110f;color:#eef7f2}.demo-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;border-bottom:1px solid #28443b;background:#0a1915;color:#a9c8bc;font-size:.8rem;letter-spacing:.08em}.demo-banner{position:sticky;top:0;z-index:5;padding:14px 5vw;text-align:center;background:#f4b942;color:#1c1607;font-weight:900;letter-spacing:.025em;box-shadow:0 6px 22px #0008}.demo-main{width:min(1420px,92vw);margin:0 auto;padding:44px 0 70px}.demo-hero{display:grid;grid-template-columns:1.5fr .5fr;gap:36px;align-items:end;margin-bottom:26px}.demo-hero h1{max-width:850px;font-size:clamp(2.2rem,4vw,4.7rem);line-height:.98;margin:8px 0 20px}.demo-hero p{max-width:900px;color:#b5c9c1;line-height:1.65}.demo-meta{padding:22px;border:1px solid #315247;border-radius:16px;display:grid;gap:6px;background:#0d211b}.demo-meta span{color:#87a99c;font-size:.78rem;text-transform:uppercase}.demo-meta strong{margin-bottom:9px}.assumption-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.assumption-strip>*{border:1px solid #315247;background:#10261f;border-radius:999px;padding:9px 13px;font-size:.78rem}.assumption-strip strong{color:#f4c95d;border-color:#79642b}.demo-card{background:#0c1c17;border:1px solid #29483e;border-radius:18px;padding:24px;margin-bottom:22px;box-shadow:0 16px 40px #0003}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-head h2,.demo-card h2{margin:4px 0 18px}.case-switch{display:flex;gap:8px}.case-switch button{cursor:pointer;background:#142a23;color:#bdd2ca;border:1px solid #345b4e;border-radius:999px;padding:10px 14px}.case-switch button.active{background:#b7ef86;color:#10200e;border-color:#b7ef86;font-weight:800}.flow-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 20px}.flow-summary div{background:#102720;border-radius:12px;padding:14px}.flow-summary span{display:block;color:#89a99d;font-size:.78rem}.flow-summary strong{display:block;margin-top:6px}#dispatch-chart{width:100%;min-height:390px;background:#091713;border-radius:12px}.demo-grid{display:grid;grid-template-columns:1.55fr .45fr;gap:22px}.table-scroll{max-height:480px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.79rem}th{position:sticky;top:0;background:#11261f;color:#9cb8ae}th,td{text-align:right;padding:9px;border-bottom:1px solid #223d34}th:first-child,td:first-child{text-align:left}.coverage{display:grid;gap:10px}.coverage div{display:flex;justify-content:space-between;border-bottom:1px solid #29483e;padding-bottom:9px}.coverage dt{color:#8eada1}.coverage dd{font-weight:800}.warning{background:#352c12;border-left:4px solid #f4b942;padding:13px;color:#f5dda0;line-height:1.5}.provenance{color:#8eada1;font-size:.78rem;line-height:1.5}.finance-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.unavailable{padding:14px;border:1px dashed #496259;border-radius:10px}.unavailable span{display:block;color:#8eada1;text-transform:uppercase;font-size:.72rem}.unavailable strong{display:block;color:#f4c95d;margin-top:7px}footer{display:flex;justify-content:space-between;padding:20px 5vw;border-top:1px solid #28443b;color:#7f9d92;font-size:.78rem}@media(max-width:900px){.demo-hero,.demo-grid{grid-template-columns:1fr}.flow-summary,.finance-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}}#dispatch-chart .chart-grid{stroke:#1d332b;stroke-width:1}#dispatch-chart .chart-grid.vertical{stroke:#142720}#dispatch-chart .zero-line{stroke:#3f5b50;stroke-width:1.5}#dispatch-chart .chart-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}#dispatch-chart .chart-line.export{stroke:#3987e5}#dispatch-chart .chart-line.soc{stroke:#d95926}#dispatch-chart .chart-hit{fill:transparent;stroke:none}#dispatch-chart .chart-hit:hover{fill:#ffffff2e}#dispatch-chart .axis-label{fill:#87a99c;font-size:11px}#dispatch-chart .axis-title{fill:#a9c8bc;font-size:12px;font-weight:600}#dispatch-chart .axis-caption{fill:#87a99c;font-size:11px}.legend{display:flex;gap:20px;margin-top:12px;color:#b5c9c1;font-size:.82rem}.legend span{display:inline-flex;align-items:center;gap:8px}.legend span:before{content:"";width:16px;height:3px;border-radius:2px;display:inline-block}.legend .export-key:before{background:#3987e5}.legend .soc-key:before{background:#d95926}