.nodes-mast{
  padding-top:64px;
  padding-bottom:64px;
  overflow-x:clip;
  max-width:100%;
  background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
}
.nodes-mast__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
}
.nodes-mast__grid>*{min-width:0}
.nodes-mast h1{
  margin-top:24px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.nodes-mast__intro{
  max-width:30em;
  margin-top:24px;
  font-size:18px;
  color:var(--text-muted);
}
.nodes-mast__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.nodes-mast__note{
  margin-top:16px;
  font-size:var(--size-small);
  color:var(--text-muted);
}
.nodes-summary{
  position:relative;
  padding:32px;
}
.nodes-summary__bar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding-bottom:20px;
  border-bottom:1px solid var(--border);
  font-size:var(--size-small);
  font-weight:700;
}
.nodes-summary__bar .badge{margin-left:auto}
.nodes-summary__light{
  width:8px;
  height:8px;
  flex:none;
  border-radius:var(--r-pill);
  background:var(--success);
  box-shadow:0 0 0 4px rgb(var(--success-rgb) / .12);
}
.nodes-summary__coverage{
  margin-top:28px;
  font-size:clamp(18px,2vw,26px);
  font-weight:700;
  color:var(--accent-dark);
  overflow-wrap:anywhere;
}
.nodes-summary__steps{
  display:grid;
  gap:0;
  margin-top:20px;
  margin-bottom:24px;
}
.nodes-summary__steps>div{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:16px;
  padding-block:16px;
  border-bottom:1px solid var(--border);
}
.nodes-summary__steps dt{font-weight:700}
.nodes-summary__steps dd{
  margin:0;
  color:var(--text-muted);
}
.nodes-summary__facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.nodes-content{padding-top:24px}
.nodes-explainer{
  max-width:var(--reading-width);
  margin-top:32px;
}
.nodes-types{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.nodes-type{min-width:0}
.nodes-type__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:24px;
  color:var(--text-muted);
}
.nodes-type h3{margin-bottom:20px}
.nodes-type p{
  color:var(--text-muted);
  line-height:1.85;
}
.nodes-type p+p{margin-top:20px}
.nodes-use-list{border-top:1px solid var(--border)}
.nodes-use{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1.6fr);
  gap:48px;
  padding-block:32px;
  border-bottom:1px solid var(--border);
}
.nodes-use__heading h3{margin-top:14px}
.nodes-use__body{
  min-width:0;
  max-width:var(--reading-width);
  color:var(--text-muted);
  line-height:1.85;
}
.nodes-use__body p+p{margin-top:16px}
.nodes-use__body a,.nodes-check a{
  color:var(--text);
  text-decoration:underline;
  text-underline-offset:4px;
}
.nodes-check p{
  margin-top:20px;
  color:var(--text-muted);
  line-height:1.85;
}
@media(max-width:1024px){
  .nodes-mast__grid{gap:32px}
  .nodes-types{grid-template-columns:minmax(0,1fr)}
  .nodes-type__label{justify-content:flex-start}
}
@media(max-width:768px){
  .nodes-mast__grid{grid-template-columns:minmax(0,1fr)}
  .nodes-mast__intro{font-size:var(--size-body)}
  .nodes-use{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
  .nodes-mast{padding-top:36px;padding-bottom:40px}
  .nodes-summary{padding:22px}
  .nodes-summary__bar .badge{margin-left:0}
  .nodes-summary__steps>div{grid-template-columns:minmax(0,1fr);gap:6px}
  .nodes-content{padding-top:16px}
  .nodes-mast__actions .btn{padding-inline:20px}
}