.stream-intro{
  position:relative;
  text-align:center;
}
.stream-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 24% 84%,var(--accent-a10),var(--clear) 65%);
}
.stream-intro>.badge{
  margin-bottom:24px;
}
.stream-intro h1{
  letter-spacing:-.02em;
}
.stream-lead{
  color:var(--muted);
  font-size:var(--fs-19);
  line-height:1.7;
  margin-bottom:24px;
}
.stream-trust{
  margin:20px 0 32px;
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:var(--fs-12);
}
.stream-route{
  text-align:left;
}
.stream-route .browser-chrome{
  justify-content:space-between;
  border-radius:var(--r-lg) var(--r-lg) 0 0;
}
.stream-route ol{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  list-style:none;
  padding:24px;
  margin:0;
}
.stream-route li{
  min-width:0;
  margin:0;
  padding-left:16px;
  border-left:2px solid var(--accent-a22);
}
.stream-route strong,
.stream-route li span{
  display:block;
}
.stream-route strong{
  margin-bottom:8px;
  font-size:var(--fs-15);
}
.stream-route li span{
  font-size:var(--fs-13);
  color:var(--muted);
}
.stream-guide{
  padding-top:0;
}
.stream-guide section+section{
  margin-top:64px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.stream-guide .prose h2{
  margin-top:24px;
}
.stream-guide .table-scroll{
  margin-block:24px;
}
.stream-next{
  display:flex;
  flex-wrap:wrap;
  gap:16px 32px;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
@media(max-width:640px){
  .stream-lead{
    font-size:var(--fs-17);
  }
  .stream-route ol{
    grid-template-columns:1fr;
    gap:20px;
    padding:20px;
  }
  .stream-route strong{
    margin-bottom:4px;
  }
  .stream-guide section+section{
    margin-top:48px;
  }
}