*{box-sizing:border-box}html,body{height:100%;margin:0;color:#003f35;font:14px/1.5 Arial,sans-serif;background:#fff}body{display:flex;flex-direction:column}.map-toolbar{display:flex;gap:16px;align-items:center;padding:15px 18px;border-bottom:1px solid #dbe4da;background:#f6f8f2}.map-toolbar h1{font-size:16px;line-height:1.2;margin:0}.map-toolbar p{font-size:11px;margin:4px 0 0;color:#557268}.map-tools{display:flex;gap:8px;align-items:center;margin-left:auto;min-width:0}.map-tools label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}select,button{font:inherit;color:#003f35;border:1px solid #ccd8ce;border-radius:8px;background:#fff;padding:9px 10px;min-height:38px}select{width:min(330px,35vw);min-width:0;text-overflow:ellipsis}button{font-weight:700;background:#ffcf24;border-color:#ffcf24;white-space:nowrap;cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #987300;outline-offset:2px}#project-map{flex:1;min-height:250px;width:100%;background:#e9ede5}.leaflet-popup-content{font:13px/1.5 Arial,sans-serif;color:#003f35}.leaflet-popup-content strong{font-size:15px}.leaflet-popup-content p{margin:8px 0}.leaflet-popup-content a{color:#003f35;text-decoration:underline;font-weight:700}.map-credit{font-size:10px;line-height:1.4;padding:7px 12px;color:#5c7169;background:#fff}.map-credit a{color:inherit}.leaflet-control-attribution{font-size:10px!important}@media(max-width:600px){.map-toolbar{display:block;padding:12px}.map-toolbar h1{font-size:14px}.map-tools{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}select{width:100%;font-size:12px}button{font-size:11px;padding:8px}.map-credit{font-size:9px}}

.leaflet-popup-content{max-width:calc(100vw - 80px);overflow-wrap:anywhere}