.stream-hero{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  padding-top:72px;
  padding-bottom:78px;
  background:linear-gradient(180deg,var(--bg-hero-top),var(--bg-hero-bottom));
}
.stream-hero::before{
  position:absolute;
  inset:0;
  background-image:var(--grain);
  content:"";
  opacity:.03;
  pointer-events:none;
}
.stream-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:64px;
  align-items:center;
}
.stream-hero__copy h1{
  max-width:760px;
  margin-bottom:20px;
}
.stream-hero__lede{
  max-width:700px;
  margin-bottom:0;
  color:var(--text-muted);
  font-size:18px;
}
.stream-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.stream-hero__badges{margin-top:28px}
.media-console{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:var(--panel);
  box-shadow:var(--shadow-window);
}
.media-console__bar{
  display:flex;
  min-height:46px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-inline:18px;
  border-bottom:1px solid var(--border);
  background:var(--panel-bar);
  color:var(--text-muted);
  font-size:12px;
}
.media-console__body{padding:22px}
.media-console__route{
  padding:18px;
  border:1px solid var(--border-soft);
  border-radius:var(--radius-md);
  background:var(--canvas);
}
.media-console__label{
  display:block;
  margin-bottom:7px;
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}
.media-console__route strong{display:block;font-size:20px}
.media-console__route p{
  margin:7px 0 0;
  color:var(--text-muted);
  font-size:13px;
}
.media-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin-top:12px;
  padding:4px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--panel-muted);
}
.media-tile{
  min-height:112px;
  padding:16px;
  border-radius:var(--radius-sm);
  background:var(--panel);
}
.media-tile--active{
  background:var(--accent);
  color:var(--on-accent);
}
.media-tile span{
  display:block;
  color:var(--text-muted);
  font-family:var(--font-mono);
  font-size:11px;
}
.media-tile--active span,
.media-tile--active small{color:var(--border)}
.media-tile strong{
  display:block;
  margin-top:12px;
  font-size:15px;
}
.media-tile small{
  display:block;
  margin-top:5px;
  color:var(--text-muted);
}
.media-console__note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:16px;
  color:var(--text-muted);
  font-size:12px;
}
.media-console__dot{
  width:8px;
  height:8px;
  flex-shrink:0;
  margin-top:6px;
  border-radius:var(--radius-pill);
  background:var(--success);
}
.stream-article{
  padding-top:32px;
  padding-bottom:96px;
}
.stream-section{
  padding-top:72px;
  padding-bottom:72px;
  border-bottom:1px solid var(--border);
}
.stream-section:last-child{border-bottom:0}
.section-heading{
  max-width:850px;
  margin-bottom:30px;
}
.section-heading h2{margin-bottom:14px}
.section-heading p:last-child{
  margin-bottom:0;
  color:var(--text-muted);
}
.stream-table{
  width:100%;
  min-width:860px;
}
.stream-table th,
.stream-table td{
  padding:15px 16px;
  border-bottom:1px solid var(--border-soft);
  text-align:left;
  vertical-align:top;
}
.stream-table th{
  background:var(--panel-muted);
  font-size:13px;
  font-weight:800;
}
.stream-table td{
  background:var(--panel);
  color:var(--text-muted);
  font-size:14px;
}
.stream-table td:first-child{
  color:var(--text);
  font-weight:800;
}
.stream-table tbody tr:last-child td{border-bottom:0}
.support-state{
  color:var(--success);
  font-weight:700;
}
.stream-section .callout{margin-top:24px}
.stream-copy-grid{
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,7fr);
  gap:64px;
  align-items:start;
}
.prose-copy p{color:var(--text-muted)}
.prose-copy p:last-child{margin-bottom:0}
.concept-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.concept-card{
  min-height:290px;
  padding:26px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--panel);
  box-shadow:var(--shadow-card);
}
.concept-card__mark{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  margin-bottom:28px;
  border-radius:var(--radius-pill);
  background:var(--accent);
  color:var(--on-accent);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:800;
}
.concept-card h3{margin-bottom:12px}
.concept-card p{
  margin-bottom:0;
  color:var(--text-muted);
  font-size:15px;
}
.stream-note{
  max-width:880px;
  margin:28px 0 0;
  color:var(--text-muted);
}
.quality-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:1px;
  margin-top:34px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--border);
}
.quality-strip span{
  display:flex;
  min-height:74px;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:var(--panel);
  color:var(--accent);
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.route-guide{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.route-guide__item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  min-height:210px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--panel);
}
.route-guide__index{
  display:flex;
  width:48px;
  height:30px;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  background:var(--accent-soft);
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:800;
}
.route-guide__item h3{
  margin-bottom:10px;
  font-size:21px;
}
.route-guide__item p{
  margin-bottom:0;
  color:var(--text-muted);
  font-size:14px;
}
.error-table{min-width:760px}
.check-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:0;
  counter-reset:stream-check;
  list-style:none;
}
.check-flow li{
  position:relative;
  min-height:220px;
  padding:60px 22px 22px;
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  background:var(--panel);
  counter-increment:stream-check;
}
.check-flow li::before{
  position:absolute;
  top:20px;
  left:22px;
  color:var(--accent);
  content:counter(stream-check);
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:800;
}
.check-flow li::after{
  position:absolute;
  top:40px;
  right:22px;
  left:22px;
  height:1px;
  background:var(--border-soft);
  content:"";
}
.check-flow strong{font-size:18px}
.check-flow p{
  margin:10px 0 0;
  color:var(--text-muted);
  font-size:14px;
}
.stream-section--closing{
  padding-bottom:0;
}
.next-links{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  padding:36px;
  border-radius:var(--radius-lg);
  background:var(--panel-muted);
}
.next-links h2{margin-bottom:10px}
.next-links p:last-child{
  max-width:750px;
  margin-bottom:0;
  color:var(--text-muted);
}
.next-links__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
@media (max-width:980px){
  .stream-hero__grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .media-console{max-width:720px}
  .concept-grid{grid-template-columns:1fr}
  .concept-card{min-height:0}
  .quality-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .check-flow{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .stream-hero{
    padding-top:50px;
    padding-bottom:58px;
  }
  .stream-copy-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .route-guide{grid-template-columns:1fr}
  .next-links{grid-template-columns:1fr}
  .next-links__actions{flex-direction:row}
}
@media (max-width:640px){
  .stream-hero__actions{width:100%;flex-direction:column}
  .media-console__bar .mono{display:none}
  .media-console__body{padding:14px}
  .media-mosaic{grid-template-columns:1fr}
  .media-tile{min-height:92px}
  .stream-article{
    padding-top:22px;
    padding-bottom:70px;
  }
  .stream-section{
    padding-top:54px;
    padding-bottom:54px;
  }
  .quality-strip{grid-template-columns:1fr 1fr}
  .route-guide__item{
    grid-template-columns:1fr;
    min-height:0;
  }
  .check-flow{grid-template-columns:1fr}
  .check-flow li{min-height:0}
  .next-links{padding:26px 20px}
  .next-links__actions{flex-direction:column}
}