.nodes-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:56px;
  padding-bottom:64px;
}
.nodes-intro>*{min-width:0}
.nodes-intro .badge{justify-self:start}
.nodes-lede{
  max-width:34em;
  font-size:var(--fs-lede);
  color:var(--muted);
  line-height:1.8;
}
.nodes-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nodes-note{
  padding:0;
  background:var(--c-violet);
}
.nodes-note .article-window-bar{
  border-radius:var(--r-lg) var(--r-lg) 0 0;
  background:var(--paper-50);
}
.nodes-note>.stack{padding:28px}
.nodes-note h2{font-size:var(--fs-h3)}
.nodes-caption{
  padding:16px 20px;
  text-align:left;
  font-size:var(--fs-sm);
  font-weight:var(--weight-medium);
  color:var(--muted);
}
.nodes-types{align-items:stretch}
.nodes-types .stack{align-content:start}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);
  gap:32px;
}
.nodes-use>*{min-width:0}
.nodes-use h3{
  margin-top:16px;
  font-weight:var(--weight-normal);
}
.nodes-use p{line-height:1.85}
.nodes-next{margin-top:28px}
@media(max-width:960px){
  .nodes-intro{gap:32px}
  .nodes-use{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
}
@media(max-width:768px){
  .nodes-intro{
    grid-template-columns:minmax(0,1fr);
    padding-bottom:40px;
  }
  .nodes-note>.stack{padding:24px}
  .nodes-use{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
}