.streaming-page{
  padding-top:48px;
}
.streaming-intro{
  padding:48px 32px;
  margin-bottom:40px;
  text-align:center;
  border-radius:var(--r-card);
  background:radial-gradient(ellipse at 8% 15%,rgba(var(--c-yellow),.22),var(--clear) 58%),radial-gradient(ellipse at 95% 90%,rgba(var(--c-pink),.12),var(--clear) 55%),linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
  box-shadow:var(--shadow-card);
}
.streaming-intro>.badge{
  margin-bottom:24px;
}
.streaming-intro h1{
  font-size:var(--fs-h1);
}
.streaming-intro-copy{
  max-width:720px;
  margin:0 auto 28px;
  color:var(--text-muted);
}
.streaming-intro-note{
  margin:18px 0 24px;
  font-size:var(--fs-sm);
}
.streaming-service-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.streaming-section{
  padding-top:64px;
  padding-bottom:8px;
  min-width:0;
}
.streaming-section>.table-scroll{
  margin-top:28px;
}
.streaming-section .grid p:last-child{
  margin-bottom:0;
}
.streaming-section .grid .badge{
  margin-bottom:20px;
}
.streaming-explanation{
  margin-top:28px;
}
.streaming-section .panel h3:first-child{
  margin-top:0;
}
.streaming-section .panel p:last-child{
  margin-bottom:0;
}
.streaming-section .callout a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.streaming-next{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
@media(max-width:768px){
  .streaming-intro h1{
    font-size:var(--fs-hero-mobile);
  }
  .streaming-section{
    padding-top:48px;
  }
}
@media(max-width:640px){
  .streaming-page{
    padding-top:24px;
  }
  .streaming-intro{
    padding:32px 20px;
    margin-bottom:24px;
  }
  .streaming-intro .cta-row .btn{
    padding-inline:22px;
  }
  .streaming-next{
    gap:12px;
  }
  .streaming-next .btn{
    max-width:100%;
    padding-inline:24px;
  }
}