.route-glyph{margin-right:.2em;font-size:.8em}.route-bar{align-items:center;gap:1rem;max-width:34rem;margin-top:1.2rem;display:flex}.route-bar-track{background:var(--surface-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.route-bar-fill{background:var(--good);width:0;height:100%;transition:width .3s}.route-steps{gap:.9rem;max-width:52rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.route-steps:before{content:"";border-left:1px dashed var(--line-2);position:absolute;top:1rem;bottom:1rem;left:1.1rem}.route-step{grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid;position:relative}.route-n{border:1.5px solid var(--lv);background:var(--bg);z-index:1;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:.75rem;display:grid}.route-step.done .route-n{background:var(--lv);color:var(--bg)}.route-body{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:.8rem 1rem}.route-body h2{margin:0 0 .25rem;font-size:1.05rem}.route-body h2 a{color:var(--fg)}.route-body p{color:var(--fg-2);margin:0 0 .4rem;font-size:.9rem}.route-body .meta{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.route-check{color:var(--muted);cursor:pointer;align-items:center;gap:.4rem;padding-top:.9rem;font-size:.8rem;display:flex}.route-check input{width:1.1rem;height:1.1rem;accent-color:var(--good)}@media (width<=640px){.route-step{grid-template-columns:2.2rem minmax(0,1fr)}.route-check{grid-column:2;padding-top:0}}