.home-compare{color:var(--ink);border-block-start:1px solid var(--line);margin-block:1.5rem;padding-block:1.25rem;scroll-margin-block-start:6rem}.home-compare h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem)}.home-compare h2 span{color:var(--ink-muted);font-size:.9rem}.home-compare p{line-height:1.5}.home-compare__settings,.home-compare__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-block:1rem;display:grid}.home-compare__cards article{border:1px solid var(--line);background:var(--surface);border-radius:1rem;min-inline-size:0;padding:clamp(.8rem,2vw,1.25rem)}.home-compare__heading{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.home-compare h3{overflow-wrap:anywhere;margin-block:0;font-size:1.1rem}.home-compare h3 a{min-block-size:44px;color:var(--ink);display:inline-block}.home-compare label{gap:.35rem;margin-block:.65rem;font-size:.9rem;display:grid}.home-compare :is(input,select,button){border:1px solid var(--line);background:var(--surface);min-block-size:44px;min-inline-size:44px;max-inline-size:100%;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:.5rem;padding:.65rem}.home-compare :is(input,select){inline-size:100%}.home-compare button{cursor:pointer}.home-compare__heading button{white-space:nowrap;flex-shrink:0}.home-compare summary{cursor:pointer;box-sizing:border-box;min-block-size:44px;padding-block:.65rem}.home-compare :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.home-compare :is(button,summary,a):active{background:color-mix(in oklch, var(--accent) 18%, var(--surface))}.home-compare__note,.home-compare details p{color:var(--ink-muted);font-size:.85rem}.home-compare dl{font-variant-numeric:tabular-nums}.home-compare dl>div{border-block-end:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.25rem .5rem;padding-block:.55rem;display:flex}.home-compare dd{margin:0;font-weight:600}.home-compare__chart{margin-block:.75rem;font-size:.8rem}.home-compare__bar{background:color-mix(in oklch, var(--ink) 10%, var(--surface));border-radius:.2rem;block-size:.7rem;margin-block-start:.35rem;overflow:clip}.home-compare__bar>span{background:var(--accent);block-size:100%;display:block}.home-compare__bar--time>span{background:var(--ink-muted)}@media (hover:hover) and (pointer:fine){.home-compare :is(button,summary,a):hover{background:color-mix(in oklch, var(--accent) 12%, var(--surface))}}
.station-properties{--station-rail:var(--accent);color:var(--ink)}.station-properties[data-line=purple]{--station-rail:#ab6aea}@supports (color:lab(0% 0 0)){.station-properties[data-line=purple]{--station-rail:lab(56.4498% 44.4824 -55.7158)}}.station-properties[data-line=green]{--station-rail:#2ea957}@supports (color:lab(0% 0 0)){.station-properties[data-line=green]{--station-rail:lab(61.4013% -48.4577 32.1205)}}.station-properties[data-line=yellow]{--station-rail:#e0ab22}@supports (color:lab(0% 0 0)){.station-properties[data-line=yellow]{--station-rail:lab(73.4988% 11.5418 70.1023)}}.station-properties[data-line=pink]{--station-rail:#ed68ae}@supports (color:lab(0% 0 0)){.station-properties[data-line=pink]{--station-rail:lab(62.7757% 57.5812 -11.1426)}}.station-properties[data-line=blue]{--station-rail:#348ff9}@supports (color:lab(0% 0 0)){.station-properties[data-line=blue]{--station-rail:lab(58.1565% 1.75071 -61.959)}}.station-properties p{line-height:1.6}.station-properties__note{color:var(--ink-muted);font-size:.9rem}.station-properties__controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1rem;margin-block:.5rem 1rem;display:grid}.station-properties__field{align-content:start;gap:.5rem;display:grid}.station-properties label{font-weight:600}.station-properties :is(select,input,button,a){box-sizing:border-box;min-block-size:44px;min-inline-size:44px;font:inherit}.station-properties :is(select,button){border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.65rem;padding:.65rem .8rem}.station-properties select{inline-size:100%}.station-properties button{cursor:pointer}.station-properties button:disabled{cursor:not-allowed;opacity:.6}.station-properties :is(input,select,button,a,ol):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.station-properties :is(input,select,button,a):active{background:color-mix(in oklch, var(--accent) 18%, var(--surface))}.station-properties input[type=range]{inline-size:100%;accent-color:var(--accent)}.station-properties output{font-variant-numeric:tabular-nums;font-weight:600}.station-properties__rail-hint{color:var(--ink-muted);align-items:center;gap:.5rem;margin-block:1rem .25rem;font-size:.9rem;display:flex}.station-properties__rail-hint>span{color:var(--ink);flex:none;font-size:1.4rem}.station-properties__rail{scrollbar-gutter:stable;scroll-snap-type:x proximity;overscroll-behavior-x:contain;margin:0;padding-block:.75rem 1rem;padding-inline:.25rem;scroll-padding-inline:.25rem;list-style:none;display:flex;overflow-x:auto}.station-properties__rail li{scroll-snap-align:start;flex:0 0 clamp(8.5rem,44%,10rem);position:relative}.station-properties__rail li:before{content:"";border-block-start:4px solid var(--station-rail);position:absolute;inset-block-start:1.9rem;inset-inline:0}.station-properties__rail li:first-child:before{inset-inline-start:50%}.station-properties__rail li:last-child:before{inset-inline-end:50%}.station-properties__rail button{text-align:center;overflow-wrap:anywhere;background:0 0;border-color:#0000;align-content:start;justify-items:center;gap:.5rem;min-block-size:7.5rem;inline-size:calc(100% - .4rem);padding:.25rem .4rem .75rem;display:grid;position:relative}.station-properties__rail button[aria-pressed=true]{border-color:var(--station-rail);background:color-mix(in oklch, var(--station-rail) 12%, var(--surface))}.station-properties__node{border:3px solid var(--station-rail);background:var(--surface);border-radius:50%;place-items:center;block-size:2.2rem;inline-size:2.2rem;font-size:.8rem;display:grid}.station-properties__selection{border-inline-start:4px solid var(--station-rail);margin-block:1rem;padding-inline-start:1rem}.station-properties__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.station-properties__card{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;min-inline-size:0;overflow:clip}.station-properties__photo{aspect-ratio:3/2;background:var(--bg);place-items:center;display:grid}.station-properties__photo img{-o-object-fit:contain;object-fit:contain;block-size:100%;inline-size:100%}.station-properties__photo span{color:var(--ink-muted);font-size:.85rem}.station-properties__card-body{padding:1rem}.station-properties__card h4{overflow-wrap:anywhere;margin-block:0 .5rem;font-size:1.05rem}.station-properties__card p{overflow-wrap:anywhere;margin-block:.4rem}.station-properties__card a{color:var(--accent);text-underline-offset:.2em;align-items:center;display:inline-flex}.station-properties__price{font-variant-numeric:tabular-nums;font-weight:600}.station-properties__error{border-inline-start:3px solid #e85a48;border-inline-start:3px solid lab(57.7201% 55.3476 40.5147);padding-inline-start:.8rem}@media (hover:hover) and (pointer:fine){.station-properties :is(button,a):hover{background:color-mix(in oklch, var(--accent) 12%, var(--surface))}}.station-properties__journey{border:1px solid var(--line);border-radius:.8rem;margin-block:1rem;padding:1rem}.station-properties summary{cursor:pointer;box-sizing:border-box;min-block-size:44px;padding-block:.65rem}.station-properties summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.station-properties summary:active{background:color-mix(in oklch, var(--accent) 18%, var(--surface))}.station-properties input[type=number]{border:1px solid var(--line);inline-size:100%;color:var(--ink);background:var(--surface);border-radius:.65rem;padding:.65rem}.station-properties__rail small{color:var(--ink-muted);font-size:.75rem}.station-properties__rail [data-route=unavailable] .station-properties__node{border-color:var(--ink-muted)}.station-properties__selection h3{margin:0;font-size:1.1rem}.station-properties__commute{border-block:1px solid var(--line);margin-block:.75rem}.station-properties__active-limit{color:var(--accent);overflow-wrap:anywhere;margin-inline-start:.65rem;font-size:.9rem;display:inline}.station-properties__clear{margin-block-end:.5rem}.station-properties__estimates{color:var(--ink-muted);margin-block:1rem;font-size:.9rem}.station-properties__estimates p{max-inline-size:75ch}@media (hover:hover) and (pointer:fine){.station-properties summary:hover{color:var(--accent)}}.station-properties__skeleton{pointer-events:none}.station-properties__loading-label{font-weight:600}.station-properties__loading-summary{box-sizing:border-box;min-block-size:44px;padding-block:.65rem}.station-properties__loading-bar{background:var(--line);border-radius:.25rem;inline-size:7ch;max-inline-size:100%;display:inline-block}.station-properties__results{min-block-size:9rem;display:flow-root}
