.streaming-intro{padding-top:72px;padding-bottom:72px;background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}
.streaming-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,80px)}
.streaming-intro-grid>*{min-width:0}
.streaming-intro h1{max-width:780px;margin-top:24px}
.streaming-lede{max-width:690px;margin-top:24px;color:var(--muted);font-size:18px;line-height:1.75}
.streaming-intro-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.streaming-intro-note{margin-top:18px;color:var(--muted);font-size:14px}
.streaming-note{padding:32px}
.streaming-note-label{color:var(--accent);font-family:var(--f-mono);font-size:13px;font-weight:700}
.streaming-note ol{margin:22px 0;padding:0;list-style:none}
.streaming-note li{display:flex;align-items:baseline;gap:16px;padding:16px 0;border-top:1px solid var(--border)}
.streaming-note li strong{flex:none;color:var(--text);font-size:18px}
.streaming-note li span{color:var(--muted);font-size:14px}
.streaming-note>p{padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}
.streaming-page>.toc-tabs{padding-inline:var(--gutter)}
.streaming-table{min-width:760px}
.streaming-table th:last-child,.streaming-table td:last-child{white-space:nowrap}
.streaming-callout{max-width:900px;margin-top:28px}
.streaming-reading{max-width:900px}
.streaming-reading h2{margin-bottom:28px}
.streaming-reading .prose{max-width:820px}
.streaming-copy{margin-top:32px}
.streaming-tint{background:var(--panel-2)}
.streaming-tint .callout{margin-top:24px;background:var(--panel)}
.streaming-end{background:linear-gradient(180deg,var(--bg-bottom),var(--bg))}
.streaming-end-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:clamp(28px,5vw,72px)}
.streaming-end-grid>*{min-width:0}
.streaming-end-grid h2{margin-bottom:24px}
.streaming-end-grid p{max-width:760px;color:var(--muted)}
.streaming-end-grid p+p{margin-top:18px}
.streaming-links{padding:28px}
.streaming-links h3{margin-bottom:16px;font-size:21px}
.streaming-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding-block:12px;border-top:1px solid var(--border);color:var(--accent);font-weight:700;text-decoration:none}
.streaming-links a:hover{text-decoration:underline}
.streaming-links a span:last-child{flex:none}
.streaming-links p{padding-top:16px;border-top:1px solid var(--border);font-size:14px}
@media(max-width:800px){
  .streaming-intro-grid,.streaming-end-grid{grid-template-columns:1fr}
  .streaming-intro{padding-top:48px;padding-bottom:56px}
  .streaming-note{max-width:620px}
}
@media(max-width:640px){
  .streaming-lede{font-size:16px}
  .streaming-note{padding:24px}
  .streaming-note li{flex-wrap:wrap;gap:4px 12px}
  .streaming-links{padding:24px}
}