:root{--ink:#19332e;--muted:#64716b;--paper:#f6f7f3;--line:#dce3dc;--teal:#006b58;--mint:#b6f0d2;--white:#fff;--radius:8px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{border:0}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d77830;outline-offset:3px}header{height:76px;display:flex;align-items:center;padding:0 32px;gap:32px;border-bottom:1px solid var(--line);background:var(--white)}.brand{font-size:23px;font-weight:750;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand svg{width:32px;height:32px;fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}.brand span{font-size:9px;letter-spacing:1.5px;border:1px solid var(--line);padding:5px;border-radius:4px;margin-left:4px}header p{font-size:13px;color:var(--muted)}header>button{margin-left:auto}.quiet{padding:8px 0;background:none;color:var(--muted);font-size:12px}main{display:grid;grid-template-columns:306px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{background:var(--ink);color:#edf7ed;padding:30px 24px;display:flex;flex-direction:column}.eyebrow{font-family:ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:1.5px;line-height:1.6}.sidebar>.eyebrow{color:#b5d0c0;font-size:9px}h1{font-size:31px;line-height:1.17;letter-spacing:-1.3px;font-weight:500;margin:20px 0 12px}h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:8px 0 12px}h3{font-size:16px}.intro{font-size:13px;line-height:1.7;color:#c1d2c7;margin:0 0 28px}label{display:block;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1px;margin-bottom:9px;color:#c1d2c7}select{width:100%;padding:12px 9px;border:1px solid #58716a;border-radius:5px;background:#28463e;color:#f4fbf5;font-size:12px;min-height:42px}.field{margin-top:22px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.paired label{font-size:8px;letter-spacing:.5px}.summary{margin:26px 0;border-top:1px solid #496157;border-bottom:1px solid #496157;padding:21px 0}.summary .eyebrow{color:#bdd0c5;font-size:9px}.headline{display:flex;align-items:center;gap:14px;margin:8px 0 16px}.headline strong{font-size:49px;font-weight:400;letter-spacing:-2px;color:var(--mint);font-variant-numeric:tabular-nums}.headline>span{font-size:11px;color:#bdd0c5;line-height:1.5}.summary-bottom{display:flex;justify-content:space-between;font-size:11px;color:#bdd0c5}.summary-bottom b{color:var(--white);font-weight:400}.list-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-head h2{font-size:13px;letter-spacing:0;margin:0}.list-head>span{font-size:10px;color:#bdd0c5}.small{font-size:11px;color:var(--muted);line-height:1.6}.sidebar .small{color:#bdd0c5;font-size:10px}.area-list{max-height:235px;overflow-y:auto;scrollbar-width:thin}.area-row{display:flex;text-align:left;align-items:center;gap:10px;width:100%;background:none;border-bottom:1px solid #38564a;color:#e1eee3;padding:12px 0}.area-row:hover,.area-row.selected{color:var(--mint)}.area-row .rank{font-family:monospace;color:#a2c4b1;font-size:10px}.area-row .name{font-size:11px;flex:1;line-height:1.4}.area-row strong{font-family:monospace;font-size:12px;font-weight:400}.sidebar-note{font-size:10px;line-height:1.7;color:#b5c7bb;margin:24px 0 0;padding-top:16px}.workspace{padding:28px 28px 0;min-width:0}.map-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.map-top .eyebrow{color:var(--muted)}.map-top h2{font-size:21px;margin:5px 0 0;font-weight:500}.snapshot{font-size:10px;white-space:nowrap;color:var(--teal);padding:8px 10px;border:1px solid #cbded1;border-radius:20px}.map-shell{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#e5ebe1}#map{height:440px;width:100%;z-index:0}.leaflet-tile-pane{filter:saturate(.28);opacity:.75}.metric-tabs{position:absolute;left:16px;top:16px;z-index:450;display:flex;padding:4px;gap:2px;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px #19332e0c}.metric-tabs button{background:none;padding:9px 11px;font-size:11px;color:var(--muted);border-radius:3px}.metric-tabs button[aria-pressed=true]{background:var(--ink);color:var(--white)}.map-bottom{position:absolute;bottom:26px;left:16px;right:16px;z-index:450;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}.legend{padding:12px;background:#fffffff2;border:1px solid var(--line);border-radius:6px;max-width:80%}.legend>span{font:9px ui-monospace,monospace;letter-spacing:1px}#legend-swatches{display:flex;gap:3px;margin-top:8px}#legend-swatches span{font-size:9px;min-width:30px}#legend-swatches i{display:block;height:7px;margin-bottom:5px}.map-bottom button{pointer-events:auto;padding:10px;background:var(--white);font-size:10px;color:var(--ink);border:1px solid var(--line);border-radius:5px}#loading{position:absolute;z-index:460;top:45%;left:15%;right:15%;text-align:center;background:var(--white);padding:18px;border-radius:8px;font-size:13px;box-shadow:0 3px 18px #0001}.below-map{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:24px;padding-bottom:20px}#details{min-width:0;outline:none}#details .eyebrow{color:var(--teal)}#details h2{font-size:19px;font-weight:500;margin:5px 0 4px}#details>p{font-size:12px;color:var(--muted);line-height:1.6}.cell-ref{font:9px ui-monospace,monospace;color:var(--muted);margin:7px 0 14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.metrics strong{display:block;font-size:24px;font-weight:500;letter-spacing:-1px}.metrics span{font-size:10px;color:var(--muted)}.sample{font-size:10px;color:var(--muted);margin:12px 0}.profile{background:#e7eee6;border-left:3px solid #37836d;padding:12px;font-size:11px;line-height:1.65;margin-top:12px}.profile b{display:block;margin-bottom:4px;font-size:11px}.primary{background:var(--ink);color:var(--white);padding:10px 14px;border-radius:5px;font-size:11px;margin-top:12px}.primary:disabled{opacity:.5;cursor:default}.comparison{border-left:1px solid var(--line);padding-left:24px}.empty{font-size:12px;line-height:1.8;color:var(--muted);margin-top:25px}.compare-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.compare-row b{display:block;margin-bottom:6px;font-weight:500}.compare-row span{color:var(--muted)}footer{font-size:9px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding:16px 0}footer>span{display:block}dialog{max-width:650px;width:calc(100% - 32px);max-height:85vh;border:1px solid var(--line);border-radius:10px;padding:32px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#112e2780}dialog p{font-size:13px;line-height:1.75;color:#4c5e54}dialog>a{font-size:12px}.close{float:right;background:none;font-size:24px;color:var(--ink)}.skip{position:absolute;top:-100px;z-index:1000;background:white;padding:12px}.skip:focus{top:0}.leaflet-tooltip{font:11px Arial,sans-serif;border-radius:5px;padding:8px 10px}.leaflet-control-zoom{margin-top:75px!important}.leaflet-control-attribution{font-size:9px!important}button:hover{filter:brightness(.96)}
@media(min-width:1500px){#map{height:520px}.workspace{padding:36px 40px 0}.sidebar{padding:36px 28px}main{grid-template-columns:330px minmax(0,1fr)}}
@media(max-width:1024px){header p{display:none}main{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:24px 18px}.workspace{padding:22px 18px 0}.map-top h2{font-size:17px}.snapshot{display:none}.metric-tabs{left:8px;top:8px}.metric-tabs button{font-size:10px;padding:8px}.below-map{grid-template-columns:1fr;gap:20px}.comparison{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}#map{height:410px}.map-bottom{left:8px;right:8px}}
@media(max-width:700px){header{height:64px;padding:0 16px;gap:8px}.brand{font-size:21px}.brand span{display:none}main{display:block}.sidebar{padding:24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}h1{font-size:30px;margin:0;grid-column:1/-1}.intro{grid-column:1/-1;margin:0}.sidebar>.eyebrow{grid-column:1/-1}.sidebar>label{grid-column:1/-1;margin:0}.sidebar>#place{grid-column:1/-1;margin-top:-8px}.field,.paired{margin:0}.paired{gap:8px}.sidebar .summary{grid-column:1/-1;margin:0;padding:16px 0}.headline{margin:4px 0 8px}.headline strong{font-size:36px}.sidebar .list-head,.sidebar>.small,.sidebar-note{display:none}.area-list{grid-column:1/-1;max-height:138px}.workspace{padding:24px 16px 0}.map-top{margin-bottom:16px}#map{height:430px}.metric-tabs{max-width:calc(100% - 16px);flex-wrap:wrap;gap:0}.metric-tabs button{padding:8px 7px;font-size:10px}.map-bottom{flex-direction:column;align-items:flex-start;bottom:30px}.legend{max-width:100%}#legend-swatches span{min-width:28px}.below-map{margin-top:22px}dialog{padding:24px}.map-bottom button{font-size:9px}.leaflet-control-zoom{margin-top:100px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.location-search{margin-bottom:22px}.search-input-row{display:flex;gap:6px}.search-input-row input{min-width:0;flex:1;width:100%;border:1px solid #58716a;border-radius:5px;background:#28463e;color:#fff;padding:12px 10px;font:12px Arial,sans-serif;min-height:44px}.search-input-row input::placeholder{color:#bdd0c5}.search-input-row button{background:var(--mint);color:var(--ink);border-radius:5px;padding:0 12px;font-size:12px;min-height:44px}.search-input-row button:disabled,.search-input-row input:disabled{opacity:.6;cursor:default}.search-input-row input:focus-visible{outline:3px solid #d77830;outline-offset:3px}.search-help,.search-credit,.search-status{font-size:10px;line-height:1.6;color:#bdd0c5;margin:8px 0 0}.search-status:empty{display:none}.search-results{display:grid;gap:6px;max-height:250px;overflow-y:auto;margin-top:8px}.search-results:empty{display:none}.search-result{display:block;text-align:left;background:#28463e;border:1px solid #58716a;color:#edf7ed;border-radius:5px;padding:10px;width:100%;min-height:44px}.search-result strong{display:block;font-size:12px;font-weight:500}.search-result span{display:block;font-size:10px;line-height:1.5;color:#bdd0c5;margin-top:4px}.search-result:hover{border-color:var(--mint)}.search-location{position:relative;background:#e7eee6;border:1px solid var(--line);border-left:3px solid var(--teal);padding:12px 110px 12px 14px;border-radius:6px;margin-bottom:16px}.search-location[hidden]{display:none}.search-location strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.search-location p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 0}.search-location button{position:absolute;top:8px;right:12px}.screening-note{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}.search-credit a{text-underline-offset:2px}.location-pin-tooltip{max-width:240px;white-space:normal}
@media(max-width:700px){.search-input-row input{font-size:16px}.location-search{grid-column:1/-1;margin:0}.search-location{padding:12px}.search-location button{position:static;margin-top:4px}.search-help,.search-credit,.search-status{font-size:11px}.search-result strong{font-size:13px}.search-result span{font-size:11px}}