/* ============================================================
   TABLES — Base table, th, td styling.
   Root: element selectors (universal table styling)
   ============================================================ */

table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step--1);
}

th {
  text-align: left;
  font-size: var(--step--2);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--space-3xs) var(--space-xs);
  border-bottom: 1px solid var(--border-primary);
  color: var(--text-secondary);
  font-weight: 400;
  white-space: nowrap;
}

td {
  padding: var(--space-2xs) var(--space-xs);
  border-bottom: 1px solid var(--border-primary);
  vertical-align: top;
}