/* ── Table wrapper — horizontal scroll ────────────────────────────────────── */
.prose table,
.table-scroll-wrapper table {
  border-collapse: collapse;
  width: 100%;
  min-width: 540px;
  font-size: var(--font-size-sm);
  background: var(--color-surface);
}
.table-scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  margin: var(--space-lg) 0;
  box-shadow: var(--shadow-sm);
}

/* Auto-wrap tables in the content area */
.prose table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  margin: var(--space-lg) 0;
  min-width: 100%;
}

.prose thead,
.table-scroll-wrapper thead {
  background: linear-gradient(135deg, var(--color-plum-dark), var(--color-midnight-mid));
  color: #fff;
}
.prose th,
.table-scroll-wrapper th {
  padding: var(--space-sm) var(--space-md);
  text-align: left;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: var(--color-mauve-light);
}
.prose td,
.table-scroll-wrapper td {
  padding: var(--space-sm) var(--space-md);
  border-bottom: 1px solid var(--color-border-light);
  vertical-align: top;
  line-height: var(--line-height-snug);
}
.prose tbody tr:nth-child(even),
.table-scroll-wrapper tbody tr:nth-child(even) {
  background: var(--color-bg-alt);
}
.prose tbody tr:hover,
.table-scroll-wrapper tbody tr:hover {
  background: var(--color-mauve-pale);
  transition: background var(--transition-fast);
}
.prose tbody tr:last-child td,
.table-scroll-wrapper tbody tr:last-child td {
  border-bottom: none;
}