.comparison-table-wrapper {
  margin-top: var(--space-3xl);
  overflow-x: auto;
}

.comparison-table-title {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: var(--space-xl);
  color: var(--color-text);
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.comparison-table th {
  padding: var(--space-md) var(--space-lg);
  text-align: center;
  font-weight: 600;
  color: var(--color-text);
  border-bottom: 2px solid var(--color-border);
  font-size: 1rem;
}

.comparison-table th:first-child {
  text-align: left;
}

.comparison-table th.highlight-col {
  color: var(--color-primary);
}

.comparison-table td {
  padding: var(--space-sm) var(--space-lg);
  text-align: center;
  color: var(--color-text-secondary);
  border-bottom: 1px solid var(--color-border);
}

.comparison-table td:first-child {
  text-align: left;
  color: var(--color-text);
  font-weight: 400;
}

.comparison-table td.highlight-col {
  color: var(--color-primary);
  font-weight: 500;
}

.comparison-table .category-row td {
  font-family: var(--font-brand);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-primary);
  padding-top: var(--space-xl);
  border-bottom: 1px solid hsla(28, 91%, 50%, 0.2);
  font-weight: 600;
}

@media (max-width: 768px) {
  .comparison-table {
    font-size: 0.8rem;
  }

  .comparison-table th,
  .comparison-table td {
    padding: var(--space-xs) var(--space-sm);
  }
}