.nodes-intro{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  padding-top:64px;
  padding-bottom:64px;
  background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));
}
.nodes-intro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(var(--c-grid) 1px,var(--c-clear) 1px),linear-gradient(90deg,var(--c-grid) 1px,var(--c-clear) 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,var(--mask-on),var(--c-clear));
}
.nodes-intro-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
  align-items:center;
  gap:64px;
}
.nodes-intro-layout>*{
  min-width:0;
}
.nodes-intro .hero-title{
  max-width:820px;
  font-size:var(--fs-h1);
  line-height:var(--leading-heading);
}
.nodes-intro .hero-sub{
  max-width:760px;
  margin-top:24px;
}
.nodes-entry-actions{
  justify-content:flex-start;
}
.nodes-kicker{
  margin-bottom:16px;
  font-family:var(--f-mono);
  font-size:var(--fs-small);
  color:var(--c-muted);
}
.nodes-coverage-value{
  margin-bottom:20px;
  font-size:var(--fs-h2);
  line-height:1.5;
  color:var(--c-accent-dark);
}
.nodes-coverage-value span{
  font-family:var(--f-body);
  font-size:var(--fs-body);
  color:var(--c-ink);
}
.nodes-coverage .muted{
  font-size:var(--fs-small);
}
.nodes-section+.nodes-section{
  margin-top:88px;
}
.nodes-lead{
  max-width:980px;
  color:var(--c-muted);
  line-height:1.85;
}
.nodes-table-hint{
  margin-top:28px;
  margin-bottom:12px;
  font-size:var(--fs-small);
}
.nodes-type-stack{
  display:grid;
  gap:24px;
  margin-top:32px;
}
.nodes-type{
  display:grid;
  grid-template-columns:minmax(200px,.36fr) minmax(0,1fr);
  gap:40px;
}
.nodes-type>*{
  min-width:0;
}
.nodes-type-heading h3{
  margin-top:18px;
  margin-bottom:0;
  max-width:260px;
}
.nodes-type .prose p:last-child,
.nodes-use .prose p:last-child,
.nodes-check-grid .prose p:last-child{
  margin-bottom:0;
}
.nodes-type .prose,
.nodes-use .prose{
  color:var(--c-muted);
}
.nodes-use-list{
  margin-top:32px;
  border-top:1px solid var(--c-border);
}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(200px,.36fr) minmax(0,1fr);
  gap:40px;
  padding-top:36px;
  padding-bottom:36px;
  border-bottom:1px solid var(--c-border);
}
.nodes-use>*{
  min-width:0;
}
.nodes-use h3{
  margin-top:16px;
  margin-bottom:0;
  max-width:280px;
}
.nodes-check-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.nodes-check-grid h3{
  margin-top:0;
}
.nodes-check-grid p{
  color:var(--c-muted);
}
@media(max-width:1000px){
  .nodes-intro-layout{
    gap:32px;
    grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);
  }
  .nodes-intro .hero-title{
    font-size:clamp(40px,5.6vw,64px);
  }
  .nodes-type,.nodes-use{
    grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);
    gap:28px;
  }
}
@media(max-width:768px){
  .nodes-intro{
    padding-top:40px;
    padding-bottom:40px;
  }
  .nodes-intro-layout{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .nodes-intro .hero-title{
    font-size:clamp(28px,7vw,40px);
  }
  .nodes-intro .hero-sub{
    margin-top:18px;
  }
  .nodes-coverage-value{
    font-size:var(--fs-h2);
  }
  .nodes-section+.nodes-section{
    margin-top:56px;
  }
  .nodes-type,.nodes-use,.nodes-check-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .nodes-type,.nodes-use{
    gap:24px;
  }
  .nodes-type-heading h3,.nodes-use h3{
    max-width:none;
  }
}
@media(max-width:360px){
  .nodes-entry-actions{
    gap:10px;
  }
  .nodes-entry-actions .btn{
    min-width:0;
    padding-inline:22px;
  }
}