.tr-map-shell {min-width:0;}
.tr-map-details {min-width:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1);}
.tr-map-detail-navigation {display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.tr-map-detail-navigation>.btn {width:34px;min-width:34px;min-height:34px;padding:6px;border-radius:50%;}
.tr-map-stop-counter {flex:1;margin:0;font:11px/1.5 var(--mono);text-align:center;color:var(--ink-2);}
.tr-map-detail-heading {display:flex;gap:14px;align-items:flex-start;}
.tr-map-detail-heading>div {min-width:0;}
.tr-map-detail-icon {position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:10px;}
.tr-map-detail-number {position:absolute;inset-inline-end:-5px;bottom:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:2px;background:var(--cta);color:var(--cta-text);border:2px solid var(--paper);border-radius:50%;font:10px/1 var(--mono);}
.tr-map-detail-kind {margin:0 0 3px;font:10px/1.5 var(--mono);color:var(--ink-2);}
.tr-map-detail-heading h3 {margin:0;font:500 21px/1.3 var(--display);overflow-wrap:anywhere;}
.tr-map-detail-subtitle {margin:5px 0 0;font:13px/1.5 var(--body);color:var(--ink-2);overflow-wrap:anywhere;}
.tr-map-detail-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.tr-map-detail-actions>.btn {flex:1;min-width:110px;white-space:normal;}
.tr-map-detail-notes {margin-top:12px;font:13px/1.6 var(--body);}
.tr-map-detail-notes p {white-space:pre-wrap;overflow-wrap:anywhere;}
.tr-map-stop-strip {display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;min-width:0;border-top:1px solid var(--line);margin-top:14px;padding-top:10px;}
.tr-map-stop-choice {display:block;flex:0 0 auto;min-width:52px;padding:6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-2);cursor:pointer;}
.tr-map-stop-choice>span {display:flex;flex-direction:column;align-items:center;gap:4px;font:10px/1.3 var(--mono);}
.tr-map-stop-number {display:grid;place-items:center;min-width:26px;height:26px;padding:3px;border-radius:6px;color:#fff;font:11px/1 var(--mono);}
.tr-map-stop-choice[aria-pressed=true] {border-color:var(--line);background:var(--paper-2);color:var(--ink);}
.tr-map-stop-choice:focus-visible {outline:2px solid var(--terracotta);outline-offset:-2px;}
[dir=rtl] .tr-map-detail-navigation .chevron-icon svg {transform:rotate(180deg);}