@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#183c37;--muted:#63736a;--paper:#f5f3ec;--line:#d9ded3;--accent:#bd5837}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',sans-serif}header{padding:22px 4vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-size:24px;font-weight:700;color:var(--ink);text-decoration:none}.brand span{font-size:11px;letter-spacing:2px;margin-left:12px}.badge{font-size:10px;letter-spacing:1.5px;border:1px solid #bbc8bc;border-radius:20px;padding:7px 13px}main{max-width:1600px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:48px 0 38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 14px}h1{font:64px/.99 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px;margin:0 0 22px}h1 em{font-weight:400;color:#74816a}.lede{max-width:650px;color:var(--muted);font-size:16px;margin:0}.intro-note{border-left:2px solid var(--accent);padding-left:23px;min-width:265px}.intro-note>span{font-size:10px;letter-spacing:2px}.intro-note p{font-size:20px;line-height:1.4}.intro-note small{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 14px 40px #173c3609}.map-column{min-width:0;display:flex;flex-direction:column}.map-toolbar{padding:13px 18px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.map-toolbar strong{margin-right:auto;font-size:13px}button,select{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:4px;padding:8px 10px}button:hover{background:#eaf0e6}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#map{height:620px;background:#e6e9dd;flex:1;min-height:500px}.panel{padding:24px;border-left:1px solid var(--line)}h2{font:30px/1.15 'Libre Caslon Display',Georgia,serif;margin:0 0 8px}.panel>p{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin-top:23px}output{float:right;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--ink);margin-top:10px}.hint{font-size:11px!important}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-top:20px}.metrics strong{display:block;font-size:26px;font-weight:500;line-height:1.2}.metrics span{font-size:10px;color:var(--muted)}select{width:100%;margin-top:8px}.building{margin:22px 0;border-left:2px solid #aabb9c;padding-left:13px}.building h3{font-size:13px;margin:0 0 6px}.building p{font-size:12px;margin:4px 0;color:var(--muted)}.building dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:4px;margin:10px 0}.building dd{margin:0;text-align:right}.building small{display:block;font-size:9px;overflow-wrap:anywhere;color:var(--muted)}.primary{background:var(--ink);color:white;width:100%;font-size:12px}.primary:hover{background:#2b554d}.reset{display:block;border:0;font-size:11px;margin:7px auto 0}.legend{padding:10px 18px;display:flex;flex-wrap:wrap;gap:15px;font-size:10px;min-height:40px}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.notes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;margin:40px 0}.notes p{font-size:12px;color:var(--muted)}.notes h2{font-size:28px}.notes a{color:var(--ink)}footer{border-top:1px solid var(--line);padding:20px 0 35px;font-size:11px;color:var(--muted)}@media(max-width:900px){.workspace{grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line)}.intro-note{display:none}.notes{grid-template-columns:1fr;gap:18px}h1{font-size:48px}#map{height:480px;flex:none}.map-toolbar{flex-wrap:wrap}.badge{font-size:8px}.metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){main{padding:0 18px}.intro{padding:30px 0}.metrics{grid-template-columns:1fr 1fr}.brand span{display:none}.map-toolbar strong{width:100%}}

/* Apply only to basemap imagery: thematic buildings and controls retain their colours. */
.neutral-basemap{filter:grayscale(1) brightness(1.12);opacity:.52!important}
#map{background:#f3f3ef}

.tree-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.tree-toggle{display:flex;gap:8px;align-items:center}.tree-toggle input{accent-color:#39753b}.tree-panel>p{font-size:11px;color:var(--muted)}#tree-species{font-size:11px;padding-left:17px}#download-trees{width:100%;font-size:12px}.tree-panel .metrics{margin-top:10px;padding:12px 0}.tree-panel .metrics strong{font-size:23px}


.tree-legend{display:grid;grid-template-columns:1fr;gap:5px;font-size:11px;margin:12px 0}.tree-legend span{display:flex;align-items:center;gap:7px}.tree-legend i{display:inline-block;width:10px;height:10px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff}


.solar-panel{margin-top:20px;border:1px solid #e6d6ac;border-radius:5px;padding:12px;background:#fffcf2}.solar-panel summary{cursor:pointer;font-size:12px;font-weight:600}.solar-panel p{font-size:11px;color:var(--muted)}.solar-panel .metrics{padding:12px 0;margin-top:12px}.solar-panel .metrics strong{font-size:23px}.solar-panel input{width:100%}.solar-panel a{color:var(--ink)}


.brand-full{display:flex;flex-direction:column;line-height:1.2;gap:5px}.brand-full strong{font-size:26px;letter-spacing:-1px}.brand-full .brand-dot{display:inline;margin:0;font-size:inherit;letter-spacing:inherit;color:#536345}.brand-full small{font-size:11px;letter-spacing:.15px;font-weight:400;color:var(--muted)}@media(max-width:500px){.brand-full strong{font-size:23px}.brand-full small{font-size:9px}header{gap:12px}.badge{max-width:125px;text-align:center}}


.explorer-header-left{display:flex;align-items:center;gap:28px}.explorer-language{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1px}.explorer-language a{color:var(--muted);text-decoration:none;padding:7px 2px}.explorer-language a[aria-current=true]{color:var(--ink);font-weight:700;border-bottom:2px solid var(--accent)}.explorer-language a:hover{color:var(--accent)}@media(max-width:500px){.explorer-header-left{gap:14px;flex-wrap:wrap}.explorer-language{font-size:10px}}


.explorer-header-right{display:flex;align-items:center;justify-content:flex-end;gap:24px}.explorer-language{flex-shrink:0}@media(max-width:500px){.explorer-header-right{gap:10px}.explorer-header-right .badge{display:none}}

.shape-panel{margin-top:15px;font-size:12px;border-left:2px solid #7aa784;padding-left:10px}.shape-panel summary{cursor:pointer;font-weight:600}.shape-panel p{font-size:11px;color:var(--muted)}

.area-profile{border:1px solid var(--line);border-radius:5px;padding:12px;margin-top:20px;background:#f4f6ef}.area-profile h3{font-size:14px;margin:0 0 8px}.area-profile p,.area-profile summary{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.area-profile .metrics{margin-top:10px;padding:12px 0}.area-profile .metrics strong{font-size:23px}.area-profile summary{cursor:pointer}

#map.leaflet-container{cursor:crosshair}#map.leaflet-container.leaflet-drag-target,#map.leaflet-container:active{cursor:grabbing}#map .leaflet-interactive{cursor:pointer}#map .leaflet-popup-content{font:13px/1.5 "DM Sans",sans-serif;color:var(--ink)}#map .leaflet-popup-content small{color:var(--muted)}

@media(min-width:901px){.map-column{height:760px}.map-column #map{min-height:0}.panel{max-height:760px;overflow-y:auto;scrollbar-width:thin}}