.local-map { display: block; width: 100%; height: auto; overflow: hidden; border-radius: 18px; background: #f7fbfe; }
.service-radius { fill: #0878c912; stroke: #ff7a21; stroke-width: 3; stroke-dasharray: 11 9; }
.road { fill: none; stroke-linecap: round; }
.road-a40 { stroke: #8eb5c8; stroke-width: 16; }
.road-long-lane { stroke: #a9c7d5; stroke-width: 10; }
.road-local { stroke: #d2e4ec; stroke-width: 7; }
.rail-line { fill: none; stroke: #7caac0; stroke-width: 3; stroke-dasharray: 9 7; opacity: .75; }
.road-name { fill: #496b7d; font: 850 15px Inter,system-ui,sans-serif; letter-spacing: .04em; paint-order: stroke; stroke: #f7fbfe; stroke-width: 5px; stroke-linejoin: round; }
.a40-name { font-size: 18px; }
.minor-road-name { fill: #6b8795; font-size: 13px; }
.map-point circle { stroke: #fff; stroke-width: 4; }
.map-point.station circle { fill: #0878c9; }
.map-point.landmark circle { fill: #4c956c; }
.map-point text { fill: #153c54; font: 800 17px Inter,system-ui,sans-serif; paint-order: stroke; stroke: #f7fbfe; stroke-width: 5px; stroke-linejoin: round; }
.point-ickenham circle { fill: #ff7a21 !important; r: 12px; }
.point-ickenham text { font-size: 20px; }
.north-marker path { fill: #062d4c; }
.north-marker text { fill: #062d4c; font: 900 15px Inter,system-ui,sans-serif; }
.radius-key { fill: #d85b0c; font: 850 16px Inter,system-ui,sans-serif; paint-order: stroke; stroke: #f7fbfe; stroke-width: 5px; }
@media(max-width:600px){.map-point text{font-size:15px}.point-ickenham text{font-size:17px}.road-name{font-size:13px}.minor-road-name{display:none}}