/* ===================================
   /acl-admissions-by-the-numbers only. Builds on css/acl-tools.css (shared tool classes) and
   adds the data tables: hairline rules, tabular figures, right-aligned numbers, no fills or
   charts. Tokens come from eduavenues-ui.css; no raw colors here.
   =================================== */

.nb-table-wrap {
  margin: 24px 0 0;
  overflow-x: auto;
}

.nb-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.45;
}

.nb-table th,
.nb-table td {
  padding: 11px 16px 11px 0;
  border-bottom: 1px solid var(--mc-line);
  text-align: left;
  vertical-align: top;
}

.nb-table th:last-child,
.nb-table td:last-child {
  padding-right: 0;
}

.nb-table thead th {
  border-bottom-color: var(--mc-ink);
  color: var(--mc-ink);
  font-size: 0.8125rem;
  font-weight: 600;
  vertical-align: bottom;
}

.nb-table tbody th {
  color: var(--mc-ink);
  font-weight: 500;
}

.nb-table td {
  color: var(--mc-ink);
}

.nb-table .nb-num {
  text-align: right;
  white-space: nowrap;
}

.nb-table .nb-flag {
  color: var(--mc-muted);
  font-size: 0.875rem;
}

.nb-table--wide {
  min-width: 600px;
}

.nb-note {
  max-width: 68ch;
  margin: 14px 0 0;
  color: var(--mc-muted);
  font-size: 0.875rem;
  line-height: 1.6;
}

.tool-prose .nb-note {
  color: var(--mc-muted);
  font-size: 0.875rem;
}

@media (max-width: 640px) {
  .nb-table {
    font-size: 0.875rem;
  }

  .nb-table th,
  .nb-table td {
    padding-right: 10px;
  }
}