.nodes-intro{
  padding-top:64px;
  padding-bottom:56px;
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
  border-bottom:1px solid var(--border);
}
.nodes-intro h1{margin:24px 0}
.nodes-intro__lede{
  max-width:44em;
  margin-bottom:24px;
  font-size:20px;
  color:var(--muted);
}
.nodes-facts{display:flex;flex-wrap:wrap;gap:8px}
.nodes-intro__note{
  max-width:64em;
  margin:24px 0 0;
  font-size:14px;
  color:var(--muted);
}
.nodes-document{padding-top:24px}
.nodes-context{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:40px;
  margin-top:32px;
}
.nodes-context h3{margin:0 0 16px}
.nodes-context p{margin:0;color:var(--muted)}
.nodes-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nodes-types h3{margin:20px 0}
.nodes-types p{color:var(--muted)}
.nodes-types p:last-child{margin-bottom:0}
.nodes-callout{margin-top:24px}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,3fr);
  gap:40px;
  padding-top:32px;
  padding-bottom:32px;
  border-bottom:1px solid var(--border);
}
.nodes-use h3{margin:0}
.nodes-use p{max-width:76ch;color:var(--muted)}
.nodes-use p:last-child{margin-bottom:0}
.nodes-check{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nodes-check h3{margin:0 0 16px}
.nodes-check p{margin:0}
.nodes-next{
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.nodes-next p{max-width:80ch;color:var(--muted)}
.nodes-next__links{display:flex;flex-wrap:wrap;gap:12px 32px}
.nodes-next__links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.nodes-next__links a:hover{text-decoration:underline}
@media(max-width:1000px){
  .nodes-types{grid-template-columns:minmax(0,1fr)}
  .nodes-check{grid-template-columns:minmax(0,1fr)}
  .nodes-types p{max-width:80ch}
}
@media(max-width:640px){
  .nodes-intro{padding-top:40px;padding-bottom:40px}
  .nodes-intro__lede{font-size:18px}
  .nodes-context{grid-template-columns:minmax(0,1fr);gap:24px}
  .nodes-use{grid-template-columns:minmax(0,1fr);gap:16px}
  .nodes-next__links{flex-direction:column;align-items:flex-start;gap:8px}
}