.wb-main section{padding:clamp(64px,8vw,104px) 0}.wb-main h2{margin:0}.wb-intro{flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,44px);display:flex}.wb-intro .section-eyebrow{margin:0}.wb-vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tbc{text-decoration:underline dashed var(--accent);text-underline-offset:4px;cursor:help;text-decoration-thickness:1.5px}#wb-demos .wrap{max-width:1100px}.wb-intro .body{margin:0}.wb-series{max-width:60ch;font-size:var(--fs-body-sm);color:var(--text-secondary);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.wb-series svg{color:var(--accent-text,var(--accent));flex:none;margin-top:3px}.wb-series b{color:var(--text-primary)}.wb-onair{width:fit-content;font:600 var(--fs-ui-sm)/1.2 var(--font-mono);letter-spacing:.02em;color:var(--text-tertiary);align-items:center;gap:8px;display:inline-flex}.wb-onair svg{color:var(--accent);flex:none}.wb-onair .nw{white-space:nowrap}.wb-run{--node:48px;--nx:24px;--lx:6px;list-style:none;position:relative}.wb-step{grid-template-columns:calc(var(--nx) + var(--node)) minmax(0, 1fr) minmax(0, 1.12fr);align-items:start;column-gap:clamp(20px,3vw,44px);padding-bottom:clamp(44px,5vw,72px);display:grid;position:relative}.wb-step:last-child{padding-bottom:0}.wb-step:before{content:"";left:calc(var(--nx) + var(--node) / 2 - 1px);top:calc(var(--node) + 6px);background:var(--border-medium);width:2px;position:absolute;bottom:6px}.wb-step:last-child:before{display:none}.wb-step:after{content:"";left:var(--lx);background:repeating-linear-gradient(to bottom, rgba(var(--accent-rgb), .75) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:0;bottom:0}.wb-step:first-child:after{top:calc(var(--node) / 2)}@media (prefers-reduced-motion:no-preference){.wb-step:after{animation:1.1s linear infinite wb-march}}@keyframes wb-march{to{background-position:0 -12px}}.wb-step:last-child:after{height:calc(var(--node) / 2 + 1px);bottom:auto}.wb-loop-in,.wb-loop-out{left:var(--lx);top:calc(var(--node) / 2 - 1px);width:calc(var(--nx) - var(--lx) - 4px);background:rgba(var(--accent-rgb), .75);height:2px;position:absolute}.wb-loop-in:after{content:"";border-left:7px solid rgba(var(--accent-rgb), .9);border-block:5px solid #0000;position:absolute;top:-4px;right:-4px}.wb-loop-label{left:calc(var(--lx) - 8px);writing-mode:vertical-rl;background:var(--bg-base);font:700 var(--fs-label)/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent);z-index:1;padding:6px 0;position:absolute;top:-8px;transform:rotate(180deg)}html.theme-dark .wb-loop-label{color:var(--accent-text)}.wb-node{z-index:1;margin-left:var(--nx);width:var(--node);height:var(--node);border:1.5px solid var(--border-strong);background:var(--bg-base);color:var(--text-primary);border-radius:50%;place-items:center;transition:border-color .3s,box-shadow .3s;display:grid;position:relative}.wb-step-brain .wb-node{background:var(--ink);border-color:var(--ink);color:var(--on-dark)}.wb-step.is-live .wb-node{border-color:var(--ink);box-shadow:0 0 0 6px rgba(var(--dot), .07)}.wb-step-copy{min-width:0;padding-top:4px}.wb-meta{font:700 var(--fs-label)/1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-tertiary);flex-wrap:wrap;gap:4px 10px;margin-bottom:8px;display:flex}.wb-meta span+span:before{content:"·";color:var(--text-quaternary);margin-right:10px}.wb-meta .wb-n{color:var(--text-primary)}.wb-step h3{font-size:var(--fs-h3);margin-bottom:10px;line-height:1.2}.wb-watch{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-secondary);max-width:44ch}.wb-note{max-width:44ch;font-size:var(--fs-body-sm);color:var(--text-tertiary);align-items:flex-start;gap:10px;margin-top:16px;line-height:1.5;display:flex}.wb-note svg{color:var(--text-primary);flex:none;margin-top:1px}#wb-next{background:var(--bg-surface)}#wb-next .wrap{text-align:center;max-width:720px}.wb-course .body{max-width:56ch;margin-inline:auto}.wb-course h2{margin:12px 0 14px}.wb-course .section-eyebrow{margin:0}.wb-course ul{text-align:left;gap:14px;width:fit-content;max-width:100%;margin:26px auto 30px;list-style:none;display:grid}.wb-course li{align-items:flex-start;gap:14px;display:flex}.wb-ct{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.5}.wb-ct b{font:700 var(--fs-label)/1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-primary);margin-bottom:2px;display:block}.wb-when{font-size:var(--fs-body-sm);color:var(--text-tertiary);margin-top:18px;line-height:1.5}@media (width<=860px){.wb-run{--node:40px;--nx:14px;--lx:2px}.wb-step{grid-template-columns:calc(var(--nx) + var(--node)) minmax(0, 1fr);column-gap:16px}.wb-step .wb-vis{grid-column:2;max-width:520px;margin-top:20px}.wb-step-copy{padding-top:0}}@media (prefers-reduced-motion:reduce){.wb-node{transition:none}}