.streaming-intro{
  padding-bottom:48px;
}
.streaming-intro .lede{
  max-width:760px;
}
.streaming-intro .device{
  margin-top:32px;
}
.streaming-intro .streaming-note{
  position:static;
  min-height:0;
  margin-top:auto;
  font-size:13px;
  line-height:1.6;
  background:var(--panel-2);
}
.streaming-document{
  max-width:1100px;
}
.streaming-section+.streaming-section{
  margin-top:56px;
  padding-top:40px;
  border-top:1px solid var(--border);
}
.streaming-section .prose{
  max-width:860px;
}
.streaming-section .section-head{
  margin-bottom:22px;
}
.streaming-matrix{
  margin-top:24px;
}
.streaming-matrix .data-table{
  min-width:800px;
}
.streaming-matrix tbody th{
  background:var(--panel);
}
.streaming-matrix td{
  color:var(--muted);
}
.streaming-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.streaming-pair p{
  margin-top:14px;
  color:var(--muted);
}
.streaming-next{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
@media(max-width:768px){
  .streaming-intro{
    padding-bottom:36px;
  }
  .streaming-intro .win-body .assist{
    min-height:330px;
  }
  .streaming-pair{
    grid-template-columns:1fr;
  }
  .streaming-section+.streaming-section{
    margin-top:40px;
    padding-top:32px;
  }
}
@media(max-width:640px){
  .streaming-intro h1{
    font-size:32px;
  }
  .streaming-intro .win-tab{
    padding-inline:10px;
    font-size:13px;
  }
  .streaming-intro .node-layer{
    display:none;
  }
  .streaming-intro .canvas{
    padding-inline:16px;
  }
}