.remaining-distance{margin-top:10px;padding:13px 14px;border:1px solid #dce5f2;border-radius:13px;background:#f8faff}.remaining-head{display:flex;align-items:end;justify-content:space-between}.remaining-head span,.remaining-head b{display:block}.remaining-head span{color:#6b7b93;font-size:10px;font-weight:800}.remaining-head b{margin-top:2px;font-size:20px;color:#1557c0}.remaining-head small{color:#6b7b93;font-size:9px}.distance-breakdown{display:flex;gap:6px;margin-top:9px;overflow:auto}.distance-segment{flex:0 0 auto;padding:7px 9px;border-radius:9px;background:#fff;color:#64748b;font-size:9px}.distance-segment strong{color:#12213b}.distance-rule{margin-top:7px;color:#94a3b8;font-size:8px}@media(max-width:760px){.remaining-head{align-items:start;flex-direction:column;gap:3px}}