.workflow-section{padding:118px 0;background:#eef1ec;border-bottom:1px solid var(--line)}.workflow-head{display:flex;justify-content:space-between;align-items:end;gap:50px}.workflow-head .section-heading{max-width:670px}.workflow-head .section-heading>p:last-child{font-size:17px;color:var(--muted)}.scenario-switcher{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.scenario-button{border:1px solid #9eaaa4;background:transparent;color:#41514b;padding:9px 12px;font:700 11px var(--display);cursor:pointer}.scenario-button:hover,.scenario-button.active{background:var(--ink);border-color:var(--ink);color:white}.workflow-shell{margin-top:45px;border:1px solid #9eaaa4;background:#f8f9f5;box-shadow:14px 14px 0 #d4dbd6}.workflow-toolbar{height:48px;padding:0 17px;border-bottom:1px solid #b8c2bc;display:flex;align-items:center;gap:8px;font:700 10px var(--display);letter-spacing:.1em;color:#596962}.workflow-toolbar i{width:7px;height:7px;border-radius:50%;background:#8b9992}.workflow-toolbar i:first-child{background:#2e9b77}.workflow-toolbar span{margin-left:5px}.workflow-canvas{position:relative;overflow-x:auto;padding:52px 38px 45px;background-image:linear-gradient(#dfe5e0 1px,transparent 1px),linear-gradient(90deg,#dfe5e0 1px,transparent 1px);background-size:24px 24px}.workflow-track{min-width:1020px;display:grid;grid-template-columns:repeat(7,1fr);gap:28px;position:relative}.workflow-track:before{content:"";position:absolute;left:8%;right:8%;top:43px;height:2px;background:#a8b4ae}.workflow-node{position:relative;z-index:1;min-height:112px;padding:16px 13px;background:#fff;border:1px solid #94a39b;text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 rgba(7,17,15,.08);transition:.2s}.workflow-node:before,.workflow-node:after{content:"";position:absolute;top:38px;width:9px;height:9px;border:2px solid #60716a;background:#f8f9f5;border-radius:50%}.workflow-node:before{left:-6px}.workflow-node:after{right:-6px}.workflow-node:first-child:before,.workflow-node:last-child:after{display:none}.workflow-node:hover,.workflow-node.selected{transform:translateY(-4px);border-color:#1d7559;box-shadow:0 7px 0 #c4d9d0}.node-icon{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;background:#dce8e2;color:#1f6c54;font:800 12px var(--display)}.workflow-node b{display:block;font:700 12px var(--display)}.workflow-node small{display:block;margin-top:4px;color:#74817b;font-size:9px;letter-spacing:.06em}.workflow-node .node-status{position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#9aa6a0}.workflow-node.passed .node-status{background:#2d9a73;box-shadow:0 0 0 4px rgba(45,154,115,.1)}.workflow-node.review .node-status{background:#e6ab28;box-shadow:0 0 0 4px rgba(230,171,40,.13)}.workflow-node.blocked .node-status{background:#d95050;box-shadow:0 0 0 4px rgba(217,80,80,.12)}.workflow-detail{display:grid;grid-template-columns:140px 1fr auto;gap:22px;align-items:center;min-height:105px;padding:20px 24px;border-top:1px solid #b8c2bc;background:var(--ink);color:white}.workflow-detail small{font:700 9px var(--display);letter-spacing:.13em;color:var(--mint)}.workflow-detail h3{font-size:18px;letter-spacing:-.02em}.workflow-detail p{margin:0;color:#aebdb8;font-size:13px}.workflow-detail code{padding:8px 10px;background:#172720;color:var(--mint);font-size:10px}.canvas-hint{display:none}.workflow-node:focus-visible,.scenario-button:focus-visible{outline:3px solid #58b994;outline-offset:3px}@media(max-width:850px){.workflow-head{display:block}.scenario-switcher{justify-content:flex-start;margin-top:25px}.workflow-detail{grid-template-columns:1fr}.workflow-detail code{justify-self:start}.canvas-hint{display:block;margin:0 0 10px;color:#68766f;font-size:11px}}@media(max-width:640px){.workflow-section{padding:80px 0}.workflow-shell{box-shadow:7px 7px 0 #d4dbd6}.workflow-canvas{padding:38px 24px}.workflow-detail{padding:20px}}