/* tables
   Data tables.

   Loaded by `stylesheet_link_tag :app`, which includes every .css under
   app/assets sorted by filename — so the NUMBER PREFIX IS THE CASCADE ORDER.
   Renaming a file moves it in the cascade. */

/* ---------------- tables ---------------- */
table { width: 100%; border-collapse: collapse; }
th {
  text-align: left;
  font: 500 11px var(--ui);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 0 12px 9px;
  border-bottom: 1px solid var(--line);
}
td { padding: 11px 12px; border-bottom: 1px solid var(--line); font-size: 14px; }
tr:last-child td { border-bottom: none; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
td.num { font-family: var(--mono); font-size: 13px; }
.row-link { text-decoration: none; color: var(--ink); font-weight: 500; }
.row-link:hover { color: var(--signal); }
tbody tr:hover { background: var(--sunken); }

/* A table too wide for its column scrolls itself. Without this it either
   pushes the page sideways or gets clipped by the section's overflow:hidden,
   and a silently clipped column is the worse of the two. */
.table-scroll { overflow-x: auto; }