@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#193530;background:#f7f9f6;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:82px;background:white;border-bottom:1px solid #dce3dc;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand b{font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2.6px;margin:5px 0 0 31px;color:#71847b}nav{display:flex;gap:8px}button{font:600 12px 'DM Sans',sans-serif;background:white;border:1px solid #d7e0d8;border-radius:7px;padding:10px 13px;color:#28483e;cursor:pointer}button:hover{background:#ecf3eb}button:disabled{opacity:.5;cursor:wait}.primary{background:#205c46;color:white;border-color:#205c46}.primary:hover{background:#174b38}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;height:calc(100dvh - 82px)}.map-area{position:relative;overflow:hidden}#map{height:100%;background:#e8ede5}.search{position:absolute;z-index:800;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:8px;background:white;box-shadow:0 4px 25px #19353016;border-radius:10px}.search span{font-size:25px;padding-left:6px}.search input{border:0;outline:none;width:155px}.search button{padding:8px}.map-note{position:absolute;z-index:800;bottom:26px;left:24px;background:#ffffffeb;padding:10px 15px;border-radius:6px;font-size:12px;color:#52675d}.legend{position:absolute;z-index:800;bottom:65px;left:24px;background:#fffffff0;padding:12px 16px;border-radius:8px;max-height:220px;overflow:auto;font-size:12px}.legend:empty{display:none}.legend div{margin:5px 0}.swatch{width:10px;height:10px;display:inline-block;border-radius:3px;margin-right:9px}aside{padding:28px 25px;overflow:auto;background:#fbfcf9;border-left:1px solid #dce3dc}.eyebrow{font-size:9px;letter-spacing:2px;color:#7b8b73;font-weight:700}h1{font:800 25px Manrope,sans-serif;letter-spacing:-1px;margin:9px 0}p.intro{color:#778378;font-size:13px;margin-bottom:24px}.upload{display:block;text-align:center;border:1px dashed #91aa93;background:#eef4e9;border-radius:9px;padding:20px 12px;cursor:pointer;font-weight:700;color:#386344}.upload input{display:none}.upload small{display:block;font-weight:400;margin-top:8px;color:#778574;font-size:11px}#status{font-size:12px;color:#526c5a;line-height:1.5;margin:15px 0;overflow-wrap:anywhere}.stats{display:flex;border-top:1px solid #e0e6dd;border-bottom:1px solid #e0e6dd;padding:17px 0;gap:30px}.stats b{display:block;font:700 24px Manrope,sans-serif}.stats span{font-size:8px;letter-spacing:1px;color:#879080}section section,aside>section{border-bottom:1px solid #e0e6dd;padding:20px 0}h2{font-size:14px;margin:0 0 16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:0}.section-head button{padding:5px 9px;font-size:11px}.group{display:flex;align-items:center;gap:8px;margin-bottom:9px}.group input[type=color]{width:29px;height:30px;border:0;background:none;padding:0;cursor:pointer}.group input[type=text]{width:100%;min-width:0;border:1px solid #dce4d9;background:white;border-radius:5px;padding:8px;font:inherit;font-size:12px}.group span{color:#84907f;font-size:11px;min-width:23px;text-align:right}.hint,footer{font-size:11px;color:#899281;line-height:1.6}label{display:block;font-size:12px;margin:13px 0}output{float:right;color:#819078}input[type=range]{display:block;width:100%;margin:12px 0 18px;accent-color:#32694d}.toggle{display:flex;justify-content:space-between;align-items:center;margin:18px 0}input[type=checkbox]{accent-color:#32694d}select{width:100%;padding:9px;border:1px solid #c9d8ca;border-radius:5px;margin-top:8px;background:white}.issues{font-size:11px;line-height:1.7;max-height:180px;overflow:auto;overflow-wrap:anywhere}footer{margin-top:20px}.zip-label{background:transparent;border:0;box-shadow:none;font-size:11px;font-weight:bold;color:#193530;text-shadow:1px 1px white,-1px -1px white}.leaflet-control-zoom{margin-top:90px!important}.leaflet-container{font-family:inherit}@media(max-width:850px){header{height:auto;padding:16px;gap:15px;flex-wrap:wrap}nav{flex-wrap:wrap}main{height:auto;grid-template-columns:1fr}.map-area{height:65dvh}aside{border-left:0}.search{left:12px;top:12px}.brand span{display:none}}



.detail-value{float:none;display:block;font-size:11px;color:#526c5a;margin-top:-6px}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:#819078;margin-top:-12px}.cartography-status{font-size:10px;color:#6a8073;display:flex;gap:10px;align-items:center;margin:14px 0}.cartography-status button{font-size:10px;padding:4px 8px}input:disabled{opacity:.45}


.map-feedback{position:absolute;z-index:800;top:82px;right:24px;max-width:240px;background:#ffffffed;border:1px solid #d7e0d8;border-radius:7px;padding:9px 12px;font-size:11px;color:#526c5a;box-shadow:0 2px 12px #19353012}