/* In-article data table.
 *
 * Loaded per-post via the theme's _ncs_page_css_extra hook (functions.php section 3), i.e. set
 * _ncs_page_css_extra = "article-table" on any post that contains a .article-table.
 *
 * Why this file exists: ncs-core.css DOES ship a table design, but every rule in that block is
 * scoped under `.tg` (the styleguide body class). body_class() never emits `.tg` on the front end,
 * so those rules cannot match on a real page — a plain <table> in article content would render
 * with nothing but the `border-collapse/width` reset. This reproduces the .tg .table design using
 * the same tokens, scoped to .article-body instead, plus a horizontal-scroll wrapper (the article
 * column is capped at 760px, which is narrower than a comfortable three-column table).
 */

.article-body .article-table-wrap {
  margin: 24px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.article-body .article-table {
  width: 100%;
  min-width: 540px;
  border-collapse: collapse;
  background-color: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  overflow: hidden;
}

.article-body .article-table th {
  text-align: left;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 12px 14px;
  background-color: #EEF2F8;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

.article-body .article-table td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  font-size: 14.5px;
  line-height: 1.55;
  color: #2f323a;
  vertical-align: top;
}

/* Numeric / term cells — tabular figures, matching the .num convention in ncs-core.css. */
.article-body .article-table td.n {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: var(--ink);
}

/* Provenance column — deliberately quieter than the data it annotates. */
.article-body .article-table td.src {
  font-size: 13px;
  color: var(--muted);
}

.article-body .article-table tr:last-child td { border-bottom: 0; }

.article-body .article-table-note {
  font-size: 12px;
  line-height: 1.55;
  color: #6b7280;
  margin: 10px 0 0;
}