.table-wrap { overflow-x: auto; margin: var(--space-4) 0; }
.compare-table {
  width: 100%;
  min-width: 50rem;
  border-collapse: collapse;
  border: var(--border-w) solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.compare-table th, .compare-table td {
  border: 1px solid var(--color-border-soft);
  padding: var(--space-2) var(--space-3);
  text-align: left;
  vertical-align: top;
  font-size: var(--font-size-sm);
}
.compare-table thead th {
  background: var(--color-primary);
  color: #fff;
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
}
.compare-table tbody th {
  background: var(--color-accent-tint);
  font-weight: 800;
  white-space: nowrap;
}
.compare-table td.si { background: var(--color-secondary-tint); }
.compare-table td.no { background: var(--color-error-tint); color: var(--color-ink-soft); }