.route-line{pointer-events:none}
.map-locate{font-size:0;white-space:nowrap;display:grid;place-items:center}
.route-tab{min-width:0}
.route-tab span,.route-tab small{min-width:0;overflow-wrap:anywhere}
.location-line svg{width:14px;height:14px;fill:none;stroke:var(--coral);stroke-width:1.6;vertical-align:-3px;margin-right:5px}
.profile-select{border:0;padding:0;margin:0 0 0 auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:5px 8px}
.profile-select legend{width:100%;padding:0 0 3px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.profile-select label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);font-size:11px;letter-spacing:0;text-transform:none;white-space:nowrap}
.profile-select label:has(input:checked){border-color:var(--green);background:#e1e9df;color:var(--green)}
.profile-select input{width:12px;height:12px;margin:0;accent-color:var(--green)}
.route-line:not(.verified){stroke:var(--blue)}
#resetMap::before{content:'↻';font-size:19px;color:var(--green)}
.distance-line strong{margin-right:5px}
.distance-line>span:first-of-type{margin-right:12px;font-size:12px;color:var(--muted)}
.distance-line .summary-separator{margin-right:12px}
.distance-line>span:last-child{font-size:12px;letter-spacing:0;color:var(--muted)}
@media(max-width:560px){.profile-select{justify-content:flex-start}.profile-select legend{font-size:9px}.profile-select label{padding:5px 6px;font-size:10px}}

/* Issue rows are buttons: reset native button chrome so they fill the card on small screens */
.issue-item{width:100%;min-height:44px;text-align:left;background:transparent;border:0;border-bottom:1px solid #d8ddd4;color:inherit;font-family:inherit;cursor:pointer}
.issue-item:hover,.issue-item:focus-visible{background:#e6ebe1}
.issue-item span{min-width:0;overflow-wrap:anywhere}