@layer components{.city-band--tint{background-color:var(--color-paper-2);--city-rule:color-mix(in oklab, var(--color-ink) 11%, var(--color-paper-2))}.city-band--night{background-color:var(--color-night);color:var(--color-ink-on-night);--city-rule:#ffffff1f;--color-focus:var(--color-focus-on-night)}@supports (color:lab(0% 0 0)){.city-band--night{--city-rule:lab(100% 0 0/.12)}}.page--banded .page__masthead{border-block-end:none}.page--banded .page__masthead+section{margin-block-start:0}.city__options-band{margin-block-start:var(--space-3xl);padding-block:clamp(3.5rem,9vw,6.5rem) clamp(3rem,7vw,5.5rem)}.city__rules-band{margin-block-start:var(--space-3xl);padding-block:clamp(3rem,7vw,5rem)}.city__app-band{padding-block:clamp(4rem,9vw,6.5rem)}.city__directory-band{margin-block-start:var(--space-3xl);padding-block:clamp(3.5rem,8vw,6rem)}.city__schemes-band{padding-block:clamp(4.5rem,11vw,8rem)}.city__schemes-body{max-inline-size:60ch;font-size:var(--text-md);color:var(--color-muted-on-night);margin-block-start:var(--space-md);line-height:1.55}.city__options{border-block-start:var(--rule-hair) solid var(--city-rule);margin:clamp(2.5rem,6vw,4.5rem) 0 0;padding:0;list-style:none}.city__option{gap:var(--space-2xs) var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--city-rule);grid-template-columns:auto minmax(0,1fr);display:grid}.city__option[data-kind=garage]{--row-hue:var(--color-cat-garage-ink)}.city__option[data-kind=street]{--row-hue:var(--color-cat-street-ink)}.city__option[data-kind=ev]{--row-hue:var(--color-cat-ev-ink)}.city__option[data-kind=accessible]{--row-hue:var(--color-cat-access-ink)}.city__glyph{border-radius:var(--radius-sm);block-size:40px;inline-size:40px;color:var(--row-hue);background-color:color-mix(in oklab, var(--row-hue) 13%, var(--color-paper-3));grid-area:1/1/span 2;align-self:start;place-items:center;display:grid}.city__option h3{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.025em;color:var(--color-ink);grid-column:2;font-weight:600}.city__option p{color:var(--color-muted);grid-column:2;max-inline-size:52ch}@media (min-width:48rem){.city__option{align-items:baseline;gap:var(--space-lg);padding-block:var(--space-xl);grid-template-columns:auto clamp(12rem,22vw,16rem) minmax(0,1fr)}.city__glyph{grid-row:auto;align-self:center}.city__option h3,.city__option p{grid-column:auto}}.city__zones{margin-block-start:clamp(2.5rem,6vw,4rem)}.city__zone{border-block-start:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-lg)}.city__zone-name{margin-block-end:var(--space-xs);font-size:1.0625rem;font-weight:600}.city__zone-body{max-inline-size:46rem;color:var(--color-muted);font-size:.9375rem;line-height:1.6}.city__zone-tip{color:var(--color-ink-2);margin-block-start:var(--space-sm);font-size:.875rem}.city__zone-tip:before{content:"→ " / ""}.city__directory{gap:var(--space-xl) var(--space-lg);grid-template-columns:1fr;margin-block-start:clamp(2.5rem,6vw,4rem);display:grid}@media (min-width:40rem){.city__directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.city__directory{grid-template-columns:repeat(3,minmax(0,1fr))}}.city__region-name{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-2);margin-block-end:var(--space-sm);font-size:.6875rem;font-weight:500}.city__region-list{gap:var(--space-md);display:grid}.city__region-blurb{color:var(--color-muted);max-inline-size:32rem;margin-block-start:var(--space-3xs);font-size:.8125rem;line-height:1.5}.city__region-list a{color:var(--color-ink-2);border-block-end:var(--rule-hair) solid transparent;transition:color .2s var(--ease-cinema), border-block-end-color .2s var(--ease-cinema);font-size:.9375rem;text-decoration:none}.city__region-list a:hover{color:var(--color-accent);border-block-end-color:currentColor}.city__steps{gap:var(--space-lg);grid-template-columns:1fr;margin-block-start:clamp(2.5rem,6vw,4rem);display:grid}@media (min-width:48rem){.city__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.city__step-ordinal{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-muted);margin-block-end:var(--space-xs);font-size:.6875rem;font-weight:500;display:block}.city__step h3{margin-block-end:var(--space-xs);font-size:1.0625rem;font-weight:600}.city__step p{color:var(--color-muted);font-size:.9375rem;line-height:1.6}.city-band--tint .page__card{border-color:var(--city-rule)}.city__rules-band .page__cards{margin-block-start:clamp(2.5rem,6vw,4rem)}.city-band--night .city__step{border-block-start:var(--rule-hair) solid var(--city-rule);padding-block-start:var(--space-lg)}.city-band--night .city__step-ordinal{color:var(--color-accent-bright)}.city-band--night .city__step p{color:var(--color-muted-on-night)}}.city-band--tint .section-head,.city-band--night .section-head,.page--banded .page__section .section-head,.city-band--tint .section-head__lede,.city-band--night .section-head__lede,.page--banded .page__section .section-head__lede{max-width:none}