:root{--band-0:#dce9fa;--band-1:#7db4ee;--band-2:#2a6fc4;--band-3:#0a2c57;--land:#eceae4;--land-edge:#d7d3c8}@media (prefers-color-scheme:dark){:root{--band-0:#cfe2f8;--band-1:#6ea8e8;--band-2:#2f74c6;--band-3:#163f74;--land:#211f1d;--land-edge:#34312d}}.map-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.5rem .5rem 0;overflow:hidden}svg.map{touch-action:pan-y;width:100%;height:auto;display:block}svg.map.zoomed{cursor:grab}svg.map.zoomed:active{cursor:grabbing}.map-controls{align-items:center;gap:.35rem;padding:0 .1rem .5rem;display:flex}.map-controls .spacer{flex:1}.map-controls button{font:inherit;border:1px solid var(--border);background:var(--page);color:var(--ink);cursor:pointer;border-radius:6px;min-width:2rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.map-controls button:hover:not(:disabled){border-color:var(--ink-2)}.map-controls button:disabled{opacity:.4;cursor:default}.map-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.map-lines line{stroke:var(--land-edge)}.map-stations circle{stroke:var(--surface);cursor:pointer}.map-stations circle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-hubs circle{fill:var(--ink);stroke:var(--surface)}.map-hubs text{fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-linejoin:round;pointer-events:none;font-family:system-ui,sans-serif;font-weight:700}circle.band-0{fill:var(--band-0)}circle.band-1{fill:var(--band-1)}circle.band-2{fill:var(--band-2)}circle.band-3{fill:var(--band-3)}circle.selected{stroke:var(--ink);stroke-width:2px}.map-land path{fill:var(--land);stroke:var(--land-edge);stroke-linejoin:round}.map-labels text{fill:var(--ink-2);paint-order:stroke;stroke:var(--land);stroke-linejoin:round;pointer-events:none;font-family:system-ui,sans-serif;font-weight:600}.map-labels .days{fill:var(--muted);font-weight:400}.map-readout{border-top:1px solid var(--border);min-height:3.2rem;margin:.4rem -.5rem 0;padding:.7rem .9rem;font-size:.9rem}.map-readout .nums{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:.82rem;display:block}.map-readout .hint{color:var(--muted)}.map-legend{color:var(--ink-2);flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.map-legend li{align-items:center;gap:.4rem;display:inline-flex}.map-legend i,.swatch{border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.swatch{vertical-align:-1px;margin-right:.5rem}i.band-0,.swatch.band-0{background:var(--band-0)}i.band-1,.swatch.band-1{background:var(--band-1)}i.band-2,.swatch.band-2{background:var(--band-2)}i.band-3,.swatch.band-3{background:var(--band-3)}.map-legend i.band-0{width:9px;height:9px}.map-legend i.band-1{width:11px;height:11px}.map-legend i.band-2{width:13px;height:13px}.map-legend i.band-3{width:15px;height:15px}.map-legend i{border-radius:50%}table.routes{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.88rem}table.routes th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--grid);background:var(--page);padding:0 .5rem .4rem 0;font-size:.68rem;font-weight:700;position:sticky;top:0}table.routes td{border-bottom:1px solid var(--grid);padding:.45rem .5rem .45rem 0}table.routes .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=30rem){table.routes{font-size:.8rem}table.routes th:nth-child(5),table.routes td:nth-child(5){display:none}}.metric-switch{gap:.4rem;margin:0 0 .8rem;display:flex}.metric-switch button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:600}.metric-switch button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.metric-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}