/* Data table: display heading + intro, a hairline rounded frame holding a real <table> with an ink
   uppercase header row, optional bold first cell and even-row tint, plus a mono footnote.
   The table keeps its natural width and scrolls horizontally inside the frame on narrow screens. */
.data-table {
  display: block;
  background: rgba(var(--color-background));
  color: rgba(var(--color-text));
}
.data-table--pad-both { padding-block: var(--section-pad); }
.data-table--pad-top { padding-block: var(--section-pad) 0; }
.data-table--pad-bottom { padding-block: 0 var(--section-pad); }
.data-table--pad-none { padding-block: 0; }
.data-table__heading { margin-bottom: var(--data-table-heading-gap, 10px); }
.data-table__intro { margin-bottom: var(--data-table-intro-gap, 24px); }
.data-table__frame {
  overflow-x: auto;
  border: 1px solid var(--theme-line-2);
  border-radius: var(--radius-lg);
}
.data-table__table { width: 100%; border-collapse: collapse; font-size: 15px; }
.data-table__table th,
.data-table__table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--theme-line-2); }
.data-table__table thead th {
  background: var(--theme-ink);
  color: var(--theme-cream);
  font: 600 12px/1 var(--font-body);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 0;
}
.data-table--zebra .data-table__table tbody tr:nth-child(even) { background: rgba(11, 11, 11, 0.024); }
.data-table__footnote { margin-top: var(--data-table-footnote-gap, 16px); }