#city-route-map{height:500px;width:100%;z-index:0;background:#e9eff5}.city-route-pin{background:none;border:0}.city-pin{display:grid;place-items:center;border:3px solid white;width:40px;height:40px;border-radius:50%;color:#fff;background:#102852;font:700 13px 'DM Sans',Arial,sans-serif;box-shadow:0 3px 10px #10285240}.city-pin.water{background:#1260b2}.city-pin.medical{background:#be4108}.city-route-pin[aria-pressed=true] .city-pin{outline:3px solid #d60072;outline-offset:3px}.route-stop>span>small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.route-metrics{display:flex;gap:35px;margin:24px 0;padding:20px 0;border-block:1px solid var(--line);flex-wrap:wrap}.route-metrics span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.route-metrics strong{font-size:23px}.map-load-note{padding:16px;color:var(--muted);font-size:14px;line-height:1.7}.map-load-note[hidden]{display:none}.route-map-shell .leaflet-container{font-family:'DM Sans',Arial,sans-serif}.route-map-shell .leaflet-control-attribution{font-size:11px}.point-detail a{font-size:13px;color:var(--pink);text-decoration:underline;display:inline-block;margin-top:20px}.demo-data-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:24px}.demo-data-note a{text-decoration:underline}.route-map-shell .leaflet-popup-content{line-height:1.7;font-size:14px}@media(max-width:600px){#city-route-map{height:420px}.route-metrics{gap:20px}.route-metrics strong{font-size:20px}}