@layer components{.garage-page{width:100%;max-width:72rem;padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-5);align-content:start;margin:0 auto;display:grid}.garage-head{gap:var(--space-3);max-width:44rem;display:grid}.garage-kicker{font-family:var(--typeface-data);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-ink);font-size:.8rem}.garage-title{letter-spacing:-.02em;font-size:clamp(2rem,1.3rem + 3vw,3.25rem);font-weight:700;line-height:1.05}.garage-lead{color:var(--ink-2);border-left:6px solid var(--plate-yellow);padding-left:var(--space-4);font-size:1.15rem;line-height:1.5}.garage-lenses{gap:var(--space-2);scrollbar-width:none;margin:0 calc(var(--space-4) * -1);padding:2px var(--space-4);display:flex;overflow-x:auto}.garage-lenses::-webkit-scrollbar{display:none}.garage-lens{border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);border-radius:999px;flex:none;padding:.45rem .9rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}.garage-lens:hover{border-color:var(--line-strong)}.garage-lens[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.garage-lens:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.garage-stage{gap:var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"now""map""player""legend""focus";display:grid}.garage-stage__map{grid-area:map;align-self:stretch}.garage-now{grid-area:now}.garage-stage__legend{grid-area:legend}.garage-focus{grid-area:focus}.garage-player{grid-area:player}@media (min-width:52rem){.garage-stage{column-gap:var(--space-6);grid-template:"map now""map legend""map focus"1fr"player player"/minmax(0,1.2fr) minmax(18rem,1fr);align-items:start}}.garage-stage__map{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);padding:var(--space-3)}.garage-map{width:100%;height:auto;max-height:min(78vh,60rem);margin:0 auto;display:block;overflow:visible}.garage-map__region{stroke:var(--garage-edge);stroke-width:.6px;cursor:pointer;outline:none;transition:fill .45s,opacity .2s}.is-still .garage-map__region{transition:none}.garage-map__region:hover{opacity:.86}.garage-map__region.is-selected,.garage-map__region:focus-visible{stroke:var(--ink);stroke-width:2.4px;paint-order:stroke}.garage-map__borders{fill:none;stroke:var(--garage-edge);stroke-width:1.6px;stroke-linejoin:round;pointer-events:none}.garage-map__ni{fill:var(--garage-ni)}.garage-map__ni-label{fill:var(--muted-ink);text-anchor:middle;font-size:15px}.garage-map__inset{fill:none;stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 3}.garage-map__inset-label{fill:var(--muted-ink);font-size:14px;font-weight:700}.garage-map__value{font-family:var(--typeface-data);fill:var(--ink);stroke:var(--surface);stroke-width:3.5px;stroke-linejoin:round;paint-order:stroke;text-anchor:middle;pointer-events:none;font-size:15px;font-weight:700}.garage-map__value--big{font-size:22px}@media (max-width:30rem){.garage-map__value{stroke-width:5px;font-size:22px}.garage-map__value--big{font-size:30px}}.garage-now{gap:var(--space-2);display:grid}.garage-now__plate{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.garage-plate{font-family:var(--typeface-plate);letter-spacing:.04em;background:var(--plate-yellow);color:var(--plate-ink);border:1.5px solid var(--plate-edge);text-align:center;font-variant-numeric:tabular-nums;border-radius:4px;min-width:3.4rem;padding:.2rem .6rem .15rem;font-size:2rem;font-weight:700;line-height:1}.garage-now__span{color:var(--muted-ink);font-size:.95rem}.garage-now__big{letter-spacing:-.03em;align-items:center;gap:var(--space-3);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,2rem + 2.5vw,3.6rem);font-weight:800;line-height:1;display:flex}.garage-now__swatch{border:1px solid var(--swatch-edge);border-radius:50%;flex:none;width:.8em;height:.8em;transition:background-color .45s}.garage-now__words{color:var(--ink-2);font-size:1.05rem}.garage-now__ends{color:var(--ink-2);font-size:.95rem;line-height:1.5}.garage-legend{gap:var(--space-1);display:grid}.garage-legend__ramp{grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:12px;display:grid}.garage-legend__ramp span:first-child{border-radius:4px 0 0 4px}.garage-legend__ramp span:last-child{border-radius:0 4px 4px 0}.garage-legend__ends{font-family:var(--typeface-data);color:var(--muted-ink);justify-content:space-between;font-size:.8rem;display:flex}.garage-legend__note{color:var(--muted-ink);font-size:.85rem}.garage-legend__makes{gap:var(--space-1) var(--space-3);color:var(--muted-ink);flex-wrap:wrap;font-size:.9rem;display:flex}.garage-legend__makes .is-showing{color:var(--ink);font-weight:600}.garage-legend__dot{vertical-align:-.05em;border:1px solid var(--swatch-edge);border-radius:50%;width:.7rem;height:.7rem;margin-right:.35rem;display:inline-block}.garage-focus{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius-panel);padding:var(--space-4);gap:var(--space-2);min-height:6rem;display:grid}.garage-focus__hint{color:var(--muted-ink);align-self:center}.garage-focus__name{align-items:center;gap:var(--space-2);font-size:1.15rem;font-weight:700;display:flex}.garage-focus__tag{font-family:var(--typeface-plate);background:var(--plate-white);color:var(--plate-ink);border:1px solid var(--plate-edge);border-radius:3px;padding:0 .35rem;font-size:1.05rem}.garage-focus__close{color:var(--muted-ink);min-width:44px;min-height:32px;margin-left:auto;padding:0 .3rem;font-size:1.4rem;line-height:1}.garage-focus__reading{color:var(--ink-2)}.garage-detail{gap:var(--space-2);display:grid}.garage-detail h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-ink);margin-top:var(--space-2);font-size:.78rem}.garage-detail__count{color:var(--ink-2)}.garage-detail__makes{gap:2px;display:grid}.garage-detail__makes li{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.garage-detail__facts{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.garage-detail__facts dt{color:var(--muted-ink);font-size:.8rem}.garage-detail__facts dd{font-weight:700}.split{gap:var(--space-1);display:grid}.split__bar{gap:2px;height:12px;display:flex}.split__bar span{min-width:2px;transition:flex-grow .45s}.split__bar span:first-child{border-radius:4px 0 0 4px}.split__bar span:last-child{border-radius:0 4px 4px 0}.split__key{gap:0 var(--space-3);color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:.85rem;display:flex}.garage-player{gap:var(--space-3);background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.garage-play{background:var(--route);width:3.25rem;height:3.25rem;color:var(--route-ink);border-radius:50%;place-items:center;transition:transform .1s;display:grid;box-shadow:0 2px 6px #0000002e}.garage-play:active{transform:scale(.95)}.garage-play:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.garage-player__track{gap:0;min-width:0;display:grid}.garage-slider{width:100%;accent-color:var(--route);margin:0}.timeline{touch-action:none;cursor:pointer;min-width:0}.timeline__svg{display:block;overflow:visible}.timeline__grid{stroke:var(--line);stroke-width:1px}.timeline__gridlabel{font-family:var(--typeface-data);fill:var(--muted-ink);text-anchor:end;font-size:10px}.timeline__line{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.timeline__line--region{stroke:var(--series-2)}.timeline__dot{fill:var(--ink);stroke:var(--surface);stroke-width:2px}.timeline__dot--region{fill:var(--series-2)}.timeline__now{stroke:var(--route);stroke-width:2px}.timeline__tick{font-family:var(--typeface-data);fill:var(--muted-ink);text-anchor:middle;font-size:11px}.timeline__bed{fill:var(--wash);rx:3px}.timeline__cell{transition:fill .3s}.timeline__key{color:var(--muted-ink);flex-wrap:wrap;align-items:center;gap:.3rem .5rem;font-size:.8rem;display:flex}.timeline__swatch{background:var(--ink);border-radius:2px;width:14px;height:3px;display:inline-block}.timeline__swatch--region{background:var(--series-2);margin-left:var(--space-2)}@media (max-width:51.99rem){.timeline__key{display:none}}.garage-story{max-width:44rem;font-size:1.2rem;font-weight:600;line-height:1.5}.garage-section{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--line);display:grid}.garage-section h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.garage-section__lead{color:var(--ink-2);max-width:44rem}.grid{gap:2px;display:grid}.grid__head,.grid__row{gap:var(--space-2);grid-template-columns:minmax(6.5rem,11rem) minmax(0,1fr);align-items:center;display:grid}.grid__years{height:1.1rem;position:relative}.grid__years span{font-family:var(--typeface-data);color:var(--muted-ink);font-size:.75rem;position:absolute}.grid__name{text-align:right;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:.85rem;overflow:hidden}.grid__row.is-selected .grid__name{color:var(--ink);font-weight:700}.grid__cells{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;height:1.15rem;display:grid}.grid__cell{border-radius:1px;min-width:0;padding:0;transition:background-color .3s}.grid--paint .grid__cell{box-shadow:inset 0 0 0 .5px var(--swatch-edge)}.grid__cell.is-now{outline:2px solid var(--ink);outline-offset:0;z-index:1;position:relative}.grid__row.is-selected .grid__cells{outline:1px solid var(--line-strong);outline-offset:1px}@media (max-width:30rem){.grid__head,.grid__row{grid-template-columns:5.5rem minmax(0,1fr)}.grid__name{font-size:.75rem}}.garage-notes ul{gap:var(--space-3);max-width:48rem;padding-left:1.1rem;list-style:outside;display:grid}.garage-notes li{color:var(--ink-2);line-height:1.55}.garage-notes__source,.garage-notes__more{color:var(--muted-ink);max-width:48rem;font-size:.9rem;line-height:1.55}.garage-notes a{color:var(--route)}}
