.route{border-top:1px solid var(--line)}.route__binnen{padding-block:.7rem .95rem}.route__kop{font:500 .75rem/1.3 var(--mono-font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:1rem;display:flex}.route__teller{color:var(--ink)}.route__stappen{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.route__stap{align-items:flex-start;gap:.65rem;min-width:0;padding:.95rem 1rem 0 0;display:flex;position:relative}.route__stap:before{content:"";background:var(--line-strong);height:1px;position:absolute;top:0;left:0;right:0}.route__stap:after{content:"";background:var(--ink);width:1px;height:13px;position:absolute;top:-6px;left:0;transform:rotate(45deg)}.route__stap:last-child:before{right:0}.route__stap:is([data-staat=klaar],[data-staat=nu]):before{background:var(--accent);height:2px;top:-.5px}.route__nr{border:1px solid var(--line-strong);width:1.85rem;height:1.85rem;font:700 .75rem/1 var(--mono-font);color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.route__nr svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.route__stap[data-staat=nu] .route__nr{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.route__stap[data-staat=klaar] .route__nr{border-color:var(--ink);background:var(--ink);color:var(--bg)}.route__tekst{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;min-width:0;padding-top:.2rem;display:flex}.route__titel{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600;line-height:1.3}.route__stap[data-staat=straks] .route__titel{color:var(--muted)}.route__duur{font:500 .75rem/1.35 var(--mono-font);color:var(--muted)}.route__titel{flex-basis:100%}.route__hier{border:1px solid var(--accent);font:600 .75rem/1.2 var(--mono-font);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:.1rem .4rem}@media (max-width:899px){.route__kop{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.route__stappen{margin-top:.4rem;display:flex}.route__duur{display:none}.route__stap{flex:none;padding-right:1.1rem}.route__stap[data-staat=nu]{flex:auto}.route__stap:not([data-staat=nu]) .route__tekst{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:399px){.route__stap{padding-right:.75rem}.route__hier{letter-spacing:.02em;white-space:nowrap}}