.nodes-document{
  padding-top:48px;
}
.nodes-intro{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:center;
  gap:64px;
  padding-top:24px;
  padding-bottom:64px;
}
.nodes-intro>*{
  min-width:0;
}
.nodes-heading h1{
  max-width:12em;
}
.nodes-heading>p:not(.lede){
  color:var(--text-muted);
}
.nodes-heading .cta-row{
  margin-top:28px;
  margin-bottom:0;
}
.nodes-receiver{
  padding:32px;
  background:var(--glass);
  border:1px solid var(--glass-edge);
  border-radius:var(--radius-l);
  box-shadow:var(--shadow-panel);
  backdrop-filter:blur(18px);
}
.nodes-frequency{
  position:relative;
  padding:20px 24px 0;
  margin-bottom:28px;
  overflow:hidden;
  background:linear-gradient(180deg,var(--bg-panel-2),var(--bg-panel));
  border-radius:var(--radius-s);
  box-shadow:inset 0 1px 3px var(--ink-a16);
}
.nodes-frequency>span{
  display:block;
  color:var(--text);
  text-align:center;
  font-size:var(--size-h2);
  line-height:1.3;
}
.nodes-scale{
  position:relative;
  height:38px;
  margin-top:14px;
  background-image:linear-gradient(90deg,var(--ink-a40) 1px,var(--transparent) 1px),linear-gradient(90deg,var(--ink-a24) 1px,var(--transparent) 1px);
  background-size:48px 100%,8px 50%;
  background-repeat:repeat-x;
  background-position:center bottom;
  mask-image:linear-gradient(90deg,var(--transparent),var(--text) 15%,var(--text) 85%,var(--transparent));
}
.nodes-scale::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc(50% - 1px);
  width:2px;
  background:var(--accent);
}
.nodes-checklist{
  margin:0 0 24px;
}
.nodes-checklist>div{
  display:grid;
  grid-template-columns:6em minmax(0,1fr);
  gap:16px;
  padding-top:14px;
  padding-bottom:14px;
  border-bottom:1px solid var(--border);
}
.nodes-checklist dt{
  font-size:var(--size-small);
  color:var(--text-muted);
}
.nodes-checklist dd{
  margin:0;
  overflow-wrap:anywhere;
  font-size:var(--size-small);
}
.nodes-receiver>p:last-child{
  margin-bottom:0;
}
.nodes-chapter{
  padding-top:40px;
  padding-bottom:40px;
}
.nodes-section-head{
  max-width:900px;
  margin-bottom:28px;
}
.nodes-section-head>p:last-child{
  color:var(--text-muted);
}
.nodes-explanation{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  align-items:start;
  gap:40px;
  margin-bottom:32px;
}
.nodes-explanation>*{
  min-width:0;
}
.nodes-explanation .panel p{
  color:var(--text-muted);
}
.nodes-path-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.nodes-path-grid .panel p:not(.mono){
  color:var(--text-muted);
}
.nodes-path-grid .panel>p:last-child{
  margin-bottom:0;
}
.nodes-use-list{
  border-top:1px solid var(--border);
}
.nodes-use{
  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>*{
  min-width:0;
}
.nodes-use>div{
  max-width:800px;
  color:var(--text-muted);
}
.nodes-use p:last-child{
  margin-bottom:0;
}
.nodes-chapter a:not(.btn){
  text-underline-offset:4px;
}
.nodes-chapter a:not(.btn):hover{
  text-decoration-thickness:2px;
}
@media(max-width:1100px){
  .nodes-intro{
    gap:32px;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  }
  .nodes-receiver{
    padding:24px;
  }
  .nodes-checklist>div{
    grid-template-columns:1fr;
    gap:4px;
  }
}
@media(max-width:768px){
  .nodes-document{
    padding-top:24px;
  }
  .nodes-intro{
    grid-template-columns:1fr;
    gap:32px;
    padding-top:16px;
    padding-bottom:40px;
  }
  .nodes-receiver{
    background:var(--bg-panel);
    backdrop-filter:none;
  }
  .nodes-checklist>div{
    grid-template-columns:6em minmax(0,1fr);
    gap:12px;
  }
  .nodes-chapter{
    padding-top:28px;
    padding-bottom:28px;
  }
  .nodes-explanation,.nodes-path-grid,.nodes-use{
    grid-template-columns:1fr;
    gap:24px;
  }
  .nodes-use{
    gap:8px;
    padding-top:24px;
    padding-bottom:24px;
  }
  .nodes-use h3{
    margin-bottom:12px;
  }
}
@media(max-width:360px){
  .nodes-checklist>div{
    grid-template-columns:1fr;
    gap:4px;
  }
}