@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--green:#174f43;--green-light:#edf5f0;--ink:#263a33;--muted:#7a867e;--line:#e7ebe5;--paper:#fcfdfb}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;background:#f4f6f0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #84af9d;outline-offset:3px}button{transition:background .16s,box-shadow .16s}button:hover:not(:disabled){filter:brightness(.97)}.topbar{height:82px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative;z-index:1001}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-family:Manrope,system-ui,sans-serif;font-size:18px;font-weight:750;letter-spacing:-.6px}.brand-icon{background:var(--green);color:#e7efda;display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.brand-icon svg{width:27px;height:27px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2.4px;margin-top:5px;color:#839085;font-weight:600}.header-right{display:flex;align-items:center;gap:30px}.save-indicator{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.save-indicator i{width:6px;height:6px;background:#72a88a;border-radius:50%}.plain-button{background:transparent;border:0;color:#4c6055;font-size:12px;padding:10px}.plain-button span{margin-left:12px}.workspace{display:flex;height:calc(100dvh - 82px);min-height:420px}.sidebar{width:358px;min-width:358px;background:var(--paper);z-index:1000;display:flex;flex-direction:column;border-right:1px solid var(--line);box-shadow:5px 0 20px #244d3905}.sidebar-intro{padding:29px 25px 0}.eyebrow{font-size:10px;font-weight:700;color:#819282;letter-spacing:1.9px}h1{font-family:Manrope,system-ui,sans-serif;font-size:24px;line-height:1.25;font-weight:750;letter-spacing:-1.1px;margin:12px 0 11px}p{color:#7b867e;font-size:12.5px;line-height:1.75;margin:0}.search{display:flex;align-items:center;margin:24px 0 20px;background:#f3f5f0;border:1px solid #e7ece3;border-radius:10px;height:46px;padding:0 12px;gap:9px}.search svg{width:18px;height:18px;color:#8a968c}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:13px}.search kbd{border:1px solid #dde3d9;border-radius:4px;color:#a1a99f;font-size:10px;padding:2px 5px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.tabs button{border:0;background:none;padding:0 0 13px;color:#8a948d;font-size:12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:700}.tabs span{background:#f0f3ed;border-radius:5px;font-size:10px;margin-left:5px;padding:2px 6px}.tabs button[aria-selected=true] span{background:#e1eee4}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 25px 11px;font-size:10px;color:#8b978c;letter-spacing:.2px}.text-button{background:none;border:0;padding:0;color:var(--green);font-size:10px}.neighborhood-list{flex:1;overflow:auto;padding:0 14px 16px;scrollbar-width:thin;scrollbar-color:#d8dfd5 transparent}.neighborhood-row{display:flex;align-items:center;border-radius:9px;margin:2px 0;padding-right:10px;min-height:46px;border:1px solid transparent}.neighborhood-row:hover{background:#f2f5ee}.neighborhood-row.selected{background:#eef5ef;border-color:#dbe9dd}.row-button{display:flex;gap:12px;align-items:center;background:none;border:0;text-align:left;width:100%;padding:12px 10px;color:var(--ink);min-width:0}.checkbox{flex-shrink:0;width:17px;height:17px;border:1.3px solid #d7dfd5;border-radius:5px;color:white;display:grid;place-items:center;font-size:11px;background:#fff}.row-name{font-size:12.5px;font-weight:500;line-height:1.3;min-width:0}.row-name small{display:block;color:#99a097;font-size:10px;font-weight:400;margin-top:4px}.missing .checkbox{border-style:dashed;background:transparent}.missing .row-name{color:#8c948e}.row-color{width:23px;height:23px;padding:0;border:0;flex-shrink:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.row-color::-webkit-color-swatch-wrapper{padding:3px}.row-color::-webkit-color-swatch{border:0;border-radius:50%}.sidebar-footer{padding:16px 25px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8b958a;border-top:1px solid var(--line)}.legend-square{height:8px;width:8px;flex-shrink:0;border-radius:2px;border:1px solid #9cae99;background:#e4eddb}.map-area{flex:1;position:relative;min-width:0;background:#e9eddf}#map{height:100%;width:100%;background:#e9eddf}.map-top{position:absolute;left:25px;right:25px;top:24px;z-index:800;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:10px}.location-pill,.map-button{background:#fffffff5;box-shadow:0 3px 12px #344e2810;border:1px solid #e6eae0;pointer-events:auto;height:40px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;font-size:11px;font-weight:550;color:#456052}.location-dot{width:6px;height:6px;border-radius:50%;background:#72936b}.pill-state{color:#9ca898;border-left:1px solid #dfe5d9;padding-left:10px}.map-actions{display:flex;gap:8px}.map-button span{font-size:18px;font-weight:400}.map-help{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:800;display:flex;align-items:center;gap:13px;background:#fffffff5;border:1px solid #e7ebdf;border-radius:12px;padding:15px 17px;box-shadow:0 6px 30px #2a4c2710;max-width:95%;white-space:nowrap}.help-icon{background:#eef4e7;color:#6c8a59;border-radius:9px;padding:7px 12px;font-size:24px}.map-help strong{display:block;font-size:12px;font-weight:650;margin-bottom:4px}.map-help div span{font-size:11px;color:#86907e}.map-help button{background:transparent;border:0;color:#939e8c;font-size:20px;padding:0 0 0 9px}.map-settings{position:absolute;bottom:26px;left:25px;display:flex;align-items:center;gap:20px;background:#fffffff5;border:1px solid #e3e9db;border-radius:9px;padding:12px 14px;z-index:800;box-shadow:0 3px 12px #344e2810;font-size:10px;color:#6f7e65}.map-settings label{display:flex;align-items:center;gap:6px}.map-settings input[type=checkbox]{accent-color:var(--green);margin:0}.opacity-control{display:flex;align-items:center;gap:8px;border-left:1px solid #e2e8dc;padding-left:18px}.opacity-control input{width:65px;accent-color:var(--green);height:3px}.opacity-control output{font-size:9px;min-width:25px}.leaflet-control-zoom{border:1px solid #e0e7d8!important;box-shadow:0 3px 15px #344e2810!important;border-radius:9px!important;overflow:hidden;margin:90px 25px 0 0!important}.leaflet-control-zoom a{width:34px!important;height:35px!important;line-height:35px!important;color:#53674d!important;font-size:20px!important;font-weight:400!important}.leaflet-control-attribution{font-size:9px!important;background:#ffffffe0!important;color:#7a8870!important}.leaflet-control-attribution a{color:#6b805d!important}.leaflet-control-scale{margin:0 25px 20px!important}.leaflet-control-scale-line{border-color:#6d7c63!important;background:#ffffffe0!important;color:#617257!important;font-size:9px!important}.leaflet-tooltip{border-radius:7px;border:1px solid #e0e8d8;padding:7px 11px;font:12px 'DM Sans',sans-serif;color:#294c3d;box-shadow:0 2px 12px #223d2510}.toast{position:absolute;top:80px;left:50%;transform:translateX(-50%);z-index:1100;background:#233e32;color:white;border-radius:10px;box-shadow:0 4px 20px #132e3020;font-size:12px;padding:14px 18px;max-width:85%;line-height:1.5}.toast[hidden]{display:none}.empty-state{padding:38px 20px;text-align:center;color:#8c998a;font-size:12px;line-height:1.7}.empty-state strong{display:block;font-size:14px;color:#586e59;margin-bottom:8px}.loading-overlay{position:absolute;inset:0;z-index:1200;background:#f6f8f0e8;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#5f765c}.loading-overlay[hidden]{display:none}.spinner{width:22px;height:22px;border:2px solid #d9e4d2;border-top-color:#396448;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #dce4d8;border-radius:18px;max-width:490px;width:calc(100% - 30px);padding:27px;color:var(--ink);box-shadow:0 20px 100px #132e3040}dialog::backdrop{background:#18342655;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}dialog h2{font:750 24px Manrope,system-ui;letter-spacing:-1px;margin:12px 0 17px}dialog p{margin-bottom:16px;font-size:13px}.source-box{background:#f2f6ed;border-radius:10px;padding:17px;margin-bottom:18px;font-size:13px}.source-box p{margin:8px 0}.source-box a{color:var(--green);font-size:12px}.small{font-size:11px!important}.primary-button{background:var(--green);color:white;border:0;border-radius:8px;padding:11px 22px;width:100%;font-size:13px}.mobile-toggle{display:none}@media(max-width:1050px){.sidebar{width:320px;min-width:320px}.sidebar-intro{padding:25px 20px 0}h1{font-size:22px}.location-pill{display:none}.map-top{justify-content:flex-end}.map-settings{gap:12px;left:15px}.opacity-control{padding-left:12px;gap:5px}.opacity-control label{display:none}.save-indicator{display:none}}@media(max-width:700px){.topbar{height:70px;padding:0 16px}.brand{font-size:15px;gap:9px}.brand small{font-size:8px}.brand-icon{width:36px;height:36px}.header-right{gap:0}.plain-button{font-size:11px}.workspace{height:calc(100dvh - 70px)}.sidebar{position:absolute;left:0;top:70px;bottom:0;width:min(340px,88vw);min-width:0;transform:translateX(-101%);transition:transform .2s;box-shadow:10px 0 40px #2b3a2220}.sidebar.open{transform:translateX(0)}.mobile-toggle{display:block;position:absolute;left:15px;top:20px;z-index:1000;border:1px solid #dce5d4;background:white;color:var(--green);border-radius:9px;padding:12px;font-size:12px;box-shadow:0 3px 12px #344e2810}.mobile-toggle span{font-size:10px;background:#edf4e7;padding:2px 5px;border-radius:4px;margin-left:4px}.map-top{top:20px;right:15px;left:120px}.map-button{font-size:0;width:40px;justify-content:center;padding:0;gap:0}.map-button span{font-size:20px}.map-help{bottom:92px;padding:12px;gap:9px;width:calc(100% - 30px);white-space:normal}.map-help strong{font-size:11px}.map-help div span{font-size:10px}.help-icon{display:none}.map-help button{margin-left:auto}.map-settings{bottom:35px;left:15px;right:15px;justify-content:space-between;padding:13px 11px;gap:10px}.opacity-control label{display:flex;font-size:9px}.opacity-control input{width:45px}.leaflet-control-scale{display:none}.leaflet-control-zoom{margin-right:15px!important}.toast{top:80px;width:calc(100% - 30px);max-width:none}.sidebar-footer{font-size:9px}.sidebar-intro p{font-size:12px}.row-button{padding-top:13px;padding-bottom:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.sidebar-close{display:none}@media(max-width:700px){.sidebar-close{display:block;position:absolute;right:10px;top:10px;border:0;background:transparent;color:#65775d;font-size:24px;padding:4px 9px;z-index:1}}

.area-popup .leaflet-popup-content-wrapper{border-radius:12px;color:var(--ink)}.area-popup .leaflet-popup-content{margin:18px 23px 18px 18px;min-width:200px}.area-info-label{font:700 9px "DM Sans",sans-serif;color:#8a9783;letter-spacing:1.5px;margin-bottom:8px}.area-info h3{font:700 17px Manrope,system-ui,sans-serif;letter-spacing:-.4px;margin:0 0 9px;line-height:1.4}.area-info p{font:12px/1.6 "DM Sans",system-ui,sans-serif;margin:8px 0}.area-info-status{font-weight:650!important}.area-info small{display:block;font:10px/1.5 "DM Sans",system-ui,sans-serif;color:#8b9786;margin-top:12px}

.geometry-note{color:#98601e!important}.area-info .geometry-note{padding:9px 10px;background:#fff7e9;border-radius:6px;font-size:11px}

.row-info{flex-shrink:0;display:grid;place-items:center;width:27px;height:29px;margin-left:6px;border:1px solid #d8e3d6;border-radius:8px;background:#f8fbf5;color:#47664f;font-size:12px;font-family:Georgia,serif;font-weight:700}.row-info:hover{background:#e3efe4}.area-popup .leaflet-popup-content{width:min(340px,calc(100vw - 80px));max-width:100%;font-family:'DM Sans',system-ui,sans-serif}.area-popup .leaflet-popup-scrolled{border:0;padding-right:7px;scrollbar-width:thin;scrollbar-color:#c3d4c0 transparent}.profile-section{border-top:1px solid var(--line);padding:13px 0 11px}.area-profile h4{font-size:9px;letter-spacing:1px;color:#738574;margin:0 0 8px;font-weight:700;line-height:1.5}.zoning-value{font-size:14px;line-height:1.45;color:#315c45}.area-info .profile-caption{font-size:11px;color:#506b58;margin:5px 0}.area-info .profile-note{font-size:10.5px;color:#69766d;line-height:1.55;margin:6px 0}.sector-card+.sector-card{border-top:1px dashed #d6dfd1;padding-top:11px;margin-top:11px}.sector-name{font-size:13px;font-weight:650;display:block}.sector-extent{font-size:10px;line-height:1.5;color:#758373;display:block;margin:3px 0 10px}.profile-metrics{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.profile-metric{min-width:0}.metric-label{font-size:10px;line-height:1.4;min-height:28px;display:block;color:#6d7e70}.metric-value{font:700 17px/1.4 Manrope,system-ui;letter-spacing:-.5px;color:#294d39;display:block;overflow-wrap:anywhere}.metric-caption{display:block;font-size:9px;line-height:1.6;color:#738273;margin-top:3px}.metric-ranking{font-size:9px;line-height:1.5;color:#56725d;display:block;margin-top:6px}.factor-meter{display:block;width:100%;height:10px;margin:5px 0;accent-color:#51856a}.factor-meter::-webkit-meter-bar{border:0;background:#e7eee2;border-radius:10px}.factor-meter::-webkit-meter-optimum-value{background:#51856a;border-radius:10px}.factor-meter::-moz-meter-bar{background:#51856a;border-radius:10px}.profile-context{padding:11px 12px;border-radius:8px;background:#f3f6ee;margin:0 0 12px}.profile-context strong{display:block;font-size:11px;color:#52674d}.area-info .profile-context p{font-size:10px;line-height:1.6;margin:5px 0 0;color:#708069}.profile-details{border-top:1px solid var(--line);padding-top:10px}.profile-details summary{color:#3b624b;font-size:11px;cursor:pointer;line-height:1.5;padding:3px 0}.profile-details summary:focus-visible{outline:2px solid #84af9d;outline-offset:3px}.area-info .profile-details p,.profile-breakdown{font-size:10px;line-height:1.6;color:#6b796c}.profile-breakdown{padding-left:15px;margin:8px 0}.profile-breakdown li{margin:5px 0}.profile-sources{display:flex;flex-direction:column;gap:8px;margin-top:12px}.profile-sources a{font-size:10px;color:#315f46;line-height:1.5;overflow-wrap:anywhere}dialog{max-height:calc(100dvh - 50px);overflow:auto}

.urban-filter{border:1px solid #dce7d8;border-radius:10px;background:#f4f8f0;margin:-6px 0 18px;flex-shrink:0}.urban-filter summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;color:#355b43;font-size:11px;font-weight:650;cursor:pointer;list-style:none}.urban-filter summary::-webkit-details-marker{display:none}.urban-filter summary::before{content:'▸';font-size:12px}.urban-filter[open] summary::before{content:'▾'}.urban-filter summary span{margin-left:auto;font-size:9px;font-weight:500;color:#71866c}.urban-filter summary:focus-visible{outline:3px solid #84af9d;outline-offset:2px;border-radius:9px}.urban-filter form{padding:0 12px 12px}.factor-fields{display:flex;align-items:flex-end;gap:8px}.factor-fields label{flex:1;min-width:0;font-size:10px;color:#5c705e}.factor-fields input{width:100%;height:35px;margin-top:5px;border:1px solid #ccd9c7;border-radius:6px;background:#fff;color:#294d39;padding:7px 9px;font-size:13px;font-variant-numeric:tabular-nums}.factor-fields input[aria-invalid=true]{border-color:#b66d54;background:#fff8f4}.factor-to{font-size:10px;color:#7f8f78;padding-bottom:10px}.urban-filter #factorHelp{font-size:9px;line-height:1.55;color:#718269;margin:8px 0}.urban-filter #factorApply{width:100%;border:0;border-radius:6px;background:#285f49;color:white;padding:9px;font-size:11px;font-weight:600}.urban-filter #factorStatus{font-size:9px;line-height:1.5;margin:8px 0 0;color:#64785e}.urban-filter #factorStatus.factor-error{color:#9d4e36}.sidebar-intro{flex-shrink:0}.neighborhood-list{min-height:70px}@media(max-height:750px){.sidebar-intro{padding-top:14px}.sidebar-intro h1{font-size:21px;margin-top:7px;margin-bottom:7px}.sidebar-intro .search{margin-top:14px;margin-bottom:15px}.urban-filter{margin-bottom:12px}.sidebar-intro:has(.urban-filter[open])>p{display:none}.sidebar-intro:has(.urban-filter[open]) .eyebrow{display:none}.list-heading{padding-top:12px}.sidebar-footer{padding-top:11px;padding-bottom:11px}}@media(max-height:600px){.sidebar-intro:has(.urban-filter[open]) h1{display:none}.sidebar-intro:has(.urban-filter[open]) .search{margin-top:0;margin-bottom:12px}.urban-filter #factorHelp{font-size:8.5px}}