.wf__board{border-radius:var(--radius-xl);background:var(--bg-alt);border:1px solid var(--line);box-shadow:var(--shadow-md);gap:clamp(1.25rem,1rem + 1.5vw,2rem);padding:clamp(16px,2.4vw,32px);display:grid}.wf__bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.wf__name{letter-spacing:-.01em;font-weight:620}.wf__live{margin-left:auto}.wf__track{position:relative}.wf__line{left:calc(100% / var(--count) / 2);right:calc(100% / var(--count) / 2);background:var(--line-strong);border-radius:2px;height:2px;position:absolute;top:38px;overflow:hidden}.wf__flow{background:repeating-linear-gradient(90deg, var(--accent) 0 10px, transparent 10px 22px);opacity:.55;animation:1.2s linear infinite wf-flow;position:absolute;inset:0}@keyframes wf-flow{0%{translate:-22px}to{translate:0}}.wf__pulse{width:calc(var(--at,0) * 100%);background:var(--brand);height:100%;transition:width .9s var(--ease-out);position:absolute;top:0;left:0}.wf__nodes{grid-template-columns:repeat(var(--count), minmax(0, 1fr));gap:12px;display:grid;position:relative}.wf__item{justify-items:center;display:grid}.wf__node{border-radius:var(--radius-md);text-align:center;width:100%;transition:background-color var(--dur-base) var(--ease-out);justify-items:center;gap:6px;padding:6px 4px 12px;display:grid}.wf__icon{background:var(--surface);border:1px solid var(--line-strong);width:64px;height:64px;color:var(--fg-soft);box-shadow:var(--shadow-sm);transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-spring);border-radius:20px;place-items:center;display:grid;position:relative}.wf__icon svg{width:26px;height:26px}.wf__node:hover .wf__icon{border-color:var(--accent);color:var(--accent)}.wf__node.is-passed .wf__icon{border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.wf__node[aria-selected=true] .wf__icon{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-glow);scale:1.08}.wf__label{font-size:var(--text-sm);color:var(--fg);font-weight:600;line-height:1.3}.wf__meta{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.wf__num{font-size:var(--text-2xs);color:var(--fg-muted)}.wf__inline{display:none}.wf__details{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);min-height:120px;padding:clamp(16px,1.8vw,24px)}.wf__detail{gap:6px;max-width:720px;display:grid}.wf__detail-step{font-size:var(--text-xs);color:var(--accent);font-weight:600}@media (prefers-reduced-motion:reduce){.wf__flow{animation:none}}@media (width>=641px) and (width<=1023px){.wf__track{scrollbar-width:none;margin-inline:-8px;padding-inline:8px;overflow-x:auto}.wf__track::-webkit-scrollbar{display:none}.wf__nodes,.wf__line{min-width:calc(var(--count) * 120px)}.wf__line{width:calc(var(--count) * 120px - 120px);left:60px;right:auto}}@media (width<=640px){.wf__line{width:2px;height:auto;inset:32px auto 32px 31px}.wf__flow{background:repeating-linear-gradient(180deg, var(--accent) 0 10px, transparent 10px 22px);animation-name:wf-flow-y}@keyframes wf-flow-y{0%{translate:0 -22px}to{translate:0}}.wf__pulse{width:100%;height:calc(var(--at,0) * 100%);transition:height .9s var(--ease-out)}.wf__nodes{grid-template-columns:1fr;gap:14px}.wf__item{justify-items:stretch}.wf__node{text-align:left;grid-template-columns:64px minmax(0,1fr);place-items:center start;gap:2px 14px;padding:0}.wf__icon{grid-row:1/span 2}.wf__label,.wf__meta{grid-column:2}.wf__label{align-self:end}.wf__meta{align-self:start}.wf__num{display:none}.wf__inline{font-size:var(--text-sm);color:var(--fg-soft);margin:6px 0 0 78px;line-height:1.55;display:block}.wf__details{display:none}.wf__live{margin-left:0}}