/* Schulweg-Karte: gleicher Rahmen-Look wie das Radar (route.js). Farben kommen aus den Seiten-Variablen. */
.sw-map { height: clamp(320px, calc(100dvh - 380px), 560px); border-radius: 0; overflow: hidden; border: 1px solid var(--line); background: #0a1a22; }
.sw-legend { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 14px; font-family: var(--mono); font-size: .68rem; letter-spacing: .04em; color: var(--muted); }
.sw-chip { display: inline-flex; align-items: center; gap: 8px; }
.sw-chip::before { content: ""; width: 16px; height: 3px; background: var(--c); display: inline-block; }

.sw-map .leaflet-control-attribution { background: rgba(8, 22, 30, .72); color: var(--muted); font-family: var(--mono); font-size: .6rem; }
.sw-map .leaflet-control-attribution a { color: var(--muted); }
.sw-map .leaflet-control-zoom a { border-radius: 0; background: rgba(8, 22, 30, .72); color: #fff; border-color: var(--line); }
.sw-map .leaflet-control-zoom a:hover { background: rgba(8, 22, 30, .92); }
.sw-map .leaflet-bar { border: 1px solid var(--line); box-shadow: none; }

.sw-tip.leaflet-tooltip { background: rgba(8, 22, 30, .92); border: 1px solid var(--glass-line); color: #fff; font-family: var(--mono); font-size: .68rem; letter-spacing: .02em; padding: 4px 9px; border-radius: 0; box-shadow: none; }
.sw-tip.leaflet-tooltip::before { display: none; }