.w-route-context{margin:0 18px 10px;padding:8px 0;color:var(--ink);order:1;border-top:1px solid var(--line,#ccd4d0)}
.w-route-context:empty{display:none}.w-route-context-head{display:flex;align-items:center;gap:8px;font-size:13px}.w-route-context-head>b{margin-right:auto}.w-route-context-head button,.w-route-context-note button{border:0;background:transparent;color:var(--accent,var(--route));font:inherit;padding:8px 2px;cursor:pointer}
.w-route-context-chips{display:flex;gap:8px;overflow-x:auto;padding:3px 0;scrollbar-width:thin}.w-route-context-chips>button{display:flex;align-items:center;gap:7px;flex:none;max-width:235px;min-height:42px;padding:5px 9px;background:var(--panel,var(--plate));color:var(--ink);border:1px solid var(--line,#ccd4d0);border-radius:8px;text-align:left;font:inherit;cursor:pointer}.w-route-context-chips strong{background:var(--accent-soft,var(--concrete));color:var(--accent,var(--route));padding:3px 6px;border-radius:5px}.w-route-context-chips span{font-size:11px;color:var(--muted)}.w-route-context-chips b{display:block;font-size:14px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.w-route-context-note{font-size:11px;color:var(--muted);line-height:1.5;margin:4px 0 0}.w-route-context-note button{font-size:11px;padding:0}
.w-pin.route-context{background:var(--panel,var(--plate));color:var(--ink);border-color:var(--accent,var(--route));z-index:1;font-size:11px;max-width:190px;white-space:nowrap}.w-pin.route-context.route-current{background:var(--accent,var(--route));color:var(--accent-ink,#fff)}.w-route-context-list{display:grid;gap:12px;margin-top:14px}.w-route-context-list>section{border:1px solid var(--line,#ccd4d0);border-radius:10px;padding:12px;background:var(--panel,var(--plate));color:var(--ink)}.w-route-context-list h3{font-size:16px;margin:0 0 6px}.w-route-context-list p{font-size:13px;line-height:1.6;margin:5px 0}.w-route-context-list button{margin:4px 5px 0 0}.w-route-context-list small{display:block;color:var(--muted);font-size:12px}.w-route-context-list a{color:var(--accent,var(--route))}
@media(max-width:850px){#pane-nav:has(.w-route-context:not(:empty)) .w-media{height:clamp(200px,29dvh,320px)}.w-route-context{margin:0 18px 8px;padding:4px 0}.w-route-context-head button{padding:6px 2px}.w-route-context-chips>button{min-height:40px}}

.w-pin.route-context{padding:0 5px;line-height:18px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.w-pin.route-context.route-left{transform:translate(calc(-100% - 10px),-100%)}.w-pin.route-context.route-right{transform:translate(10px,-100%)}.w-pin.route-context.route-destination.route-left{transform:translate(calc(-100% - 76px),-100%)}.w-pin.route-context.route-destination.route-right{transform:translate(76px,-100%)}