.locality-action{display:block;margin-top:10px;border:0;border-radius:7px;background:#102a52;color:#fff;padding:8px 10px;font:700 .75rem system-ui,sans-serif;cursor:pointer}
.locality-action[hidden]{display:none}
.locality-action:disabled{opacity:.6;cursor:wait}
.locality-action:focus-visible,.destination-flow-close:focus-visible{outline:3px solid #a9d7ff}
.destination-flow{position:absolute;z-index:9;inset:12px;display:flex;flex-direction:column;max-width:520px;margin-left:auto;padding:18px;border:1px solid #b8cbe2;border-radius:14px;background:#fffffff7;color:#263c45;box-shadow:0 5px 24px #183a6848;overflow:auto;touch-action:auto}
.destination-flow[hidden]{display:none}
.destination-flow-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.destination-flow-kicker{color:#2266ad;font-size:.68rem;font-weight:700}
.destination-flow-header h2{margin:3px 0 0;font-size:1.05rem}
.destination-flow-header p{margin:4px 0 0;color:#52647d;font-size:.75rem}
.destination-flow-close{border:0;background:transparent;color:#52647d;font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 5px}
.destination-flow-map-wrap{margin-top:10px;border:1px solid #d7e1ed;border-radius:10px;background:#e8f0f3;overflow:hidden}
.destination-flow-map{display:block;width:100%;height:210px;touch-action:none;cursor:grab}
.destination-flow-map:active{cursor:grabbing}
.destination-flow-map-caption{margin:0;padding:7px 9px;background:#ffffffe8;color:#61708a;font-size:.66rem;line-height:1.35}
.destination-flow-meta{margin:14px 0 9px;padding:9px 10px;border-radius:8px;background:#edf3f9;color:#52647d;font-size:.74rem;line-height:1.4}
.destination-flow-list{display:grid;gap:10px;margin:2px 0 0;padding:0;list-style:none;counter-reset:destination-rank}
.destination-flow-item{counter-increment:destination-rank}
.destination-flow-item-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:.77rem}
.destination-flow-item-heading strong::before{content:counter(destination-rank) ". ";color:#2266ad}
.destination-flow-item-heading span{color:#52647d;font-variant-numeric:tabular-nums;white-space:nowrap}
.destination-flow-bar{height:6px;margin-top:5px;border-radius:9px;background:#dce7f2;overflow:hidden}
.destination-flow-bar i{display:block;height:100%;border-radius:inherit;background:#2878e8}
.destination-flow-empty{margin:18px 0;color:#52647d;font-size:.8rem}
.destination-flow-note{margin:16px 0 0;color:#8290a4;font-size:.67rem;line-height:1.45}
@media(max-width:800px){.destination-flow{inset:8px;max-width:none;padding:15px}.destination-flow-meta{margin-top:11px}}
@media(max-width:400px){.locality-action{width:100%}}