.distance-reference{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:14px;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted)}.distance-reference>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.distance-reference strong{color:var(--ink);font-weight:600}.distance-reference svg{width:14px;height:14px;color:var(--red)}.distance-reference>.text-link{margin-left:auto;min-height:28px}.distance-reference>small{width:100%;font-size:10px}.distance-badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:12px;line-height:1.4;padding:5px 8px;margin-top:8px;border-radius:6px;color:#445d6e;background:#edf3f6;text-align:left;min-height:30px}.distance-badge svg{width:13px;height:13px}.distance-badge small{font-size:10px;color:#737f88}.distance-unknown{color:var(--muted);background:#f3f4f5}.distance-badge:hover{background:#e3edf3}.mk-detail-price{flex-wrap:wrap;gap:8px}.business-location:has(.distance-badge),.civic-meta:has(.distance-badge){flex-wrap:wrap}.ev-facts>.distance-badge{justify-self:start}.event-strip>.distance-badge{margin:0}.event-strip{flex-wrap:wrap}
@media(max-width:700px){.distance-reference{font-size:11px;padding:8px 10px;margin-bottom:10px;gap:3px 7px}.distance-reference>small{font-size:10px;line-height:1.4}.distance-badge{font-size:11px;padding:4px 6px;min-height:30px}.distance-badge small{font-size:9px}.distance-reference>.text-link{font-size:11px;min-height:32px}.mk-card .distance-badge{font-size:10px;gap:3px;padding:4px 5px}.civic-meta .distance-badge{margin-top:0}}