.compute-scene{height:580px;position:relative;isolation:isolate;background:#eee9df;overflow:hidden}.compute-scene[hidden]{display:none}.compute-scene canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.compute-scene canvas:active{cursor:grabbing}.scene-labels{position:absolute;inset:0;pointer-events:none}.scene-label{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;padding:5px 9px;font-size:11px;line-height:1.4;background:#fffaf0eb;border:1px solid #c8bba3;box-shadow:0 3px 10px #243b3315;color:#264b42}.scene-label[aria-pressed=true]{background:#193f35;color:#f1fff8;border-color:#356b61;box-shadow:0 3px 12px #173d3430}.scene-label[hidden]{display:none}.scene-caption{position:absolute;bottom:15px;left:17px;pointer-events:none;font-size:10px;letter-spacing:.07em;color:#576c64}.scene-toggle{font-size:11px;padding:5px 9px}.scene-status{font-size:11px;color:#906020}.scene-status:empty{display:none}@media(max-width:720px){.compute-scene{height:420px}.scene-label{font-size:10px;padding:5px 7px}.scene-caption{font-size:9px}.map-zoom{flex-wrap:wrap}}@media(min-width:1500px){.compute-scene{height:650px}}
.scene-inspect{position:absolute;top:14px;left:14px;right:14px;display:flex;gap:7px;align-items:center;pointer-events:none}.scene-inspect button{pointer-events:auto;font-size:11px;padding:5px 9px;background:#fffaf2ed}.scene-inspect button[hidden]{display:none}.inspect-name{font-size:11px;color:#254c41;margin-right:auto;background:#fffaf2d9;padding:5px 9px;border-radius:4px}@media(max-width:720px){.scene-inspect{flex-wrap:wrap;gap:4px}.inspect-name{width:100%;background:transparent;padding:0}.scene-inspect button{font-size:10px}}

body{--canvas:#f2f4f4;--panel:#fcfdfc;--line:#d7ddda;--ink:#252c33;--pine:#245b49;--green:#245b49}
body aside{background:#252c33}body aside button.navitem:hover,body aside button.navitem.active{background:#384640}
.prototype{background:#e8edeb}.lead .lead-note{background:#eee7d9}.topbar{background:#fafcfb;border-color:#d7ddda;position:sticky;top:0;z-index:10}
#map .map-canvas{background:#edf0f0;border-color:#d4dcd7;box-shadow:0 8px 30px #24352c08}
#map .map-toolbar{background:#f8faf9;border-color:#d4dcd7;position:relative;z-index:3}
#map .compute-scene{background:#edf0f0}#map .map-legend,#map .map-onboarding{background:#f2f5f3;border-color:#dae0dc;color:#58665f}
#map .map-detail{background:#fcfdfc;border-color:#d7ddda}
#map .component-grid button,#map .map-stage-list button{background:#f3f6f4;border-color:#d6ded8;color:#303c36}
#map .component-grid button[aria-pressed=true],#map .map-stage-list button[aria-pressed=true]{background:#e0ece5;border-color:#245b49;color:#245b49}
#map .stock-controls select{background:#fcfdfc;border-color:#d7ddda}#map .stock-table td,#map .stock-table th{border-color:#d7ddda}
#map .scene-label,#map .scene-inspect button,#map .inspect-name{background:#f9fcfa;border:1px solid #c8d4cd;color:#33483c;box-shadow:0 4px 14px #203b2d12,inset 0 1px 0 #fff}
#map .scene-label[aria-pressed=true]{background:#245b49;color:#fff;border-color:#245b49;box-shadow:0 4px 15px #245b4928}
#map .map-legend span:before{background:#7c8983}#map .map-legend .electric:before{background:#a0a8a4;height:4px}#map .map-legend .thermal:before{background:#52675d}
#map .map-legend .boundary:before{background:repeating-linear-gradient(90deg,#839188 0 3px,transparent 3px 6px)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .topbar{background:rgba(249,252,250,.8);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 1px 0 #ffffffdb,0 7px 22px #283b3006}
 #map .map-toolbar{background:rgba(247,250,248,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffffc9;box-shadow:0 5px 18px #283b3008}
 #map .scene-label:not([aria-pressed=true]),#map .scene-inspect button,#map .inspect-name{background:rgba(249,252,250,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(255,255,255,.95)}
}
@media(prefers-reduced-transparency:reduce){.topbar,#map .map-toolbar,#map .scene-label:not([aria-pressed=true]),#map .scene-inspect button,#map .inspect-name{background:#f9fcfa;backdrop-filter:none;-webkit-backdrop-filter:none}}

html{scroll-padding-top:120px}main button,main select,main textarea,main summary,main a{scroll-margin-top:12px}

body{--canvas:#eee9df;--panel:#fbf9f4;--line:#d9d2c5}
.prototype{background:#e5ded1}.lead .lead-note{background:#e6dcc9}
#map .map-canvas,#map .compute-scene{background:#e9e5dc;border-color:#d4cbbb}
#map .map-detail{background:#fbf8f0;border-color:#d8cfbe}
#map .map-legend,#map .map-onboarding{background:#f0eadf;border-color:#d9d0c1}
#map .component-grid button,#map .map-stage-list button{background:#f3eee4;border-color:#d8cebc}
#map .component-grid button[aria-pressed=true],#map .map-stage-list button[aria-pressed=true]{background:#e0ece5;border-color:#245b49;color:#245b49}
#map .stock-controls select{background:#fcf9f2;border-color:#d8cfbf}
#map .stock-table td,#map .stock-table th{border-color:#d9d2c5}
.topbar,#map .map-toolbar,#map .scene-label:not([aria-pressed=true]),#map .scene-inspect button,#map .inspect-name{background:#faf7ef}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .topbar{background:rgba(250,247,239,.83)}
 #map .map-toolbar{background:rgba(250,247,239,.8)}
 #map .scene-label:not([aria-pressed=true]),#map .scene-inspect button,#map .inspect-name{background:rgba(250,247,239,.8)}
}
@media(prefers-reduced-transparency:reduce){.topbar,#map .map-toolbar,#map .scene-label:not([aria-pressed=true]),#map .scene-inspect button,#map .inspect-name{background:#faf7ef}}