@layer components{.guide-route-overview{max-width:76rem;margin:clamp(2.5rem,5vw,5rem) auto;container:guide-route/inline-size}.guide-route-overview>header{text-align:center;max-width:46rem;margin:0 auto 2.5rem}.guide-route-overview h3{overflow-wrap:anywhere;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:500;line-height:1.3}.guide-route-overview h4{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:600;line-height:1.5}.guide-route-overview p{color:var(--muted);margin-top:.75rem;line-height:1.8}.guide-route-lanes{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.guide-route-overview .guide-route-providers{text-align:center;max-width:70ch;margin:2rem auto 0;font-size:.875rem}.guide-route-lanes>article{text-align:center;min-width:0}.guide-route-lanes ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-block:1.5rem;display:grid}.guide-route-lanes li{flex-direction:column;align-items:center;gap:.75rem;min-width:0;display:flex;position:relative}.guide-route-lanes li:not(:last-child):after{content:"";border-top:1px dashed color-mix(in srgb,var(--brand) 35%,transparent);position:absolute;top:1.5rem;left:calc(50% + 1.6rem);right:calc(1.6rem - 50%)}.guide-route-stop{border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);width:3rem;height:3rem;color:var(--brand);background:var(--surface);border-radius:50%;place-items:center;display:grid}.guide-route-stop svg{width:1.45rem;height:1.45rem}.guide-route-stop-label{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.6}.guide-route-lanes .guide-route-arrow{width:1rem;height:1rem;color:var(--brand);background:var(--surface);z-index:1;position:absolute;top:1rem;right:-.75rem}.guide-route-notes{background:color-mix(in srgb,var(--surface) 76%,transparent);gap:1.5rem;margin-top:3rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.guide-route-notes>div{grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:1rem;min-width:0;display:grid}.guide-route-notes>div>span{color:var(--brand);padding-top:.15rem}.guide-route-notes svg{width:1.5rem;height:1.5rem}.guide-route-notes p{margin-top:.5rem;font-size:.9375rem}@container guide-route not (max-width:54em){.guide-route-lanes{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}.guide-route-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}}