.streaming-hero{
  position:relative;
  padding-top:72px;
  padding-bottom:88px;
  overflow-x:clip;
}
.streaming-hero::before{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(var(--color-glow-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--color-glow-soft) 1px,transparent 1px),
    radial-gradient(ellipse at 74% 46%,var(--color-glow),transparent 52%);
  background-size:46px 46px,46px 46px,auto;
  content:"";
}
.streaming-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  align-items:center;
  gap:clamp(46px,7vw,96px);
}
.streaming-hero-copy{
  min-width:0;
}
.streaming-hero h1{
  max-width:720px;
  margin:20px 0 0;
  font-size:clamp(52px,5vw,68px);
}
.streaming-hero h1 .no-break{
  color:var(--color-accent);
}
.streaming-lead{
  max-width:680px;
  margin:22px 0 0;
  color:var(--color-text-soft);
  font-size:18px;
}
.streaming-actions{
  justify-content:flex-start;
}
.streaming-hero .trust-row{
  justify-content:flex-start;
}
.media-console{
  min-width:0;
  overflow:hidden;
  color:var(--color-ink);
  background:var(--color-accent);
  border:1px solid var(--color-card-edge);
  border-radius:var(--radius-medium);
  box-shadow:var(--shadow-card);
}
.media-console-bar{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  background:var(--color-panel-raised);
}
.media-console-title{
  min-width:0;
  margin-left:auto;
  overflow:hidden;
  color:var(--color-text-muted);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.media-console-body{
  padding:8px 22px 22px;
}
.console-row{
  display:grid;
  grid-template-columns:minmax(90px,.34fr) minmax(0,1fr);
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid var(--color-card-line);
}
.console-label{
  color:var(--color-ink-soft);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.04em;
}
.console-row strong{
  color:var(--color-ink);
  font-size:14px;
  font-weight:600;
}
.console-note{
  margin-top:20px;
  padding:15px;
  color:var(--color-ink-soft);
  background:var(--color-card-line);
  border-radius:var(--radius-small);
  font-size:13px;
}
.section-panel{
  background:var(--color-panel);
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.scope-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);
  gap:56px;
}
.scope-statement{
  max-width:780px;
}
.scope-statement p{
  color:var(--color-text-soft);
}
.scope-statement p:last-child{
  margin-bottom:0;
}
.scope-facts{
  align-content:start;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.scope-facts .chip{
  justify-content:center;
}
.media-table td:first-child{
  font-weight:600;
}
.support-state{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--color-text-soft);
  white-space:nowrap;
}
.support-state::before{
  width:7px;
  height:7px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--color-success);
  content:"";
}
.reading-grid{
  display:grid;
  grid-template-columns:minmax(240px,.58fr) minmax(0,1fr);
  gap:clamp(48px,8vw,110px);
}
.reading-grid .section-head{
  margin-bottom:0;
}
.reading-copy{
  max-width:760px;
}
.reading-copy p{
  color:var(--color-text-soft);
}
.comparison-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.comparison-panel{
  min-width:0;
  padding:30px;
  background:var(--color-panel-raised);
  border:1px solid var(--color-border);
  border-radius:var(--radius-medium);
}
.comparison-index{
  display:block;
  margin-bottom:34px;
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
}
.comparison-panel h3{
  margin-bottom:18px;
}
.comparison-panel p{
  margin-bottom:0;
  color:var(--color-text-soft);
}
.section-summary{
  max-width:900px;
  margin:30px 0 0;
  color:var(--color-text-soft);
}
.quality-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);
  gap:clamp(40px,7vw,88px);
  align-items:start;
}
.quality-notes{
  max-width:760px;
}
.quality-notes h3{
  margin:34px 0 12px;
  font-size:22px;
}
.quality-notes h3:first-child{
  margin-top:0;
}
.quality-notes p{
  color:var(--color-text-soft);
}
.quality-checklist{
  padding:28px;
  background:var(--color-panel);
  border:1px solid var(--color-border);
  border-radius:var(--radius-medium);
  box-shadow:var(--shadow-soft);
}
.quality-checklist h3{
  margin-bottom:22px;
  font-size:20px;
}
.quality-checklist ul{
  margin:0;
  padding-left:1.2em;
}
.quality-checklist li+li{
  margin-top:12px;
}
.error-table td:nth-child(2),
.error-table td:nth-child(3){
  min-width:280px;
}
.workflow-list{
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  list-style:none;
  counter-reset:media-workflow;
}
.workflow-list li{
  min-width:0;
  padding:28px;
  background:var(--color-panel);
  border:1px solid var(--color-border);
  border-radius:var(--radius-medium);
  counter-increment:media-workflow;
}
.workflow-list li::before{
  display:block;
  margin-bottom:30px;
  color:var(--color-accent);
  font-family:var(--font-mono);
  font-size:12px;
  content:"CHECK / " counter(media-workflow);
}
.workflow-list h3{
  margin-bottom:14px;
  font-size:22px;
}
.workflow-list p{
  margin-bottom:0;
  color:var(--color-text-soft);
}
.result-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:40px;
  margin-top:56px;
  padding:34px;
  background:var(--color-panel-raised);
  border:1px solid var(--color-border);
  border-radius:var(--radius-medium);
  box-shadow:var(--shadow-soft);
}
.result-panel h2{
  margin:10px 0 14px;
  font-size:clamp(27px,3vw,38px);
}
.result-panel p{
  max-width:760px;
  margin-bottom:0;
  color:var(--color-text-soft);
}
.result-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.result-actions .btn{
  width:100%;
}
@media (max-width:980px){
  .streaming-hero-grid{
    grid-template-columns:1fr;
  }
  .media-console{
    width:min(720px,100%);
  }
  .scope-layout,
  .quality-layout{
    grid-template-columns:1fr;
  }
  .scope-facts{
    max-width:720px;
  }
  .quality-checklist{
    max-width:720px;
  }
}
@media (max-width:768px){
  .streaming-hero{
    padding-top:48px;
    padding-bottom:72px;
  }
  .streaming-hero::before{
    background-size:34px 34px,34px 34px,auto;
  }
  .streaming-hero h1{
    font-size:clamp(32px,9vw,40px);
  }
  .streaming-lead{
    font-size:16px;
  }
  .reading-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .comparison-grid,
  .workflow-list{
    grid-template-columns:1fr;
  }
  .result-panel{
    grid-template-columns:1fr;
  }
  .result-actions{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .result-actions .btn{
    width:auto;
  }
}
@media (max-width:640px){
  .streaming-actions,
  .streaming-hero .trust-row{
    justify-content:flex-start;
  }
  .streaming-actions .btn{
    flex:1 1 140px;
  }
  .console-row{
    grid-template-columns:1fr;
    gap:5px;
  }
  .media-console-body{
    padding-inline:16px;
  }
  .comparison-panel,
  .workflow-list li,
  .quality-checklist,
  .result-panel{
    padding:22px;
  }
  .result-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .result-actions .btn{
    width:100%;
  }
}