/* Map + photo styles for the transport pages (built from scripts/build_buses_trams.py CSS). */
.btmap{margin-top:10px}.btm-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);background:var(--card)}
.btm-map{height:560px;min-height:340px;z-index:0}.btm-side{padding:14px;border-left:1px solid var(--line);max-height:560px;overflow:auto}
.btm-hint{font-size:14px;color:var(--muted);margin:0 0 10px}.btm-chips{display:flex;flex-wrap:wrap;gap:6px}
.btm-chip{font:inherit;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px}
.btm-chip.on,.btm-chip:hover{background:var(--soft);border-color:var(--fg)}.btm-dot{width:12px;height:12px;border-radius:50%;display:inline-block}
.btm-info h3{font-size:18px;margin:14px 0 6px;line-height:1.3}.btm-info p{font-size:14.5px;margin:0}.btm-pill{display:inline-block;color:#fff;font-size:13px;padding:1px 8px;border-radius:999px;vertical-align:2px}
.btm-pin{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #0f1d26;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.35);font-size:17px}
.btm-pin.btm-coach{border-color:#1d3c8f}.btm-pin.btm-tram{border-color:#d72028}.btm-pin.btm-me,.btm-pin.btm-to{border-color:#f2a900}
.btm-pop img{display:block;width:100%;height:auto;margin-bottom:8px}.btm-pop p{margin:4px 0 6px;font-size:13.5px}.btm-pop small{display:block;margin-top:6px;color:#666}
.leaflet-container{font:inherit}.leaflet-tooltip{font-size:13px}
.phs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:10px}
.ph{margin:0;background:var(--card);border:1px solid var(--line)}.ph img{display:block;width:100%;height:220px;object-fit:cover}.ph figcaption{padding:10px 12px;font-size:14.5px}
.ph figcaption small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.ph figcaption small a{color:inherit}
.bh-onmap{margin-top:8px;font-size:14px;padding:7px 11px}
@media(max-width:820px){.btm-wrap{grid-template-columns:1fr}.btm-map{height:430px}.btm-side{border-left:0;border-top:1px solid var(--line);max-height:none}}

.btm-map .leaflet-tile-pane{filter:saturate(.55) contrast(.95)}.btm-dark .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.85) contrast(.9) saturate(.5)}