/* ============================================================
   Component · Table (Answer Keys, Orders, etc.)
   ============================================================ */

.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--gio-text-sm);
  color: var(--gio-color-text);
}
.table thead th {
  text-align: left;
  font-size: var(--gio-text-xs);
  font-weight: var(--gio-w-semibold);
  letter-spacing: var(--gio-tracking-wide);
  text-transform: uppercase;
  color: var(--gio-color-text-muted);
  padding: var(--gio-space-3) var(--gio-space-4);
  border-bottom: 1px solid var(--gio-color-border);
  background: var(--gio-color-bg-subtle);
}
.table tbody td {
  padding: var(--gio-space-3) var(--gio-space-4);
  border-bottom: 1px solid var(--gio-color-divider);
}
.table tbody tr:last-child td { border-bottom: 0; }
.table tbody tr:hover { background: var(--gio-color-bg-subtle); }
.table--compact tbody td, .table--compact thead th { padding: var(--gio-space-2) var(--gio-space-3); }

.table .cell-correct { color: var(--gio-color-success); font-weight: var(--gio-w-semibold); }
.table .cell-wrong   { color: var(--gio-color-danger); font-weight: var(--gio-w-semibold); }