.nodes-opening{
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--bg-hero-top),var(--bg-hero-bot));
}
.nodes-opening-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:64px;
  align-items:start;
}
.nodes-opening-grid>*{
  min-width:0;
}
.nodes-opening h1{
  max-width:11em;
}
.nodes-lead{
  font-size:22px;
  line-height:1.5;
  color:var(--text);
}
.nodes-directory-note{
  box-shadow:var(--shadow-soft);
}
.nodes-directory-note .detail-chrome{
  margin-bottom:24px;
  padding-left:0;
  padding-right:0;
  padding-top:0;
}
.nodes-directory-note h2{
  font-size:28px;
}
.nodes-directory-note p{
  font-size:15px;
}
.nodes-document{
  padding-top:24px;
}
.nodes-reading-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  margin-top:32px;
}
.nodes-reading-grid>*{
  min-width:0;
}
.nodes-reading-grid p:last-child,
.nodes-type-card p:last-child,
.nodes-use-row p:last-child{
  margin-bottom:0;
}
.nodes-type-card{
  box-shadow:inset 0 3px 0 var(--accent);
}
.nodes-type-card p{
  overflow-wrap:break-word;
}
.nodes-use-list{
  border-top:1px solid var(--border);
}
.nodes-use-row{
  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-row>*{
  min-width:0;
}
.nodes-use-row h3{
  color:var(--accent-dark);
}
.nodes-document .section:last-child{
  padding-bottom:0;
}
@media(max-width:1100px){
  .nodes-opening-grid{
    gap:32px;
  }
  .nodes-type-card{
    padding:20px;
  }
}
@media(max-width:768px){
  .nodes-opening-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .nodes-opening h1{
    max-width:none;
  }
  .nodes-document #route-types .grid-3{
    grid-template-columns:minmax(0,1fr);
  }
  .nodes-reading-grid{
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  .nodes-use-row{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
}
@media(max-width:640px){
  .nodes-opening .cta-row{
    flex-direction:column;
    align-items:stretch;
  }
  .nodes-opening .btn{
    min-width:0;
    width:100%;
  }
  .nodes-lead{
    font-size:20px;
  }
}