/* ==========================================================================
   Thirty3Garage — Prototype v1 theme
   Layered on Bootstrap 5.3.8. Tokens come from brand-concepts/version-1.
   Layout = Bootstrap grid. This file only sets brand tokens + brand components.
   ========================================================================== */

:root {
  --t33-graphite: #1B1E21;
  --t33-gunmetal: #2B3035;
  --t33-steel: #5B6166;
  --t33-alloy: #E3E4DF;
  --t33-alloy-deep: #D2D4CE;
  --t33-plate: #F6F6F1;
  --t33-yellow: #F4C12E;
  --t33-yellow-hover: #FFCF45;
  --t33-yellow-active: #E0AD1B;
  --t33-red: #D63A2F;
  --t33-green: #3F8F5B;

  --t33-display: "Big Shoulders Display", "Oswald", "Arial Narrow", Impact, sans-serif;
  --t33-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --t33-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Bootstrap overrides (light) */
  --bs-body-font-family: var(--t33-body);
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.55;
  --bs-body-bg: var(--t33-alloy);
  --bs-body-bg-rgb: 227, 228, 223;
  --bs-body-color: var(--t33-graphite);
  --bs-body-color-rgb: 27, 30, 33;
  --bs-secondary-color: var(--t33-steel);
  --bs-tertiary-bg: var(--t33-plate);
  --bs-emphasis-color: var(--t33-graphite);
  --bs-primary: var(--t33-yellow);
  --bs-primary-rgb: 244, 193, 46;
  --bs-dark: var(--t33-graphite);
  --bs-dark-rgb: 27, 30, 33;
  --bs-success: var(--t33-green);
  --bs-success-rgb: 63, 143, 91;
  --bs-danger: var(--t33-red);
  --bs-danger-rgb: 214, 58, 47;
  --bs-form-invalid-color: var(--t33-red);
  --bs-form-invalid-border-color: var(--t33-red);
  --bs-form-valid-color: var(--t33-green);
  --bs-form-valid-border-color: var(--t33-green);
  --bs-link-color: var(--t33-graphite);
  --bs-link-color-rgb: 27, 30, 33;
  --bs-link-hover-color: var(--t33-graphite);
  --bs-link-hover-color-rgb: 27, 30, 33;
  --bs-border-color: rgba(27, 30, 33, .18);
  --bs-border-color-translucent: rgba(27, 30, 33, .14);
  --bs-border-radius: .25rem;
  --bs-border-radius-sm: .1875rem;
  --bs-border-radius-lg: .375rem;
  --bs-border-radius-xl: .75rem;
  --bs-focus-ring-color: rgba(244, 193, 46, .55);
  --bs-heading-color: inherit;
}

[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: var(--t33-graphite);
  --bs-body-bg-rgb: 27, 30, 33;
  --bs-body-color: var(--t33-plate);
  --bs-body-color-rgb: 246, 246, 241;
  --bs-secondary-color: #A3A9AE;
  --bs-tertiary-bg: var(--t33-gunmetal);
  --bs-emphasis-color: #fff;
  --bs-link-color: var(--t33-yellow);
  --bs-link-color-rgb: 244, 193, 46;
  --bs-link-hover-color: var(--t33-yellow-hover);
  --bs-link-hover-color-rgb: 255, 207, 69;
  --bs-border-color: rgba(246, 246, 241, .14);
  --bs-border-color-translucent: rgba(246, 246, 241, .12);
}

body { -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 3px solid var(--t33-yellow); outline-offset: 2px; }
::selection { background: var(--t33-yellow); color: var(--t33-graphite); }

/* ---------- Type ---------- */
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--t33-display);
  text-transform: uppercase;
  line-height: .92;
  letter-spacing: .005em;
  text-wrap: balance;
}
h1, .h1 { font-weight: 900; }
h2, .h2 { font-weight: 900; font-size: calc(2rem + 1.8vw); }
h3, .h3 { font-weight: 800; }
h4, .h4 { font-weight: 800; }
@media (min-width: 1200px) { h2, .h2 { font-size: 3.6rem; } }
.display-1, .display-2, .display-3 { font-weight: 900; line-height: .86; }
.lead { font-weight: 400; line-height: 1.5; }

.eyebrow {
  font-family: var(--t33-mono);
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}
.font-mono { font-family: var(--t33-mono); font-variant-numeric: tabular-nums; }
.font-display { font-family: var(--t33-display); text-transform: uppercase; }
.text-yellow { color: var(--t33-yellow) !important; }
.bg-graphite { background-color: var(--t33-graphite) !important; }
.bg-gunmetal { background-color: var(--t33-gunmetal) !important; }
.bg-plate { background-color: var(--t33-plate) !important; }
.bg-yellow { background-color: var(--t33-yellow) !important; color: var(--t33-graphite); }
.measure { max-width: 60ch; }

/* ---------- Buttons ---------- */
.btn {
  --bs-btn-font-family: var(--t33-display);
  --bs-btn-font-weight: 800;
  --bs-btn-font-size: 1.1rem;
  --bs-btn-padding-y: .5rem;
  --bs-btn-padding-x: 1.1rem;
  --bs-btn-border-radius: var(--bs-border-radius);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.btn-lg { --bs-btn-font-size: 1.3rem; --bs-btn-padding-y: .7rem; --bs-btn-padding-x: 1.5rem; }
.btn-sm { --bs-btn-font-size: .95rem; }
.btn-primary {
  --bs-btn-color: var(--t33-graphite);
  --bs-btn-bg: var(--t33-yellow);
  --bs-btn-border-color: var(--t33-yellow);
  --bs-btn-hover-color: var(--t33-graphite);
  --bs-btn-hover-bg: var(--t33-yellow-hover);
  --bs-btn-hover-border-color: var(--t33-yellow-hover);
  --bs-btn-active-color: var(--t33-graphite);
  --bs-btn-active-bg: var(--t33-yellow-active);
  --bs-btn-active-border-color: var(--t33-yellow-active);
  --bs-btn-disabled-color: rgba(27, 30, 33, .6);
  --bs-btn-disabled-bg: var(--t33-yellow);
  --bs-btn-disabled-border-color: var(--t33-yellow);
  --bs-btn-focus-shadow-rgb: 244, 193, 46;
}
.btn-dark {
  --bs-btn-bg: var(--t33-graphite);
  --bs-btn-border-color: var(--t33-graphite);
  --bs-btn-hover-bg: var(--t33-gunmetal);
  --bs-btn-hover-border-color: var(--t33-gunmetal);
  --bs-btn-active-bg: #0F1113;
}
.btn-outline-dark {
  --bs-btn-color: var(--t33-graphite);
  --bs-btn-border-color: var(--t33-graphite);
  --bs-btn-hover-bg: var(--t33-graphite);
  --bs-btn-hover-border-color: var(--t33-graphite);
  border-width: 2px;
}
.btn-outline-light { border-width: 2px; }

/* Sign in with Apple / Google — body font, sentence case (platform guidelines) */
.btn-social {
  --bs-btn-font-family: var(--t33-body);
  --bs-btn-font-weight: 600;
  --bs-btn-font-size: 1rem;
  --bs-btn-padding-y: .7rem;
  --bs-btn-bg: #fff;
  --bs-btn-color: var(--t33-graphite);
  --bs-btn-border-color: rgba(27, 30, 33, .22);
  --bs-btn-hover-bg: var(--t33-plate);
  --bs-btn-hover-color: var(--t33-graphite);
  --bs-btn-hover-border-color: var(--t33-graphite);
  --bs-btn-active-bg: var(--t33-alloy);
  --bs-btn-active-border-color: var(--t33-graphite);
  text-transform: none;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
}
.btn-social.apple {
  --bs-btn-bg: #000; --bs-btn-color: #fff; --bs-btn-border-color: #000;
  --bs-btn-hover-bg: #1c1c1c; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #1c1c1c;
  --bs-btn-active-bg: #000; --bs-btn-active-color: #fff;
}
.btn-social svg { width: 1.15rem; height: 1.15rem; flex: none; }

/* Selectable chips — Bootstrap .btn-check + label */
.btn-chip {
  --bs-btn-font-family: var(--t33-body);
  --bs-btn-font-weight: 600;
  --bs-btn-font-size: .95rem;
  --bs-btn-padding-y: .45rem;
  --bs-btn-padding-x: .85rem;
  --bs-btn-bg: #fff;
  --bs-btn-color: var(--t33-graphite);
  --bs-btn-border-color: rgba(27, 30, 33, .22);
  --bs-btn-hover-bg: var(--t33-plate);
  --bs-btn-hover-border-color: var(--t33-graphite);
  --bs-btn-hover-color: var(--t33-graphite);
  --bs-btn-active-bg: var(--t33-graphite);
  --bs-btn-active-color: var(--t33-plate);
  --bs-btn-active-border-color: var(--t33-graphite);
  text-transform: none;
  letter-spacing: 0;
  border-radius: 999px;
}
.btn-check:checked + .btn-chip::before { content: "✓ "; color: var(--t33-yellow); font-weight: 800; }

/* ---------- Forms ---------- */
.form-label { font-weight: 600; font-size: .92rem; margin-bottom: .35rem; }
.form-text { color: var(--bs-secondary-color); font-size: .84rem; }
.form-control, .form-select {
  --bs-border-color: rgba(27, 30, 33, .24);
  background-color: #fff;
  padding-block: .65rem;
}
.form-control:focus, .form-select:focus {
  border-color: var(--t33-graphite);
  box-shadow: 0 0 0 .25rem rgba(244, 193, 46, .45);
}
.form-check-input:checked { background-color: var(--t33-graphite); border-color: var(--t33-graphite); }
.form-check-input:focus { border-color: var(--t33-graphite); box-shadow: 0 0 0 .25rem rgba(244, 193, 46, .45); }
.input-group-text { background: var(--t33-plate); border-color: rgba(27, 30, 33, .24); font-family: var(--t33-mono); }
.or-divider { display: flex; align-items: center; gap: 1rem; color: var(--bs-secondary-color); font-family: var(--t33-mono); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.or-divider::before, .or-divider::after { content: ""; flex: 1; height: 1px; background: var(--bs-border-color); }

/* ---------- Bootstrap components ---------- */
.card { --bs-card-bg: var(--t33-plate); --bs-card-border-color: rgba(27, 30, 33, .14); --bs-card-border-radius: .375rem; }
[data-bs-theme="dark"] .card { --bs-card-bg: var(--t33-gunmetal); --bs-card-border-color: transparent; }
.navbar-t33 { --bs-navbar-color: #B9BEC2; --bs-navbar-hover-color: var(--t33-yellow); --bs-navbar-active-color: var(--t33-plate); --bs-navbar-brand-color: var(--t33-plate); --bs-navbar-brand-hover-color: var(--t33-plate); background: var(--t33-graphite); color: var(--t33-plate); }
.navbar-t33 .brand-lockup, .navbar-t33 .brand-lockup:hover { color: var(--t33-plate); }
.navbar-t33 .nav-link { font-family: var(--t33-mono); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.accordion {
  --bs-accordion-bg: var(--t33-plate);
  --bs-accordion-border-color: rgba(27, 30, 33, .14);
  --bs-accordion-active-bg: var(--t33-plate);
  --bs-accordion-active-color: var(--t33-graphite);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(244, 193, 46, .45);
  --bs-accordion-btn-padding-y: 1.15rem;
}
.accordion-button { font-family: var(--t33-display); font-weight: 800; font-size: 1.3rem; text-transform: uppercase; letter-spacing: .02em; }
.accordion-button:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(27, 30, 33, .14); }
.nav-pills { --bs-nav-pills-link-active-bg: var(--t33-graphite); --bs-nav-pills-link-active-color: var(--t33-plate); --bs-nav-link-color: var(--t33-graphite); --bs-nav-link-hover-color: var(--t33-graphite); }
.nav-pills .nav-link { font-family: var(--t33-display); font-weight: 800; text-transform: uppercase; font-size: 1.15rem; letter-spacing: .03em; border: 2px solid var(--t33-graphite); }
.toast { --bs-toast-bg: var(--t33-graphite); --bs-toast-color: var(--t33-plate); --bs-toast-border-color: transparent; --bs-toast-header-bg: var(--t33-gunmetal); --bs-toast-header-color: var(--t33-plate); }
.offcanvas { --bs-offcanvas-bg: var(--t33-graphite); --bs-offcanvas-color: var(--t33-plate); }

/* ---------- Brand: mark & wordmark ---------- */
.plate { display: inline-block; flex: none; }
.plate svg { display: block; width: 100%; height: auto; }
.wordmark { font-family: var(--t33-display); text-transform: uppercase; line-height: .85; letter-spacing: -.005em; display: inline-block; }
.wordmark b { font-weight: 900; }
.wordmark span { font-weight: 500; }
.wordmark .three { font-weight: 900; }
[data-bs-theme="dark"] .wordmark .three, .on-dark .wordmark .three { color: var(--t33-yellow); }
.brand-lockup { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: inherit; }
.brand-lockup .plate { width: 2.6rem; }
.brand-lockup .wordmark { font-size: 1.35rem; }

/* ---------- Brand: hour meter ---------- */
.meter {
  display: inline-flex; align-items: baseline; gap: .6rem;
  background: #0F1113; border: 1px solid #3A4046; border-radius: .375rem;
  padding: .55rem .8rem .45rem; box-shadow: inset 0 2px 8px rgba(0, 0, 0, .6);
}
.meter-digits { font-family: var(--t33-mono); font-weight: 600; font-size: 1.6rem; letter-spacing: .06em; color: var(--t33-yellow); font-variant-numeric: tabular-nums; text-shadow: 0 0 12px rgba(244, 193, 46, .35); line-height: 1.1; }
.meter-digits .dim { color: #4C4630; text-shadow: none; }
.meter-unit { font-family: var(--t33-mono); font-size: .68rem; letter-spacing: .14em; color: #8E949A; }
.meter-sm .meter-digits { font-size: 1.1rem; }
.meter-sm { padding: .3rem .55rem .25rem; }

/* ---------- Brand: status plates ---------- */
.status { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--t33-display); font-weight: 800; text-transform: uppercase; font-size: .95rem; letter-spacing: .04em; padding: .3rem .7rem .22rem .6rem; border-radius: .1875rem; line-height: 1.1; white-space: nowrap; }
.status::before { content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
.status-ok { background: var(--t33-green); color: var(--t33-plate); }
.status-due { background: var(--t33-yellow); color: var(--t33-graphite); }
.status-over { background: var(--t33-red); color: var(--t33-plate); }
.status-info { background: var(--t33-graphite); color: var(--t33-plate); }
[data-bs-theme="dark"] .status-info { background: #3A4046; }

/* ---------- Brand: logbook ---------- */
.logbook { list-style: none; margin: 0; padding: 0; }
.logbook li { display: grid; grid-template-columns: 5.2rem 3.6rem minmax(0, 1fr); gap: .85rem; padding-block: .7rem; border-bottom: 1px dashed var(--bs-border-color); align-items: baseline; }
.logbook li:last-child { border-bottom: 0; }
.logbook .lb-date { font-family: var(--t33-mono); font-size: .74rem; color: var(--bs-secondary-color); letter-spacing: .04em; }
.logbook .lb-hrs { font-family: var(--t33-mono); font-size: .85rem; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.logbook .lb-entry { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: baseline; font-size: .95rem; }
.lb-type { font-family: var(--t33-display); font-weight: 800; text-transform: uppercase; font-size: .8rem; letter-spacing: .06em; padding: 0 .35rem; border: 1.5px solid currentColor; border-radius: .125rem; line-height: 1.35; }
.lb-ride { color: var(--bs-secondary-color); }
.lb-svc { color: var(--t33-green); }
.lb-dmg { color: var(--t33-red); }
.lb-buy { color: var(--bs-body-color); }
@media (max-width: 575.98px) { .logbook li { grid-template-columns: 4.3rem 3rem minmax(0, 1fr); gap: .6rem; } }

/* ---------- Brand: ownership chain ---------- */
.chain { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.owner { background: var(--t33-gunmetal); color: var(--t33-plate); border-radius: .1875rem; padding: .6rem .85rem; display: grid; gap: .1rem; min-width: 8rem; }
.owner b { font-family: var(--t33-display); font-weight: 800; text-transform: uppercase; font-size: 1.1rem; letter-spacing: .03em; line-height: 1.1; }
.owner small { font-family: var(--t33-mono); font-size: .66rem; color: #A3A9AE; letter-spacing: .04em; }
.owner-now { background: var(--t33-yellow); color: var(--t33-graphite); }
.owner-now small { color: #5E4A0E; }
.owner-next { background: transparent; border: 1.5px dashed rgba(246, 246, 241, .3); }
.chain-link { flex: 0 0 2rem; height: 10px; background: radial-gradient(circle at 5px 5px, #8E949A 3px, transparent 3.5px) 0 0 / 12px 10px repeat-x; }

/* ---------- Landing ---------- */
.hero { position: relative; overflow: hidden; }
.knurl { height: 10px; background: repeating-linear-gradient(90deg, var(--t33-gunmetal) 0 6px, var(--t33-graphite) 6px 9px); }
.hero-title { font-size: clamp(3.2rem, 8vw, 6.6rem); }
.hero-ghost { position: absolute; right: -2rem; bottom: -5rem; font-family: var(--t33-display); font-weight: 900; font-size: 34rem; line-height: 1; color: rgba(246, 246, 241, .03); pointer-events: none; user-select: none; }
.vehicle-strip { font-family: var(--t33-mono); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: #A3A9AE; }
.vehicle-strip span + span::before { content: "·"; margin-inline: .7rem; color: #5B6166; }
.section-pad { padding-block: 5.5rem; }
@media (max-width: 767.98px) { .section-pad { padding-block: 3.75rem; } }
.rule-top { border-top: 2px solid currentColor; }

.phone { width: 100%; max-width: 20rem; border-radius: 2.5rem; background: #0B0C0D; padding: .75rem; box-shadow: 0 30px 60px rgba(0, 0, 0, .5), inset 0 0 0 2px #33383D; }
.phone-screen { background: #131517; border-radius: 1.9rem; overflow: hidden; color: var(--t33-plate); padding: 1.1rem 1rem 1.25rem; }
.bike-photo { height: 7rem; position: relative; background: linear-gradient(160deg, transparent 40%, rgba(244, 193, 46, .18)), repeating-linear-gradient(135deg, #2F353A 0 14px, #283034 14px 28px); }
.due-track { height: 6px; background: #1C2024; border-radius: 3px; overflow: hidden; }
.due-track i { display: block; height: 100%; background: var(--t33-yellow); }

.step-num { font-family: var(--t33-display); font-weight: 900; font-size: 3.2rem; line-height: .8; color: var(--t33-yellow); -webkit-text-stroke: 1.5px var(--t33-graphite); }
.feature-card { height: 100%; }
.check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .55rem; }
.check-list li { display: flex; gap: .6rem; align-items: baseline; }
.check-list li::before { content: ""; flex: none; width: .6rem; height: .6rem; background: var(--t33-yellow); transform: translateY(-.05rem); box-shadow: 0 0 0 2px var(--t33-graphite); }
[data-bs-theme="dark"] .check-list li::before { box-shadow: none; }

.decal { background: var(--t33-plate); color: var(--t33-graphite); border-radius: .75rem; padding: 1rem; display: flex; gap: .9rem; align-items: center; max-width: 21rem; border: 3px solid var(--t33-graphite); box-shadow: 0 0 0 6px var(--t33-plate), 0 20px 40px rgba(0, 0, 0, .35); }
.qr { width: 5.5rem; aspect-ratio: 1; flex: none; display: grid; grid-template-columns: repeat(21, 1fr); }
.qr i.on { background: var(--t33-graphite); }

.story-plate { max-width: 22rem; }
.story-quote { font-family: var(--t33-display); font-weight: 800; text-transform: uppercase; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: .95; text-wrap: balance; }
.story-quote em { font-style: normal; background: var(--t33-yellow); color: var(--t33-graphite); padding: 0 .12em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }

.site-footer { font-size: .9rem; }
.site-footer a { color: #B9BEC2; text-decoration: none; }
.site-footer a:hover { color: var(--t33-yellow); }

/* ---------- Auth ---------- */
.auth-panel { position: relative; overflow: hidden; }
.auth-panel .hero-ghost { font-size: 26rem; bottom: -4rem; }
.auth-form { width: 100%; max-width: 27rem; }
.stepper { list-style: none; padding: 0; margin: 0; display: flex; gap: .35rem; }
.stepper li { flex: 1; display: grid; gap: .35rem; }
.stepper li::before { content: ""; height: 4px; border-radius: 2px; background: rgba(27, 30, 33, .14); }
.stepper li.done::before { background: var(--t33-graphite); }
.stepper li.current::before { background: var(--t33-yellow); }
.stepper span { font-family: var(--t33-mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: var(--t33-steel); }
.stepper li.current span { color: var(--t33-graphite); font-weight: 600; }

.pw-rules { list-style: none; padding: 0; margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: .82rem; color: var(--t33-steel); }
.pw-rules li::before { content: "○ "; }
.pw-rules li.met { color: var(--t33-green); }
.pw-rules li.met::before { content: "● "; }

.code-inputs { display: flex; gap: .5rem; }
.code-inputs input { width: 100%; min-width: 0; text-align: center; font-family: var(--t33-mono); font-size: 1.6rem; font-weight: 600; padding-block: .6rem; }

.avatar-upload { width: 6.5rem; height: 6.5rem; border-radius: 50%; background: var(--t33-graphite) center / cover no-repeat; color: var(--t33-yellow); display: grid; place-items: center; font-family: var(--t33-display); font-weight: 900; font-size: 2.2rem; cursor: pointer; position: relative; flex: none; border: 3px solid #fff; box-shadow: 0 0 0 1px rgba(27, 30, 33, .2); }
.avatar-upload .cam { position: absolute; right: -2px; bottom: -2px; width: 2rem; height: 2rem; border-radius: 50%; background: var(--t33-yellow); color: var(--t33-graphite); display: grid; place-items: center; border: 2px solid #fff; }
.avatar-upload .cam svg { width: 1rem; height: 1rem; }

.empty-bay { border: 2px dashed rgba(246, 246, 241, .25); border-radius: .5rem; }
.empty-bay .plate { width: 7rem; opacity: .95; }

/* ---------- Prototype switcher (not part of product UI) ---------- */
.proto-fab { position: fixed; left: 1rem; bottom: 1rem; z-index: 1080; --bs-btn-font-size: .85rem; box-shadow: 0 6px 20px rgba(0, 0, 0, .35); }
.proto-list a { color: var(--t33-plate); text-decoration: none; display: flex; justify-content: space-between; gap: 1rem; padding: .6rem .2rem; border-bottom: 1px solid rgba(246, 246, 241, .1); }
.proto-list a:hover, .proto-list a[aria-current="page"] { color: var(--t33-yellow); }
.proto-list small { font-family: var(--t33-mono); font-size: .68rem; color: #8E949A; letter-spacing: .06em; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }