/* home.css — index-only rules (T4). Tokens come from site.css; no new colors. */

/* ── COMPLIANCE: the license table sits right below the checklist,
   in the same column, beside the due-diligence card. ───────────── */
.compliance__docs {
  display: flex;
  flex-direction: column;
  gap: var(--s-6);
  min-width: 0;
}
.compliance__docs .doc__table th,
.compliance__docs .doc__table td { padding-right: var(--s-3); }

/* The due-diligence card's title and copy (T8: classes, not inline styles), and its own call to
   action (T7b), which sits between the copy and the seal grid, never stretched. */
.compliance__card-title { font-size: 24px; margin: 0 0 12px; }
.compliance__card-body { color: var(--fg-2); line-height: 1.7; margin: 0; }
.compliance__card-cta { margin-top: var(--s-4); }

/* The checklist metas are now phrases, not short codes: let a long one
   wrap to the right instead of squeezing the item name. */
.compliance__item-meta { max-width: 34ch; text-align: right; }
@media (max-width: 760px) {
  .compliance__item { grid-template-columns: 1fr; gap: var(--s-2); }
  .compliance__item-meta { max-width: none; text-align: left; padding-left: calc(14px + var(--s-3)); }
}

/* ── FACT SLOTS in places built for short values ──────────────────
   A slot in a stat numeral keeps the 44px line but is set smaller, so
   its dashed outline stays clear of the label below. */
.cov-stat__num .fact-slot { font-size: 0.6em; letter-spacing: 0; }

/* ── HERO STATS where the status box is hidden (≤900px) ───────────
   The painted headlight trail runs behind the stats row on narrow
   screens, and "10,000+" reaches it. The stats take over the status
   box's panel (same border, tint and blur), so they stay readable
   wherever the road is. */
@media (max-width: 900px) {
  .hero__meta {
    padding: var(--s-4);
    border: 1px solid var(--line);
    background: color-mix(in oklch, var(--bg) 60%, transparent);
    -webkit-backdrop-filter: blur(8px); /* iOS Safari needs the prefix */
    backdrop-filter: blur(8px);
  }
}

/* ── FIT: the true values are longer than the placeholders were
   ("10,000+", "States served"), so the stat tiles and the seal cells
   are fitted to their card instead of spilling out of it. ─────────── */
.coverage__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* 28px at 901px rising to the base 44px at 1200px, so there is no jump at 1201px (T8) */
@media (min-width: 901px) and (max-width: 1200px) {
  .cov-stat__num { font-size: clamp(28px, 5.35vw - 20.2px, 44px); }
}
@media (max-width: 760px) {
  .cov-stat { padding: var(--s-4); }
  .cov-stat__num { font-size: clamp(22px, 7.2vw, 28px); }
  .compliance__seal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .compliance__seal { grid-template-columns: minmax(0, 1fr); } /* "INTEGRATED" is wider than half a 254px card (T7 reflow) */
}

/* Process step times: say what the medians measure, under the steps. */
.process__note {
  margin-top: var(--s-4);
  font-family: var(--font-mono);
  font-size: var(--t-mono-xs);
  letter-spacing: var(--tracking-mono-tag);
  text-transform: uppercase;
  color: var(--fg-3);
}