.nodes-intro{
  background:radial-gradient(ellipse at 90% 10%,var(--rose-a07),var(--clear) 65%),linear-gradient(180deg,var(--canvas-top),var(--bg));
}
.nodes-heading{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:56px;
}
.nodes-heading .rb-tag{
  justify-self:start;
}
.nodes-lead{
  max-width:660px;
  font-size:20px;
  line-height:1.75;
  color:var(--text-muted);
}
.nodes-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nodes-index{
  padding:0;
  overflow:hidden;
}
.nodes-index-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 24px;
  border-bottom:1px solid var(--border);
  background:var(--chrome-bg);
  font-size:13px;
  color:var(--text-muted);
}
.nodes-index dl{
  display:grid;
  gap:0;
  margin:0;
  padding:8px 24px;
}
.nodes-index dl>div{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:16px;
  padding-block:16px;
  border-bottom:1px solid var(--border);
}
.nodes-index dl>div:last-child{
  border-bottom:0;
}
.nodes-index dt{
  font-weight:700;
}
.nodes-index dd{
  margin:0;
  color:var(--text-muted);
}
.nodes-index>p{
  padding:0 24px 24px;
  font-size:14px;
  line-height:1.8;
}
.nodes-section-head{
  display:grid;
  justify-items:start;
  gap:16px;
  margin-bottom:28px;
}
.nodes-section-head>p{
  max-width:880px;
  line-height:1.85;
  color:var(--text-muted);
}
.nodes-reading{
  display:grid;
  gap:16px;
  max-width:960px;
  margin-top:28px;
}
.nodes-reading p,
.nodes-type p,
.nodes-use p,
.nodes-account p,
.nodes-closing{
  line-height:1.9;
  color:var(--text-muted);
}
.nodes-document :where(p,li) a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.nodes-type-layout{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.nodes-type{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:20px;
}
.nodes-type-title{
  display:flex;
  align-items:center;
  gap:4px;
}
.nodes-type .pchip{
  margin-top:auto;
  white-space:normal;
  overflow-wrap:anywhere;
}
.nodes-note{
  margin-top:24px;
}
.nodes-use-list{
  border-top:1px solid var(--border);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(160px,.3fr) minmax(0,1fr);
  gap:40px;
  padding-block:28px;
  border-bottom:1px solid var(--border);
}
.nodes-use>div{
  display:grid;
  gap:16px;
  max-width:940px;
}
.nodes-use h3{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.nodes-use h3::before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  flex:none;
  border-radius:var(--r-round);
  background:var(--accent);
}
.nodes-check-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:start;
  gap:24px;
}
.nodes-checks{
  display:grid;
  gap:20px;
  padding-left:24px;
  line-height:1.85;
  color:var(--text-muted);
}
.nodes-checks strong{
  color:var(--text);
}
.nodes-account .btn{
  justify-self:start;
}
.nodes-closing{
  max-width:980px;
  margin-top:28px;
}
@media(max-width:1100px){
  .nodes-heading{
    gap:32px;
  }
  .nodes-type-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:768px){
  .nodes-heading,
  .nodes-check-layout,
  .nodes-use{
    grid-template-columns:1fr;
  }
  .nodes-heading{
    gap:28px;
  }
  .nodes-lead{
    font-size:17px;
  }
  .nodes-use{
    gap:16px;
  }
  .nodes-index dl{
    padding-inline:20px;
  }
  .nodes-index-head{
    padding-inline:20px;
  }
  .nodes-index>p{
    padding-inline:20px;
  }
}