.car-flow-panel{margin:0 0 32px;border-radius:21px;padding:22px 24px;background:#102f39;color:#f0f7f3;border:1px solid #31525c;box-shadow:0 12px 28px #10263215}
.car-flow-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.car-flow-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:#85d4cd;text-transform:uppercase}
.car-flow-top h3{font:700 22px 'Space Grotesk',sans-serif;margin:6px 0}
.car-flow-top p{color:#c5d6d8;font-size:12px;line-height:1.6;max-width:770px;margin:0}
.car-flow-source{font-size:11px;font-weight:800;color:#b5cfcc;background:#284c52;border-radius:8px;padding:8px 11px}
.car-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}
.car-flow-card{border:1px solid #41616a;border-radius:12px;background:#1a3d47;padding:15px 16px;min-width:0}
.car-flow-road{font-weight:800;font-size:14px;margin-bottom:7px;line-height:1.4}
.car-flow-status{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:900;padding:4px 7px;border-radius:6px;background:#3a6c65;color:#def7ec}
.car-flow-status.slower{background:#68562d;color:#ffde96}
.car-flow-status.heavy{background:#7d4437;color:#ffd0bf}
.car-flow-speed{display:flex;gap:5px;align-items:baseline;margin:11px 0 3px;font:700 27px 'Space Grotesk',sans-serif}
.car-flow-speed small{font:700 12px 'DM Sans',sans-serif;color:#c5d4d4}
.car-flow-detail{font-size:11px;color:#c5d4d4;line-height:1.55}
.car-speed-compare{margin:12px 0 11px}.car-speed-compare-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c4d7d8}.car-speed-compare-head strong{color:#e9f7f2;font-weight:900}.car-speed-track{height:7px;background:#395966;border-radius:99px;overflow:hidden;margin-top:6px}.car-speed-track span{height:100%;background:#50bea6;border-radius:99px;display:block}.car-speed-track span.slower{background:#f1b45c}.car-speed-track span.heavy{background:#f18568}
.car-flow-empty{margin-top:15px;border:1px dashed #537580;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.65;color:#b8d1d2}
.map-car-point{border:2px solid white;border-radius:999px;background:#2d9480;color:white;font:900 11px 'DM Sans',sans-serif;box-shadow:0 3px 14px #132a3955;min-width:46px;height:46px;padding:3px;cursor:pointer}
.map-car-point.slower{background:#c18e36}.map-car-point.heavy{background:#c45b3e}
.map-car-point small{font-size:8px;display:block;line-height:1}
.map-car-popup b{display:block;margin-bottom:5px}.map-car-popup p{font-size:12px;margin:0 0 7px}
@media(max-width:850px){.car-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.car-flow-grid{grid-template-columns:1fr}.car-flow-panel{padding:17px}}