.stream-intro{position:relative;max-width:100%;overflow-x:clip;background:linear-gradient(180deg,var(--bg),var(--bg-deep))}
.stream-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,var(--mask-clear) 1px),linear-gradient(90deg,var(--grid-line) 1px,var(--mask-clear) 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(var(--mask-solid),var(--mask-clear));mask-image:linear-gradient(var(--mask-solid),var(--mask-clear))}
.stream-intro-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding-top:80px;padding-bottom:80px}
.stream-heading{min-width:0}
.stream-heading h1{margin:12px 0 20px;font-weight:900;letter-spacing:-.02em}
.stream-lead{max-width:620px;color:var(--muted);font-size:19px;line-height:1.7}
.stream-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.stream-actions .btn-hot{min-height:56px;padding-inline:26px}
.stream-console{min-width:0;padding:22px;background:var(--ink);border:1px solid var(--ink-3);border-radius:var(--r-lg);color:var(--on-ink);box-shadow:var(--shadow-deep)}
.stream-console-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--ink-line);font-size:12px;color:var(--on-ink-muted)}
.stream-console-state{display:inline-flex;align-items:center;gap:8px;color:var(--on-ink);white-space:nowrap}
.stream-console-row{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--ink-line)}
.stream-step{font-family:var(--font-mono);font-size:12px;color:var(--chip-iepl-fg)}
.stream-console-row strong,.stream-console-row span:not(.stream-step):not(.stream-mark){display:block}
.stream-console-row strong{font-size:15px}
.stream-console-row div span{margin-top:4px;color:var(--on-ink-muted);font-size:13px}
.stream-mark{color:var(--chip-iepl-fg);font-weight:800}
.stream-console-foot{padding-top:18px;color:var(--on-ink-muted);font-size:13px}
.stream-console-foot .mono{color:var(--on-ink)}
.stream-body{padding-top:32px;padding-bottom:72px}
.stream-body .sec{border-bottom:1px solid var(--border)}
.stream-body .sec:last-child{border-bottom:0;padding-bottom:0}
.stream-section-heading{margin-bottom:24px}
.stream-section-heading h2{margin:8px 0 0;font-weight:900;letter-spacing:-.02em}
.stream-section-lead{max-width:920px;margin-bottom:24px;color:var(--muted);line-height:1.8}
.stream-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:32px;align-items:start}
.stream-side h3{margin:10px 0 20px}
.stream-side ul{display:grid;gap:16px}
.stream-side li{display:flex;align-items:flex-start;gap:12px}
.stream-mini-dot{width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--grad-hot);flex-shrink:0}
.stream-side li strong{display:block}
.stream-side li p{margin-top:4px;color:var(--muted);font-size:14px}
.stream-table th,.stream-table td{vertical-align:top}
.stream-table td:last-child{min-width:270px;color:var(--muted);font-weight:400}
.stream-table td:nth-child(3){white-space:nowrap}
.stream-callout{margin-top:20px}
.stream-followup{max-width:920px;margin-top:20px;line-height:1.85;color:var(--muted)}
.stream-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stream-explain h3{margin:12px 0}
.stream-explain p{color:var(--muted);line-height:1.85}
.stream-after-duo{max-width:920px;margin-top:28px}
.stream-readable{max-width:920px}
.stream-error-list{display:grid;gap:12px}
.stream-error{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(0,1fr);align-items:start;gap:24px}
.stream-error-code{display:inline-block;max-width:100%;overflow-wrap:anywhere;color:var(--accent-dark);font-size:13px;font-weight:700}
.stream-error h3{margin:0 0 10px;font-size:21px}
.stream-error p{color:var(--muted);line-height:1.8}
.stream-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stream-flow>div{min-width:0;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-card)}
.stream-flow-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-sm);background:var(--grad-hot);font-family:var(--font-mono);font-weight:800;font-size:12px;color:var(--ink)}
.stream-flow h3{margin:18px 0 10px;font-size:20px}
.stream-flow p{color:var(--muted);font-size:14px;line-height:1.8}
.stream-final-note{margin-top:24px}
.stream-next{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:32px;border-radius:var(--r-lg);background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-deep)}
.stream-next h2{margin:8px 0 12px;font-size:30px}
.stream-next p{max-width:600px;color:var(--on-ink-muted)}
.stream-next-links{display:flex;flex-wrap:wrap;gap:10px}
.stream-next .btn-line{min-height:44px;border-color:var(--on-ink-muted);color:var(--on-ink)}
.stream-next .btn-line:hover{background:var(--ink-2)}
@media(max-width:980px){
  .stream-intro-inner{gap:24px}
  .stream-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stream-next{align-items:flex-start;flex-direction:column}
}
@media(max-width:768px){
  .stream-intro-inner{grid-template-columns:minmax(0,1fr);padding-top:48px;padding-bottom:48px}
  .stream-console{max-width:600px;width:100%}
  .stream-columns{grid-template-columns:minmax(0,1fr)}
  .stream-duo{grid-template-columns:minmax(0,1fr)}
  .stream-error{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media(max-width:640px){
  .stream-intro,.stream-body{max-width:100%;overflow-x:clip}
  .stream-heading h1{font-size:clamp(28px,8vw,40px)}
  .stream-lead{font-size:16px}
  .stream-actions{align-items:stretch}
  .stream-actions .btn-hot,.stream-actions .btn-line{flex:1;min-width:0;padding-inline:14px;font-size:14px}
  .stream-flow{grid-template-columns:minmax(0,1fr)}
  .stream-next{padding:24px}
  .stream-next-links{width:100%}
  .stream-next-links a{width:100%}
}