.streaming-opening{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:48px;
}
.streaming-opening>*{
  min-width:0;
}
.streaming-lead h1{
  margin:24px 0;
}
.streaming-summary{
  font-size:var(--size-h3);
  line-height:1.6;
}
.streaming-note{
  margin:20px 0 0;
  color:var(--text-muted);
  font-size:var(--size-small);
}
.streaming-demo{
  padding:32px;
}
.streaming-demo .selected-frame p{
  margin:12px 0 0;
  color:var(--text-muted);
}
.streaming-checklist{
  margin:24px 0 0;
  padding-left:20px;
  color:var(--text-muted);
  font-size:var(--size-small);
}
.streaming-checklist li+li{
  margin-top:12px;
}
.streaming-reading{
  padding-bottom:24px;
}
.streaming-reading section+section{
  border-top:1px solid var(--border);
}
.streaming-reading section>h2:first-child{
  margin-top:0;
}
.streaming-reading .table-scroll{
  margin:24px 0;
}
.streaming-reading .data-table{
  min-width:780px;
}
.streaming-links{
  margin-top:32px;
}
.streaming-links h3{
  margin-top:0;
}
.streaming-reading .streaming-links .btn{
  text-decoration:none;
}
@media(max-width:980px){
  .streaming-opening{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .streaming-lead{
    max-width:var(--reading-width);
  }
}
@media(max-width:640px){
  .streaming-demo{
    padding:18px;
  }
  .streaming-demo .client-content{
    padding:16px;
  }
  .streaming-links .row{
    align-items:stretch;
  }
  .streaming-links .btn{
    width:100%;
  }
}