@layer components{.records-page{width:100%;max-width:52rem;padding:var(--space-5) var(--space-4) var(--space-7);gap:var(--space-6);align-content:start;margin:0 auto;display:grid}.records-title{letter-spacing:-.015em;font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);font-weight:700;line-height:1.12}.records-head{gap:var(--space-4);display:grid}.records-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}.records-page .swatch{vertical-align:-.05em;margin-right:.35em;display:inline-block}.board{gap:var(--space-3);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);margin:calc(var(--space-2) * -1) 0 0;grid-auto-columns:minmax(10.5rem,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.board__tile{scroll-snap-align:start;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--deck-night);color:var(--deck-white);border-radius:var(--radius-panel);border-bottom:4px solid var(--plate-yellow);text-decoration:none;display:grid}.board__tile:hover,.board__tile:focus-visible{background:color-mix(in srgb, var(--deck-night) 85%, var(--plate-yellow))}.board__figure{font-family:var(--typeface-data);color:var(--deck-yellow);white-space:nowrap;font-size:1.15rem;font-weight:700}.board__what{opacity:.85;font-size:.85rem}.record{gap:var(--space-4);padding:var(--space-5);background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius-panel);box-shadow:var(--panel-shadow);scroll-margin-top:var(--space-4);display:grid}.record h2{margin-top:calc(var(--space-2) * -1);font-size:1.45rem;font-weight:700;line-height:1.2}.record__kicker{letter-spacing:.08em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-chip);background:var(--plate-yellow);color:var(--plate-ink);justify-self:start;font-size:.75rem;font-weight:700}.record--plain{box-shadow:none;background:0 0;border-style:dashed}.record__figure{font-family:var(--typeface-data);font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:700;line-height:1.1}.record__line{font-size:1.05rem;line-height:1.55}.record__note{color:var(--muted-ink);font-size:.95rem}.odometer{align-items:center;gap:var(--space-3);justify-self:start;display:inline-flex}.odometer__wheels{background:var(--deck-night);border-radius:6px;gap:3px;padding:6px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff14}.odometer__wheel{width:.72em;height:1.2em;color:var(--deck-white);font-family:var(--typeface-data);text-align:center;background:linear-gradient(#000,#2a2a26 30% 70%,#000);border-radius:3px;font-weight:700;line-height:1.2em;display:block;position:relative;overflow:hidden}.odometer__strip{flex-direction:column;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);display:flex}.odometer--big{font-size:clamp(2.4rem,1.4rem + 5vw,4rem)}.odometer--small{font-size:clamp(1.8rem,1.2rem + 3vw,2.6rem)}.odometer__unit{color:var(--ink-2);font-size:1.1rem;font-weight:700}@media (prefers-reduced-motion:reduce){.odometer__strip,.compare__bar{transition:none}}.laps{gap:var(--space-2);display:grid}.laps__rings{flex-wrap:wrap;gap:5px;display:flex}.laps__ring{border:3px solid var(--route);background:var(--route-soft);border-radius:50%;width:18px;height:18px}.laps__ring--part{border-color:var(--line-strong);background:conic-gradient(var(--route) var(--part), transparent 0)}.laps figcaption{color:var(--ink-2)}.compare{gap:var(--space-2);display:grid}.compare__row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(7rem,11rem) 1fr auto;font-size:.95rem;display:grid}.compare__track{background:var(--wash);border-radius:0 4px 4px 0;height:14px}.compare__bar{background:var(--line-strong);border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:width 1.2s cubic-bezier(.2,.7,.2,1);display:block}.compare__row--hl .compare__bar{background:var(--route)}.compare__row--hl .compare__label{font-weight:700}.compare__value{font-family:var(--typeface-data);white-space:nowrap}@media (max-width:520px){.compare__row{grid-template-columns:1fr auto}.compare__track{grid-area:2/1/auto/-1}}.podium{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.podium__pick{gap:2px var(--space-2);text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;grid-template-columns:auto 1fr;min-height:44px;display:grid}.podium__pick[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:color-mix(in srgb, var(--plate-yellow) 18%, var(--surface))}.podium__place{color:var(--muted-ink);grid-row:span 2;padding-top:2px;font-size:.85rem;font-weight:700}.podium__car{font-weight:600}.podium__figure{font-family:var(--typeface-data);color:var(--ink-2);font-size:.85rem}.toggle{border:1px solid var(--line-strong);border-radius:var(--radius);flex-wrap:wrap;justify-self:start;display:inline-flex;overflow:hidden}.toggle button{padding:var(--space-2) var(--space-3);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;font-size:.9rem;font-weight:600}.toggle button+button{border-left:1px solid var(--line-strong)}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chart{gap:var(--space-2);display:grid}.chart__readout{min-height:3em;padding:var(--space-2) var(--space-3);background:var(--wash);border-radius:var(--radius);line-height:1.45}.chart__hint{color:var(--muted-ink);font-size:.85rem}.chart__table summary{cursor:pointer;color:var(--ink-2);font-weight:600}.chart__table table{margin-top:var(--space-2);border-collapse:collapse;width:100%;font-size:.95rem}.chart__table th,.chart__table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--line)}.columns{max-width:100%;display:block;overflow:visible}.columns text{font-family:var(--typeface-data);fill:var(--muted-ink);font-size:13px}.agerows__band{margin:0 0 var(--space-1);color:var(--route);text-align:right;font-size:.8rem;font-weight:700}.agerows__band span:before{content:"";vertical-align:-.1em;background:var(--route-soft);border:1px solid var(--route);border-radius:2px;width:.9em;height:.9em;margin-right:.4em;display:inline-block}.agerows__list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.agerows__row,.agerows__axis{align-items:center;gap:var(--space-2);width:100%;padding:0 var(--space-2);grid-template-columns:2.6rem minmax(0,10rem) 1fr;display:grid}@media (max-width:640px){.agerows__row,.agerows__axis{gap:var(--space-1);padding:0 var(--space-1);grid-template-columns:2.2rem minmax(0,7.6rem) 1fr}}.agerows__row{border-radius:var(--radius);min-height:30px;color:var(--ink);text-align:left;cursor:pointer;background:0 0}.agerows__row:hover,.agerows__row.is-active{background:var(--wash)}.agerows__year{font-family:var(--typeface-data);color:var(--muted-ink);font-size:.85rem}.agerows__car{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.agerows__model{font-weight:400}.agerows__track{border-left:1px solid var(--line-strong);align-self:stretch;position:relative}.agerows__track:before{content:"";border-top:1px dotted var(--line-strong);position:absolute;top:50%;left:0;right:0}.agerows__dot{background:var(--route);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%}.agerows__row--podium .agerows__dot{background:var(--plate-yellow);border:1.5px solid var(--ink);width:16px;height:16px;margin:-8px 0 0 -8px}.agerows__row.is-active .agerows__dot,.agerows__row:focus-visible .agerows__dot{box-shadow:0 0 0 2px var(--ink)}.agerows__axis{margin-top:var(--space-1)}.agerows__ticks{border-top:1px solid var(--line-strong);height:1.2rem;position:relative}.agerows__ticks span{font-family:var(--typeface-data);color:var(--muted-ink);font-size:.75rem;position:absolute;top:2px;transform:translate(-50%)}.agerows__ticks span:first-child{transform:none}.makebars{gap:2px;margin:0;padding:0;list-style:none;display:grid}.makebars__row{align-items:center;gap:var(--space-3);width:100%;padding:5px var(--space-2);border-radius:var(--radius);color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:7.5rem 1fr 4.5rem;min-height:32px;display:grid}.makebars__row:hover,.makebars__row.is-active{background:var(--wash)}.makebars__make{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.makebars__track{height:12px}.makebars__bar{background:var(--route);border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:width .5s;display:block}.makebars__row.is-active .makebars__bar{background:var(--plate-yellow);box-shadow:inset 0 0 0 1px var(--plate-edge)}.makebars__value{font-family:var(--typeface-data);text-align:right;font-size:.85rem}.columns__grid{stroke:var(--line);stroke-width:1px}.columns__col{cursor:pointer;outline:none}.columns__hit{fill:#0000}.columns__col:hover .columns__hit,.columns__col.is-active .columns__hit{fill:var(--wash)}.columns__bar{fill:var(--route);transition:d .4s}.columns__col.is-active .columns__bar,.columns__col:focus-visible .columns__bar{fill:var(--plate-yellow);stroke:var(--plate-edge)}.columns__col--muted .columns__bar{fill:var(--line-strong)}.columns__flag{font-weight:700}.chart__caption{margin:0 0 var(--space-2);color:var(--muted-ink);font-size:.9rem}.lastones{gap:var(--space-4);display:grid}.lastones__picks{gap:var(--space-2);flex-wrap:wrap;display:flex}.lastones__picks button{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:baseline;font-size:.9rem;font-weight:600;display:inline-flex}.lastones__picks button span{color:var(--muted-ink);font-size:.8rem;font-weight:400}.lastones__picks button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lastones__picks button[aria-pressed=true] span{color:var(--paper);opacity:.8}.lastones__figure{gap:var(--space-3);display:grid}.lastones__big{font-family:var(--typeface-data);margin-right:.15em;font-size:2rem;font-weight:700}.lastones__key{margin-top:var(--space-1);color:var(--muted-ink);font-size:.85rem;display:block}.dots{grid-template-columns:repeat(auto-fill,8px);gap:3px;display:grid}.dot{background:var(--line);border-radius:50%;width:8px;height:8px}.dot--lit{background:var(--plate-yellow);box-shadow:0 0 0 2px var(--ink);transform:scale(1.25)}.lastones__link{justify-self:start;font-weight:600}.records-cta{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel)}.records-cta a{font-weight:700}@media (max-width:520px){.makebars__row{gap:var(--space-2);grid-template-columns:6.5rem 1fr 3.5rem}}.share-record{justify-self:start;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;font-size:.9rem;font-weight:600;display:inline-flex}.share-record:hover{background:var(--wash)}}