/* Capacity-building + compute pillar pages. Shared system in nx-arm.css. */

.na-cap-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nx-gap-12);
}

.na-cap-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--nx-sp-30);
  margin-block-start: var(--nx-sp-30);
  padding-block-start: var(--nx-sp-30);
  border-block-start: 1px solid var(--_rule, var(--nx-line-strong));
}

.na-cap-meta__item { margin: 0; }

.na-cap-meta__item dt {
  margin: 0 0 var(--nx-gap-8);
  font-size: var(--nx-fs-caption);
  letter-spacing: var(--nx-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--_fg-muted, var(--nx-text-muted));
}

.na-cap-meta__item dd {
  margin: 0;
  font-size: var(--nx-fs-body);
  font-weight: var(--nx-fw-light);
  color: var(--_fg, var(--nx-text));
}

.na-cap-index {
  list-style: none;
  margin: var(--nx-sp-45) 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nx-sp-30) var(--nx-sp-45);
}

.na-cap-index__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--nx-gap-8) var(--nx-gap-16);
  min-width: 0;
  scroll-margin-top: calc(var(--nx-header-h, 4.5rem) + 1rem);
}

/* Nested inside a feature copy column: stay one-up so titles cannot overflow. */
.na-feature__copy .na-cap-index {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: 100%;
}

.na-cap-index__num {
  font-size: var(--nx-fs-caption);
  font-variant-numeric: tabular-nums;
  color: var(--_accent, var(--nx-violet));
}

.na-cap-index__title {
  margin: 0;
  min-width: 0;
  font-size: var(--nx-fs-h4);
  font-weight: var(--nx-fw-medium);
  color: var(--_fg, var(--nx-text));
  overflow-wrap: anywhere;
}

.na-cap-index__body {
  margin: 0;
  grid-column: 2;
  min-width: 0;
  font-size: var(--nx-fs-body);
  font-weight: var(--nx-fw-light);
  line-height: 1.5;
  color: var(--_fg-body, var(--nx-text-body));
  overflow-wrap: anywhere;
}

.na-cap-note {
  margin: 0;
  max-width: 62ch;
  font-size: var(--nx-fs-body);
  font-weight: var(--nx-fw-light);
  line-height: 1.55;
  color: var(--_fg-body, var(--nx-text-body));
}

.na-cap-group + .na-cap-group {
  margin-block-start: var(--nx-sp-45);
}

@media (max-width: 47.9375rem) {
  .na-cap-meta,
  .na-cap-index { grid-template-columns: minmax(0, 1fr); }
}

.na-section-follow { margin-block-start: var(--nx-sp-45); }