.nodes-heading{
  padding-bottom:32px;
}
.nodes-heading h1{
  max-width:1000px;
  margin-top:20px;
}
.nodes-heading .lead{
  max-width:900px;
}
.nodes-factline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.nodes-heading-note{
  max-width:900px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:var(--text-sm);
}
.nodes-directory{
  padding-top:24px;
}
.nodes-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px 24px;
  margin-bottom:20px;
}
.nodes-section-head h2{
  margin-bottom:0;
}
.nodes-kicker{
  margin-bottom:12px;
  font-family:var(--font-mono-cjk);
  font-size:var(--text-xs);
  font-weight:var(--weight-medium);
  color:var(--muted);
  letter-spacing:.08em;
}
.nodes-route-notes{
  display:grid;
  gap:16px;
  margin-top:28px;
}
.nodes-route-note{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(0,3fr);
  column-gap:32px;
}
.nodes-note-label{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  grid-column:1;
  grid-row:1 / span 4;
  min-width:0;
  font-size:var(--text-xs);
}
.nodes-route-note h3,
.nodes-route-note p{
  grid-column:2;
  min-width:0;
}
.nodes-note-tail{
  margin-bottom:0;
  padding-top:14px;
  border-top:1px solid var(--border-soft);
  color:var(--muted);
  font-size:var(--text-sm);
}
.nodes-afterword{
  margin-top:20px;
  margin-bottom:0;
  font-size:var(--text-sm);
}
.nodes-use-list{
  margin-top:28px;
  border-top:1px solid var(--border);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(0,3fr);
  gap:20px 32px;
  padding-top:28px;
  padding-bottom:28px;
  border-bottom:1px solid var(--border);
}
.nodes-use>*{
  min-width:0;
}
.nodes-use h3{
  margin:0;
}
.nodes-use p:last-child{
  margin-bottom:0;
}
.nodes-use a,
.nodes-directory p a{
  color:var(--accent-dark);
}
@media(max-width:768px){
  .nodes-route-note,
  .nodes-use{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .nodes-note-label{
    grid-column:1;
    grid-row:auto;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
  }
  .nodes-route-note h3,
  .nodes-route-note p{
    grid-column:1;
  }
  .nodes-route-note p{
    margin-bottom:0;
  }
  .nodes-heading{
    padding-bottom:24px;
  }
}