.mpsb-route-map-card {
    margin: 14px 0 0;
    padding: 14px 16px;
    border: 1px solid #dfe6ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(23, 35, 60, .05);
}

.mpsb-route-map-card h4 { margin: 0 0 10px; color: #17233c; font-size: 14px; }
.mpsb-route-map { width: 100%; min-height: 340px; border-radius: 10px; background: #eef2f6; }
.mpsb-route-map-static { display: block; width: 100%; height: auto; border-radius: 10px; }
.mpsb-route-map-stops { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; counter-reset: route-stop; }
.mpsb-route-map-text { margin-top: 12px; }
.mpsb-route-map-text summary { cursor: pointer; color: #17233c; font-size: 13px; font-weight: 700; }
.mpsb-route-map--tile-error { min-height: 120px; opacity: .65; }
.mpsb-route-map-stops li { position: relative; min-height: 42px; padding: 9px 10px 9px 38px; border: 1px solid #e1e7ef; border-radius: 9px; background: #fff; counter-increment: route-stop; }
.mpsb-route-map-stops li::before { content: counter(route-stop); position: absolute; top: 9px; left: 10px; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: #fff2e8; color: #c84d06; font-size: 11px; font-weight: 800; }
.mpsb-route-map-stops span { display: block; color: #65738a; }
.mpsb-route-map-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; color: #56657d; }
.mpsb-route-map-meta a { color: #d95100; font-weight: 700; }
.mpsb-route-marker { border: 0; background: transparent; }
.mpsb-route-marker span { display: grid; width: 28px; height: 28px; place-items: center; border: 3px solid #fff; border-radius: 50%; background: #ff6b16; color: #fff; box-shadow: 0 2px 7px rgba(23,35,60,.3); font: 700 12px/1 sans-serif; }

@media (max-width: 640px) { .mpsb-route-map { min-height: 280px; } }