/* The truck questions (2026-10-16): trim, then 2WD or 4WD, as taps.
   Loaded only by the truck page and My truck -- theme.css is at its budget.
   The Apple pass: 17 px body, 13 px small, one gold for the picked answer,
   solid fills, no outlines, 44 px tall taps, 8 px between them. */
.tq { position: relative; margin: 0 0 16px; padding: 16px; border: 0; border-radius: var(--radius);
  background: var(--ink-1); min-width: 0; }
.tq-q { padding: 0; margin: 0 0 4px; font-family: var(--font-body); font-size: 17px;
  font-weight: 600; line-height: 1.3; color: var(--text-0); text-transform: none; letter-spacing: 0; }
.tq-opt { margin-left: 6px; font-size: 13px; font-weight: 400; color: var(--text-2); }
.tq-why { margin: 0 0 8px; font-size: 13px; line-height: 1.4; color: var(--text-2); }
.tq-chips { display: flex; flex-wrap: wrap; gap: 8px; }
/* Scoped twice: the pages' own form rules give every label a margin and a
   size of their own (10 px apart, 13 px on My truck). */
.tq .tq-chips .tq-chip { position: relative; display: inline-flex; margin: 0; padding: 0;
  font-size: 17px; }
/* The real radio stays in the page, for the keyboard and a screen reader. */
.tq-chip input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
  opacity: 0; cursor: pointer; }
.tq .tq-chips .tq-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px;
  border-radius: var(--radius); background: var(--ink-3); color: var(--text-0);
  font-size: 17px; font-weight: 600; line-height: 1.2; }
/* A cab's doors, under its name: "4 full doors". */
.tq .tq-chips .tq-chip span:has(.tq-hint) { flex-direction: column; align-items: flex-start;
  justify-content: center; padding: 6px 16px; }
.tq-hint { display: block; font-size: 13px; font-weight: 400; line-height: 1.3; color: var(--text-2); }
.tq .tq-chips .tq-chip input:checked + span .tq-hint { color: var(--ink-0); }
.tq .tq-chips .tq-chip.is-unsure span { color: var(--text-2); font-weight: 400; }
.tq .tq-chips .tq-chip input:checked + span { background: var(--gold-500); color: var(--ink-0); font-weight: 600; }
.tq-chip input:focus-visible + span { outline: 2px solid var(--gold-300); outline-offset: 2px; }
.tq-menu { width: 100%; min-height: 44px; font-size: 17px; }
.my-truck-form .tq { flex: 1 1 100%; background: var(--ink-2); }
/* The one-tap question on a kit's or part's page: each answer a button that
   saves it and comes back (POST /truck/answer). */
.fit-ask { margin: 8px 0 12px; }
.fit-ask .tq-tap { display: inline-flex; flex-direction: column; align-items: flex-start;
  justify-content: center; min-height: 44px; margin: 0; padding: 6px 16px; border: 0;
  border-radius: var(--radius); background: var(--ink-3); color: var(--text-0);
  font-family: var(--font-body); font-size: 17px; font-weight: 600; line-height: 1.2;
  text-align: left; cursor: pointer; }
.fit-ask .tq-tap:focus-visible { outline: 2px solid var(--gold-300); outline-offset: 2px; }