/* ==========================================================================
   Block: Comparison table
   ========================================================================== */

.awx-ct__header {
  margin-bottom: var(--awx-space-lg);
  max-width: var(--awx-measure);
}

.awx-ct__scroll {
  overflow-x: auto;
}

.awx-ct__table {
  width: 100%;
  min-width: 40rem;
  border-collapse: collapse;
}

.awx-ct__table th,
.awx-ct__table td {
  padding: var(--awx-space-sm) var(--awx-space-md);
  text-align: left;
  border-bottom: var(--awx-rule) solid var(--surface-rule);
  font-size: var(--awx-step--1);
}

.awx-ct__table thead th {
  color: var(--surface-eyebrow);
  font-family: var(--awx-font-body);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom-width: 2px;
}

.awx-ct__table tbody th[scope="row"] {
  color: var(--surface-heading);
  font-family: var(--awx-font-display);
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.awx-ct__table tbody td {
  color: var(--surface-text);
}