/* ==========================================================================
   VPNVO · streaming page
   hero spacing · platform chips · scenario panels · next-step cards
   ========================================================================== */

.hero.stream-hero .hero-inner{padding-top:46px;padding-bottom:58px}

.stream-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}

.stream-note{
  margin-top:var(--sp-3);
  font-family:var(--font-mono);
  font-size:11px;
  line-height:1.75;
  color:var(--text-muted);
}

/* ---- section rhythm ---- */

.prose + .table-scroll,
.table-scroll + .callout,
.table-scroll + .prose,
.callout + .table-scroll,
.callout + .prose{margin-top:var(--sp-5)}

/* ---- scenario tab panels ---- */

.stream-panel{display:grid;gap:10px;min-width:0}
.stream-panel p{font-size:14.5px;line-height:1.75;color:var(--text-muted)}
.stream-panel ul{display:grid;gap:8px;font-size:14px;line-height:1.7;color:var(--text)}
.stream-panel li{display:flex;align-items:flex-start;gap:9px;min-width:0}
.stream-panel li::before{
  content:"";flex:none;width:5px;height:5px;margin-top:9px;
  border-radius:var(--r-pill);background:var(--accent);
}

/* ---- next-step cards ---- */

.stream-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:var(--sp-6)}
.stream-link-card{
  display:grid;gap:8px;min-width:0;padding:22px;
  text-decoration:none;color:inherit;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.stream-link-card:hover{transform:translateY(-2px);border-color:var(--accent-24);box-shadow:var(--shadow-2), var(--hi)}
.stream-k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;color:var(--text-muted)}
.stream-link-card h3{font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--text)}
.stream-link-card p:not(.stream-k){font-size:13.5px;line-height:1.7;color:var(--text-muted)}
.stream-link-card .link{margin-top:2px;font-family:var(--font-mono);font-size:11px;text-decoration:none}

@media (max-width:760px){
  .hero.stream-hero .hero-inner{padding-top:30px;padding-bottom:38px}
  .stream-next{grid-template-columns:1fr}
  .stream-link-card{padding:18px}
}