.nodes-intro {
  background: var(--grain), linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

.nodes-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-8);
}

.nodes-intro__grid > * {
  min-width: 0;
}

.nodes-intro h1 {
  margin-bottom: var(--space-3);
}

.nodes-intro__lead {
  margin-bottom: var(--space-4);
  color: var(--muted);
  font-size: var(--type-h3);
}

.nodes-intro__lead strong {
  color: var(--text);
}

.nodes-intro__note {
  align-self: center;
}

.nodes-intro__note-title {
  margin-bottom: var(--space-3);
  font-size: var(--type-h3);
  font-weight: var(--weight-medium);
  line-height: var(--leading-title);
}

.nodes-inspect {
  margin: 0 0 var(--space-3);
}

.nodes-inspect > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border-soft);
}

.nodes-inspect dt {
  color: var(--accent-dark);
  font-weight: var(--weight-medium);
}

.nodes-inspect dd {
  margin: 0;
  color: var(--muted);
}

.nodes-intro__note .mini-window__content > p:last-of-type {
  margin-bottom: var(--space-2);
}

.nodes-content {
  min-width: 0;
}

.nodes-chapter + .nodes-chapter {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 1px solid var(--border);
}

.nodes-chapter__heading {
  max-width: 860px;
  margin-bottom: var(--space-4);
}

.nodes-chapter__heading .kicker {
  margin-bottom: var(--space-2);
}

.nodes-chapter__heading > p:last-child {
  margin-bottom: 0;
  color: var(--muted);
}

.nodes-table-note {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.nodes-table-note p {
  flex: 1 1 480px;
  min-width: 0;
  margin: 0;
  color: var(--muted);
}

.nodes-table-caption {
  padding: var(--space-2) var(--space-3);
  background: var(--panel);
  color: var(--muted);
  text-align: left;
}

.nodes-after-table {
  max-width: 860px;
}

.nodes-type > .badge {
  margin-bottom: var(--space-3);
}

.nodes-type.prose h3 {
  margin-top: 0;
}

.nodes-type p {
  color: var(--muted);
}

.nodes-type p:last-child {
  margin-bottom: 0;
}

.nodes-use {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr);
  gap: var(--space-6);
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
  border-top: 1px solid var(--border);
}

.nodes-use > * {
  min-width: 0;
}

.nodes-use__label .tag {
  margin-bottom: var(--space-2);
}

.nodes-use.prose h3 {
  margin-top: 0;
}

.nodes-use p {
  color: var(--muted);
}

.nodes-use p:last-child {
  margin-bottom: 0;
}

.nodes-chapter .panel.prose h3 {
  margin-top: 0;
}

.nodes-chapter .panel.prose p {
  color: var(--muted);
}

.nodes-reading-links {
  max-width: 860px;
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
}

.nodes-reading-links p:last-child {
  margin-bottom: 0;
}

.nodes-page .prose a,
.nodes-reading-links a {
  text-decoration-color: var(--accent);
}

@media (max-width: 1080px) {
  .nodes-intro__grid {
    gap: var(--space-4);
  }
}

@media (max-width: 768px) {
  .nodes-intro__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .nodes-use {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .nodes-chapter + .nodes-chapter {
    margin-top: var(--space-8);
    padding-top: var(--space-4);
  }
}

@media (max-width: 640px) {
  .nodes-intro__lead {
    font-size: var(--type-body);
  }

  .nodes-inspect > div {
    gap: var(--space-2);
  }

  .nodes-use {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
  }
}