.ride-us{--surface: var(--c-raised);--ink-strong: var(--c-ink);--ink-soft: var(--c-ink-2);--ink-faint: var(--c-ink-2);--ink-eyebrow: var(--c-ink-2);--rule: var(--c-rule);--rule-strong: var(--c-rule-strong);--focus: var(--c-focus);--field-border: var(--c-ink-2)}.ride-us{margin: 0;padding: var(--s-4);background: var(--c-raised);border-radius: var(--radius-panel);display: grid;gap: var(--s-3);min-width: 0}.ride-us__state{fill: var(--c-paper);stroke: var(--c-rule);stroke-width: 0.75;stroke-linejoin: round;vector-effect: non-scaling-stroke}.ride-us__state--on{fill: var(--c-night);stroke: var(--c-signal);stroke-width: 1.5;transition: fill var(--dur) var(--ease)}.ride-us a:hover .ride-us__state--on{fill: var(--c-rule)}.ride-us__dot{fill: var(--c-signal);stroke: var(--c-on-signal);stroke-width: 0.75;pointer-events: none}.ride-us__dot--approx{fill: var(--c-night);stroke: var(--c-signal);stroke-width: 1.5}@media (prefers-reduced-motion: reduce){.ride-us__state--on{transition: none}}.ride-states{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: minmax(0,1fr);border-top: var(--border-w) solid var(--c-rule-strong)}@media (min-width: 760px){.ride-states{grid-template-columns: repeat(2,minmax(0,1fr));column-gap: var(--s-6)}}@media (min-width: 1280px){.ride-states{grid-template-columns: repeat(3,minmax(0,1fr))}}.ride-state{display: grid;grid-template-columns: auto minmax(0,1fr);grid-template-areas: 'abbr name' 'abbr n';column-gap: var(--s-4);align-items: center;min-height: var(--target);padding: var(--s-4) 0;border-bottom: var(--rule-w) solid var(--rule);color: var(--ink-strong);text-decoration: none}.ride-state__abbr{grid-area: abbr;display: grid;place-items: center;width: 3.25rem;height: 3.25rem;background: var(--c-signal);color: var(--c-on-signal);border-radius: var(--radius-plate-sm);font-family: var(--font-display);font-weight: 900;font-size: 1.5rem}.ride-state__name{grid-area: name;font-family: var(--font-display);font-weight: var(--display-weight);font-size: 1.75rem;line-height: 1;text-transform: uppercase;overflow-wrap: anywhere;min-width: 0}.ride-state__n{grid-area: n;font-size: 0.9375rem;color: var(--ink-soft)}.ride-state:hover .ride-state__name{text-decoration: underline;text-decoration-color: var(--c-signal);text-underline-offset: 0.15em}.ride-state:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px}.ride-near{display: grid;gap: var(--s-3);justify-items: start}.ride-near__status{font-size: 0.9375rem;color: var(--ink-soft)}.ride-near__status:empty{display: none}.ride-near__list{list-style: none;margin: 0;padding: 0;width: 100%;counter-reset: near;border-top: var(--border-w) solid var(--c-rule-strong)}.ride-near__list:empty{display: none}.ride-near__item{counter-increment: near;display: grid;grid-template-columns: 2.75rem minmax(0,1fr);grid-template-areas: 'n link' 'n meta';column-gap: var(--s-3);padding: var(--s-3) 0;border-bottom: var(--rule-w) solid var(--rule)}.ride-near__item::before{content: counter(near);grid-area: n;align-self: start;display: grid;place-items: center;height: 2.75rem;background: var(--c-signal);color: var(--c-on-signal);border-radius: var(--radius-plate-sm);font-family: var(--font-display);font-weight: 900;font-size: 1.375rem}.ride-near__link{grid-area: link;display: inline-flex;align-items: center;min-height: var(--target);color: var(--ink-strong);font-family: var(--font-display);font-weight: var(--display-weight);font-size: 1.375rem;line-height: 1;text-transform: uppercase;text-decoration: underline;text-decoration-color: var(--c-signal);text-underline-offset: 0.15em;overflow-wrap: anywhere}.ride-near__meta{grid-area: meta;font-size: var(--t-xs);color: var(--ink-soft);overflow-wrap: anywhere}.ride-types{margin: 0;display: grid;border-top: var(--border-w) solid var(--c-rule-strong)}.ride-types__row{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-2) var(--s-4);padding: var(--s-3) 0;border-bottom: var(--rule-w) solid var(--rule)}@media (min-width: 640px){.ride-types__row{grid-template-columns: 11rem minmax(0,1fr);align-items: center}}.ride-types dt{font-family: var(--font-display);font-weight: var(--display-weight);font-size: 1.25rem;line-height: 1;text-transform: uppercase;color: var(--ink-strong)}.ride-types dd{margin: 0;min-width: 0}.ride-types .num{font-family: var(--font-mono);font-variant-numeric: tabular-nums slashed-zero;color: var(--ink-soft);margin-left: 0.3em}.ride-state__plate.plate-mark{grid-area: abbr;width: 3.25rem}
