:root{--green:#1b4332;--green2:#2d6a4f;--paper:#f7f2ea;--ink:#17231d;--muted:#647067;--line:#e6ded2}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);height:100vh;overflow:hidden}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#fff;border-bottom:1px solid var(--line);gap:16px}h1{font-size:22px;line-height:1.05;margin:2px 0 0;letter-spacing:-.04em;color:var(--green)}.eyebrow,.label{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:var(--green2)}#city-chip{font-size:13px;color:#fff;background:var(--green);border-radius:999px;padding:7px 11px;white-space:nowrap}main{height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1fr) 390px}#map-wrap{position:relative;min-width:0;min-height:0}#map,#tree-canvas{position:absolute;inset:0;width:100%;height:100%}#tree-canvas{pointer-events:none;z-index:5}#legend{position:absolute;left:12px;bottom:28px;z-index:6;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:12px;padding:9px 10px;max-width:330px;box-shadow:0 3px 14px rgba(0,0,0,.12);font-size:12px;color:#26332b}.legend-row{display:flex;align-items:center;gap:7px;margin:4px 0}.dot{width:10px;height:10px;border-radius:99px;display:inline-block;border:1px solid rgba(0,0,0,.18)}#panel{border-left:1px solid var(--line);background:#fff;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.tabs{display:grid;grid-template-columns:1fr;gap:7px}button{border:1px solid var(--line);background:#faf8f4;color:var(--green);border-radius:9px;padding:9px 10px;font-weight:750;cursor:pointer;text-align:left}button.active{background:var(--green);color:#fff;border-color:var(--green)}.card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;box-shadow:0 1px 4px rgba(30,20,10,.04)}h2{font-size:24px;line-height:1.1;margin:5px 0 8px;letter-spacing:-.04em;color:var(--green)}p{font-size:14px;line-height:1.45;margin:0;color:#334139}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.metric{border-top:1px solid var(--line);padding-top:8px}.metric .v{font-size:22px;font-weight:800;color:var(--green);letter-spacing:-.03em}.metric .k{font-size:12px;color:var(--muted)}.bar{margin:10px 0}.bar-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#26332b}.bar-track{height:7px;background:#eee7dc;border-radius:999px;margin-top:4px;overflow:hidden}.bar-fill{height:100%;background:#2d6a4f;border-radius:999px}.note{font-size:13px;line-height:1.45;color:#4a554d;background:#fbf8f1}@media(max-width:900px){body{overflow:auto}header{height:auto;align-items:flex-start}main{height:auto;display:flex;flex-direction:column}#map-wrap{height:58vh}#panel{border-left:0;border-top:1px solid var(--line)}h1{font-size:19px}#city-chip{display:none}#legend{max-width:calc(100% - 24px)}}
.snapshot-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.snapshot-tabs button{font-size:13px;line-height:1.15}.snapshot-tabs small{font-weight:500;color:inherit;opacity:.75}