/* 길의 두 선택칸을 하나의 선과 중심점으로 묶는다. 기존 간격과 기능은 유지한다. */
#v-path .pthstage{isolation:isolate;--path-thread:#425E72}
#v-path .pthstage::before{content:'';position:absolute;z-index:0;pointer-events:none;
  left:calc(50% - 39px);top:calc(50% + 15px);width:78px;height:1px;
  background:var(--path-thread);transition:background-color .18s}
#v-path .pthstage .pthend{z-index:1;grid-template-columns:minmax(0,1fr)}
#v-path .pthstage .pthend:focus-within{z-index:6}
#v-path .pthstage .pthlb{display:flex;align-items:center;gap:9px;color:#BAC6CF;transition:color .18s}
#v-path .pthstage .pthno{display:inline-block;color:#7594AB;font:11px/1.5 var(--mono);letter-spacing:.08em}
#v-path .pthstage .pthlb::after{content:'';flex:1;min-width:0;height:1px;background:#26343F;transition:background-color .18s}
#v-path .pthstage .sfield{border-color:#30414F;border-left:2px solid #58768D;box-shadow:none;
  transition:border-color .18s,background-color .18s}
#v-path .pthstage .sfield input{caret-color:var(--sky)}
#v-path .pthstage .pthswap{position:relative;z-index:2;border-radius:50%;border-color:#58768D;
  background:var(--bg);color:#A6D2F0;box-shadow:0 0 0 5px var(--bg);font-size:20px;
  transition:border-color .18s,color .18s,background-color .18s}
#v-path .pthstage .pthswap:hover,#v-path .pthstage .pthswap:focus-visible{
  border-color:var(--sky);color:var(--tx);background:#15232E}
#v-path .pthstage .pthend:is(:focus-within,.picked) .pthlb,
#v-path .pthstage .pthend:is(:focus-within,.picked) .pthno{color:var(--sky)}
#v-path .pthstage .pthend:is(:focus-within,.picked) .pthlb::after{background:var(--sky-dim)}
#v-path .pthstage .pthend:focus-within .sfield{border-color:var(--sky);background:#111B23}
#v-path .pthstage .pthend.picked .pthcard{border-color:var(--sky-dim);border-left:2px solid var(--sky)}
#v-path .pthstage:has(.picked),#v-path .pthstage:focus-within{--path-thread:var(--sky)}
#v-path .pthstage.has-pick .pthswap{border-color:var(--sky-dim);color:var(--sky)}
@media(min-width:601px) and (max-width:700px){
  #v-path .pthstage::before{left:calc(50% - 33px);width:66px}
}
@media(max-width:600px){
  /* 표제22px+간격8px. 선택 카드는92px, 검색창은46px. */
  #v-path .pthstage::before{left:50%;top:76px;bottom:46px;width:1px;height:auto;transform:translateX(-50%)}
  #v-path .pthstage:has(#pthendA.picked)::before{top:122px}
  #v-path .pthstage:has(#pthendB.picked)::before{bottom:92px}
}
@media(prefers-reduced-motion:reduce){
  #v-path .pthstage::before,#v-path .pthstage .pthlb,#v-path .pthstage .pthlb::after,
  #v-path .pthstage .sfield,#v-path .pthstage .pthswap{transition:none}
}