:root{color:#17211d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}#root{min-height:100svh}.app-shell{flex-direction:column;gap:18px;min-height:100svh;padding:20px;display:flex}.top-bar,.control-panel,.map-panel,.ranked-panel,.explanation-panel,.empty-state{background:#fbfcf9;border:1px solid #d6ddd6;border-radius:8px;box-shadow:0 18px 42px #17211d14}.top-bar{justify-content:space-between;align-items:end;gap:24px;padding:22px 24px;display:flex}.lede{color:#52645e;max-width:780px;margin-top:8px}.eyebrow{color:#527168;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:750}h1,h2,h3,p{margin:0}h1{color:#101815;letter-spacing:0;font-size:2rem;line-height:1.12}h2{color:#101815;letter-spacing:0;font-size:1.08rem;line-height:1.25}h3{color:#24332e;letter-spacing:0;font-size:.92rem}.summary-strip{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;margin:0;display:grid}.summary-strip div,.metric-grid div{background:#f5f7f3;border:1px solid #dde4dd;border-radius:6px;min-width:0;padding:10px 12px}dt{color:#65756f;letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:700}dd{color:#17211d;margin:2px 0 0;font-weight:760}.scenario-layout{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.5fr) minmax(320px,.86fr);align-items:stretch;gap:18px;display:grid}.control-panel,.map-panel,.ranked-panel,.explanation-panel{min-width:0;padding:18px}.control-panel{flex-direction:column;gap:16px;display:flex}.field,.weight-slider{gap:8px;display:grid}.field span,.weight-slider span,.segmented-field legend{color:#465852;font-size:.82rem;font-weight:720}select,input[type=range]{width:100%}select{color:#17211d;background:#fff;border:1px solid #cdd8cf;border-radius:6px;min-height:40px;padding:0 10px}input[type=range]{accent-color:#c8652a}.field strong,.weight-slider strong{color:#17211d;font-size:.82rem}.segmented-field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.segmented-field div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.segmented-field button{color:#3f544d;cursor:pointer;background:#fff;border:1px solid #d5ded7;border-radius:6px;min-height:36px;font-size:.82rem;font-weight:720}.segmented-field button.is-active{color:#17211d;background:#fff2e6;border-color:#c8652a}.scenario-note{color:#50635c;border-left:3px solid #c8652a;padding-left:10px;font-size:.86rem}.weight-group{border-top:1px solid #dfe6df;gap:12px;padding-top:16px;display:grid}.weight-slider{grid-template-columns:minmax(0,1fr) 56px;align-items:center}.weight-slider input{grid-column:1/-1}.panel-heading,.detail-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.data-badge{color:#4b675f;white-space:nowrap;background:#eef4ef;border:1px solid #d5ded7;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:720}.opportunity-map{border-radius:8px;width:100%;min-height:548px;margin-top:14px;display:block;overflow:visible}.map-land{fill:#f7f5eb;stroke:#cdd8cf;stroke-width:.6px}.map-water{fill:#cfe4e8;opacity:.9}.map-road{fill:none;stroke:#d09461;stroke-dasharray:1.4 1.8;stroke-linecap:round;stroke-width:1.1px}.map-road-secondary{stroke:#a8b8a7;stroke-width:.8px}.radius-circle{fill:#f0b54412;stroke:#c8652a4d;stroke-dasharray:1.5 1.5;stroke-width:.5px}.radius-circle.is-active{fill:#f0b54429;stroke:#c8652a;stroke-dasharray:none;stroke-width:.9px}.connector{stroke:#8ba098;stroke-dasharray:1.4 1.4;stroke-linecap:round;stroke-width:.55px;opacity:.42}.connector.is-active{stroke:#c8652a;stroke-dasharray:none;stroke-width:1.2px;opacity:1}.district-heating-area{fill:#5073671f;stroke:#5073678c;stroke-width:.5px}.data-centre-marker-pulse{fill:#f0b544;opacity:.34}.data-centre-marker{fill:#111815;stroke:#fff;stroke-width:1.1px}.map-label{fill:#263630;letter-spacing:0;pointer-events:none;font-size:3px;font-weight:780}.candidate-marker-group{cursor:pointer;outline:none}.candidate-marker-group:focus-visible .candidate-marker{stroke:#101815;stroke-width:1.3px}.candidate-marker{fill:#fff;stroke:#507367;stroke-width:.9px}.candidate-marker.is-district{fill:#eaf3f0;stroke:#386558}.candidate-marker.is-storage{fill:#f9efdf;stroke:#c8652a}.candidate-marker.is-active{fill:#c8652a;stroke:#101815;stroke-width:1.1px}.constraint-halo{fill:#b74a3d24;stroke:#b74a3d94;stroke-dasharray:.8 .8;stroke-width:.55px}.marker-rank{fill:#24443a;letter-spacing:0;pointer-events:none;text-anchor:middle;font-size:2.6px;font-weight:850}.candidate-marker.is-active+.marker-rank{fill:#fff}.map-legend{color:#52645e;border-top:1px solid #dfe6df;flex-wrap:wrap;gap:12px;padding-top:12px;font-size:.78rem;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{background:#507367;border-radius:50%;width:10px;height:10px}.legend-dot.data-centre{background:#111815}.legend-dot.district{background:#9ab3aa;border-radius:2px}.legend-dot.constraint{background:#f5d8d3;border:1px dashed #b74a3d}.ranked-panel{flex-direction:column;gap:14px;display:flex}.ranked-list{gap:10px;display:grid}.rank-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e0d8;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 58px;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.rank-row.is-active{background:#fff8ef;border-color:#c8652a}.rank-copy{min-width:0}.rank-row strong,.rank-row small,.rank-row em{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.rank-row strong{color:#17211d;white-space:nowrap;font-size:.9rem}.rank-row small{color:#687870;white-space:nowrap;font-size:.75rem}.rank-row em{color:#52645e;font-size:.76rem;font-style:normal;line-height:1.3}.rank-number,.rank-score{place-items:center;font-weight:820;display:grid}.rank-number{color:#405a52;background:#e7eee7;border-radius:50%;width:28px;height:28px}.rank-score{color:#17211d;font-size:1rem}.explanation-band{min-width:0}.explanation-panel{padding:18px}.empty-state{color:#52645e;padding:22px}.muted-line{color:#65756f;margin-top:4px;font-size:.88rem}.score-ring{color:#17211d;border:7px solid #c8652a;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;font-size:.95rem;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.score-stack{gap:10px;display:grid}.score-bar{color:#465852;grid-template-columns:130px minmax(80px,1fr) 64px;align-items:center;gap:10px;font-size:.82rem;font-weight:680;display:grid}.bar-track{background:#e5ebe5;border-radius:999px;height:9px;overflow:hidden}.bar-track i{border-radius:inherit;background:#507367;height:100%;display:block}.score-bar strong{color:#17211d;text-align:right;font-size:.78rem}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.insight-block{border-top:1px solid #dfe6df;padding-top:16px}.insight-block ul{color:#30413b;gap:8px;margin:10px 0 0;padding-left:18px;font-size:.9rem;display:grid}@media (width<=1180px){.scenario-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.ranked-panel{grid-column:1/-1}.ranked-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{padding:14px}.top-bar,.panel-heading,.detail-heading{flex-direction:column;align-items:stretch}.summary-strip,.scenario-layout,.ranked-list,.metric-grid,.insight-grid{grid-template-columns:1fr}.opportunity-map{min-height:380px}}