:root{
  --green-900:#1F3D2B;
  --green-700:#2E5A3C;
  --green-500:#6C9A6B;
  --ink:#2B2B2B;
  --paper:#F4F4F2;
  --white:#FFFFFF;
  --line:#DADFD8;
  --shadow:0 14px 40px rgba(20,45,30,.15);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh}
.map-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:18px;gap:12px}
.map-header{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1500px;width:100%;margin:0 auto}
.eyebrow{margin:0 0 4px;color:var(--green-700);font-size:.78rem;font-weight:800;letter-spacing:.13em}
h1{margin:0;color:var(--green-900);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05}
.subtitle{margin:6px 0 0;color:#5f665f;font-size:.96rem}
.fit-btn{border:0;background:var(--green-900);color:white;border-radius:999px;padding:11px 16px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 5px 15px rgba(31,61,43,.18)}
.fit-btn:hover{background:var(--green-700)}
.map-stage{position:relative;max-width:1500px;width:100%;margin:0 auto;min-height:520px;border-radius:18px;overflow:hidden;background:#dce7dc;box-shadow:var(--shadow);border:1px solid rgba(31,61,43,.12)}
#map{height:100%;min-height:520px;width:100%;background:#dce7dc}
.legend{position:absolute;z-index:500;left:18px;bottom:18px;max-width:270px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid rgba(31,61,43,.15);border-radius:14px;padding:13px 14px;box-shadow:0 8px 24px rgba(30,50,35,.14)}
.legend strong,.legend span,.legend small{display:block}
.legend strong{color:var(--green-900);margin-bottom:8px}
.legend span{font-size:.9rem;margin-bottom:6px}
.legend i{display:inline-block;width:18px;height:10px;background:rgba(108,154,107,.35);border:2px solid var(--green-700);margin-right:7px;border-radius:2px;vertical-align:-1px}
.legend small{color:#6a706b;line-height:1.35}
.map-footer{max-width:1500px;width:100%;margin:0 auto;display:flex;justify-content:space-between;gap:12px;color:#6b716c;font-size:.78rem}
.leaflet-control-zoom a{color:var(--green-900)!important}
.leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 12px 32px rgba(15,35,20,.22)}
.leaflet-popup-content{margin:14px 16px;min-width:240px}
.popup-title{font-size:1.05rem;font-weight:800;color:var(--green-900);margin-bottom:10px}
.popup-table{width:100%;border-collapse:collapse;font-size:.86rem}
.popup-table tr+tr{border-top:1px solid #ecefec}
.popup-table th,.popup-table td{padding:7px 0;vertical-align:top;text-align:left}
.popup-table th{width:42%;color:#687069;font-weight:700;padding-right:12px}
.popup-table td{color:#252825;word-break:break-word}
@media (max-width:720px){
  .map-shell{padding:10px;gap:10px}
  .map-header{align-items:flex-start;flex-direction:column}
  .fit-btn{align-self:flex-start;padding:9px 13px}
  .map-stage,#map{min-height:68vh}
  .legend{left:10px;right:10px;bottom:10px;max-width:none}
  .map-footer{flex-direction:column;gap:3px}
}