/* guide-tables.css — Bracket tables & Game Changers card lists */

/* Scroll wrapper for mobile tables */
.table-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Bracket comparison tables */
.bracket-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  color: var(--text-primary);
}

.bracket-table th,
.bracket-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--card-border);
}

.bracket-table thead th {
  background: rgba(255, 255, 255, 0.06);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 600;
  color: var(--text-primary);
  white-space: nowrap;
}

.bracket-table tbody tr {
  background: var(--card-bg);
}

.bracket-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

.bracket-table tbody td {
  color: var(--text-secondary);
}

/* Game Changers card list */
.gc-card-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 600px) {
  .gc-card-list { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 960px) {
  .gc-card-list { grid-template-columns: repeat(4, 1fr); }
}

/* Individual card item */
.gc-card-item {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: var(--text-primary);
  transition: border-color 0.2s ease;
}

.gc-card-item:hover {
  border-color: rgba(139, 92, 246, 0.45);
}

/* Mobile: horizontal scroll for tables */
@media (max-width: 767px) {
  .bracket-table {
    min-width: 540px;
  }
}