/* Best Little Muffler Shop in Texas — Theme A (Industrial)
   Levers (pre-assigned, design-system §6): safety-yellow accent + bolt
   divider + plate wordmark. See README.md for sibling-proof against
   central-tx-truck (orange/hazard/underbar) and brownwood-glass-alignment
   (orange/blade/plain). */
:root{
  --font-display:"Oswald",system-ui,sans-serif;
  --display-transform:uppercase; --display-weight:700; --display-tracking:.005em; --display-lh:1.0;
  --paper:#e9eaec; --surface:#ffffff; --surface-2:#d8dade;
  --ink:#17191c; --ink-soft:#3d4147; --ink-faint:#6b7078;
  --line:#c3c7cd; --line-strong:#9aa0a8;
  --brand:#1c2024; --on-brand:#eef0f2;
  --accent:#f5b301; --on-accent:#1a1a1a;          /* safety-yellow */
  --accent-2:#2b2f34;
  --radius:2px; --radius-lg:3px; --border-w:3px; --rule-w:1px;
  --shadow:none; --lift:0px;
  --divider-color:#9aa0a8; --divider-accent:var(--accent);
  --slot-bg:#eceef0; --slot-line:#9aa0a8; --slot-tag-bg:#17191c;

  /* lever: plate wordmark — no header underbar (leave --header-underbar unset, defaults to 0) */

  /* photo hero — Theme A steel-dark tint (matches central-tx-truck flagship) */
  --hero-tint-a:#101317;   /* content side — steel near-black */
  --hero-tint-b:#242b32;   /* photo side  — cool steel        */
  --hero-bar:3px;
}

/* site-specific overrides */
.wordmark__name{max-width:14ch;font-size:clamp(1rem,4.4vw,1.4rem)}
@media(min-width:420px){.wordmark__name{max-width:none}}

/* two-lane router: keep both lanes reading as equally weighted choices,
   not a primary/secondary pair, since neither job is "less than" the other */
.lane{display:flex;flex-direction:column}
.lane p{flex:1}

/* hours card: reuse .kicker as a compact sub-label between the two hour
   lists (shop vs U-Haul) without inventing a new component */
.info-card .kicker{margin-top:0}