
.hye-flow-section{background:#333443;color:#fff;padding:25px 0 65px;overflow:hidden}.hye-flow-wrap{max-width:1190px;margin:auto;padding:0 12px}.hye-flow-diagram{position:relative;min-width:1050px;height:800px}.hye-flow-top{display:grid;grid-template-columns:180px repeat(4,1fr) 165px;align-items:start;gap:18px}.hye-flow-branch{text-align:center;color:#efb900;letter-spacing:1px;font-size:17px}.hye-flow-badge{background:linear-gradient(#f0c72e,#c89406);color:white;padding:21px 9px;margin-bottom:12px}.hye-flow-badge.muted{background:#4e4f60;color:#efbd08}.hye-flow-sub{color:#eab400;margin-top:8px}.hye-flow-rail{position:absolute;top:170px;bottom:15px;width:150px;display:flex;flex-direction:column;justify-content:space-around;gap:15px}.hye-flow-rail.left{left:0}.hye-flow-rail.right{right:0}.hye-flow-label{background:#505161;color:#d7d5e0;text-align:center;padding:22px 5px;letter-spacing:1px;font-size:16px}.hye-flow-center{position:absolute;left:165px;right:165px;top:165px;height:615px}.hye-flow-center svg{width:100%;height:100%;overflow:visible}.hye-flow-node{cursor:pointer;outline:none;transform-box:fill-box;transform-origin:center;transition:filter .2s,transform .2s}.hye-flow-node:hover,.hye-flow-node:focus-visible,.hye-flow-node.is-active{filter:drop-shadow(0 0 11px #e9b900);transform:scale(1.055)}.hye-flow-tooltip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#22232e;border:1px solid #e4b20b;color:#fff;padding:12px 20px;min-width:280px;text-align:center;z-index:3;display:none}.hye-flow-tooltip.visible{display:block}.hye-flow-scroll{overflow-x:auto;scrollbar-color:#dca90b #353644}.hye-flow-help{text-align:center;color:#c4c3d0;font-size:13px;margin-top:12px}@media(max-width:1100px){.hye-flow-section{padding-top:35px}.hye-flow-wrap{padding:0 12px}}@media(prefers-reduced-motion:reduce){.hye-flow-node{transition:none}}
