.nodes-page{
  padding-bottom:24px;
}
.nodes-intro{
  position:relative;
  border-bottom:1px solid var(--line);
}
.nodes-intro::before{
  content:"";
  position:absolute;
  left:0;
  top:32px;
  bottom:32px;
  width:1px;
  background:var(--line);
}
.nodes-intro::after{
  content:"";
  position:absolute;
  left:-6px;
  top:32px;
  width:13px;
  height:13px;
  border:1px solid var(--line);
  border-radius:var(--r-node);
  background:var(--panel);
  box-shadow:var(--shadow-chip);
}
.nodes-intro .lede{
  max-width:780px;
}
.nodes-fact-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:820px;
  margin-top:28px;
  margin-bottom:28px;
  padding-top:20px;
  padding-bottom:20px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.nodes-fact-strip>div{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding-inline:20px;
  border-right:1px solid var(--line);
}
.nodes-fact-strip>div:first-child{
  padding-left:0;
}
.nodes-fact-strip>div:last-child{
  border-right:0;
}
.nodes-fact-strip strong{
  font-size:var(--text-brand);
  font-weight:var(--weight-bold);
}
.nodes-fact-strip span{
  color:var(--muted);
  font-size:var(--text-small);
}
.nodes-intro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:16px;
}
.nodes-caption{
  max-width:780px;
  color:var(--muted);
  font-size:var(--text-small);
}
.nodes-page>.toc-tabs{
  margin-top:24px;
}
.nodes-section-head{
  max-width:840px;
  margin-bottom:28px;
}
.nodes-section-head>p{
  color:var(--muted);
  line-height:1.8;
}
.nodes-table-order{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
}
.nodes-table-order>.muted{
  margin-left:auto;
  font-size:var(--text-small);
}
.nodes-page .line-table caption{
  padding:16px 20px;
  text-align:left;
  color:var(--muted);
  background:var(--panel);
  font-size:var(--text-small);
  border-bottom:1px solid var(--line);
}
.nodes-reading-note{
  max-width:900px;
  margin-top:28px;
  color:var(--muted);
  line-height:1.8;
}
.nodes-reading-note p+p{
  margin-top:18px;
}
.nodes-type-stack{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);
  gap:36px;
}
.nodes-type>*{
  min-width:0;
}
.nodes-type-label .line-tag{
  margin-bottom:18px;
}
.nodes-type-label h3{
  max-width:260px;
}
.nodes-type-copy{
  padding-left:28px;
  border-left:1px solid var(--line);
  color:var(--muted);
  line-height:1.85;
}
.nodes-type-copy p+p{
  margin-top:18px;
}
.nodes-scenarios{
  border-top:1px solid var(--line);
}
.nodes-scenario{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:20px;
  padding-top:28px;
  padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.nodes-scenario>*{
  min-width:0;
}
.nodes-scenario .p-ico{
  width:40px;
  height:40px;
  font-size:var(--text-brand);
  font-weight:var(--weight-semibold);
}
.nodes-scenario h3{
  margin-bottom:12px;
}
.nodes-scenario p{
  max-width:960px;
  color:var(--muted);
  line-height:1.85;
}
.nodes-scenario p+p{
  margin-top:16px;
}
.nodes-scenario a,
.nodes-check-layout a:not(.btn){
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.nodes-check-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:24px;
  align-items:start;
}
.nodes-check-layout>*{
  min-width:0;
}
.nodes-check-list{
  margin:0;
  padding-left:1.4em;
  color:var(--muted);
  line-height:1.85;
}
.nodes-check-list li{
  padding-left:6px;
}
.nodes-check-list li+li{
  margin-top:20px;
}
.nodes-check-list strong{
  color:var(--ink);
  font-weight:var(--weight-semibold);
}
.nodes-check-aside .q-badge{
  margin-bottom:20px;
}
.nodes-check-aside p{
  color:var(--muted);
  line-height:1.8;
}
.nodes-check-aside p+p{
  margin-top:18px;
}
.nodes-check-aside .btn{
  margin-top:24px;
}
.nodes-faq{
  margin-top:32px;
}
@media(max-width:768px){
  .nodes-type{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .nodes-type-label h3{
    max-width:none;
  }
  .nodes-type-copy{
    padding-left:0;
    padding-top:20px;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .nodes-check-layout{
    grid-template-columns:minmax(0,1fr);
  }
  .nodes-fact-strip>div{
    padding-inline:12px;
  }
  .nodes-fact-strip strong{
    font-size:var(--text-lede);
  }
}
@media(max-width:640px){
  .nodes-intro::before,
  .nodes-intro::after{
    display:none;
  }
  .nodes-fact-strip{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }
  .nodes-fact-strip>div{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:8px;
    padding-inline:0;
    border-right:0;
  }
  .nodes-table-order>.muted{
    flex-basis:100%;
    margin-left:0;
  }
  .nodes-scenario{
    grid-template-columns:30px minmax(0,1fr);
    gap:12px;
  }
  .nodes-scenario .p-ico{
    width:30px;
    height:30px;
    font-size:var(--text-body);
  }
  .nodes-scenario h3{
    font-size:var(--text-brand);
  }
}