/* Table primitive — a plain semantic <table>, per APG grid-vs-table guidance:
   only reach for role="grid" when a screen truly needs cell-level arrow-key
   navigation (the editable builder grid, later). This styles the former. */

table {
  width: 100%;
  font-size: 14px;
}

th {
  text-align: left;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--line);
  background: var(--surface-2);
}

td {
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--line);
  color: var(--ink-2);
}

td.numeric {
  text-align: right;
  font-variant-numeric: tabular-nums;
}