/* ==========================================================================
   Comparison / capability tables.
   ========================================================================== */

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
}

.table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
  min-width: 34rem;
}

.table th,
.table td {
  padding: var(--space-4) var(--space-5);
  text-align: left;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}

.table thead th {
  background: var(--surface-2);
  font-size: var(--text-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-faint);
  white-space: nowrap;
}

.table tbody tr:last-child th,
.table tbody tr:last-child td { border-bottom: 0; }

.table tbody tr { transition: background-color var(--duration-fast) var(--ease-out); }
.table tbody tr:hover { background: var(--surface-2); }

.table th[scope="row"] {
  font-weight: 650;
  color: var(--text-strong);
  white-space: nowrap;
}

.table td { color: var(--text-muted); }

.table .cell-yes,
.table .cell-no {
  font-weight: 700;
  white-space: nowrap;
}

.table .cell-yes { color: var(--success); }
.table .cell-no  { color: var(--text-faint); }