.system-flow-section{padding:108px 0;background:#ecefea}.system-flow-section code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.system-flow-board{overflow:hidden;border:1px solid #c9d4cc;border-radius:24px;background:#071814;color:#edf6f2;box-shadow:0 28px 75px rgba(10,25,21,.16)}.flow-lane-label{display:grid;grid-template-columns:2fr 2fr 1fr;padding:16px 24px;border-bottom:1px solid #ffffff14;color:#6f8980;font:800 .56rem/1 ui-monospace,monospace;letter-spacing:.14em}.flow-lane-label span:nth-child(2){text-align:center}.flow-lane-label span:last-child{text-align:right}.system-flow-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr) 38px) minmax(138px,1fr);align-items:stretch;padding:28px 24px 20px}.flow-node{position:relative;min-height:220px;padding:19px 17px;border:1px solid #ffffff1e;border-radius:15px;background:#ffffff07}.flow-node small{color:#6f8980;font:800 .52rem/1.3 ui-monospace,monospace;letter-spacing:.09em}.flow-node h3{margin:42px 0 8px;font-size:1.05rem}.flow-node p{margin:0;color:#91a59e;font-size:.75rem;line-height:1.5}.flow-node b{position:absolute;left:17px;bottom:16px;color:#22dda5;font:800 .52rem/1 ui-monospace,monospace;letter-spacing:.08em}.flow-node.human{border-color:#f0a34a55}.flow-node.desk{background:#101f22}.flow-node.control{border-color:#22dda566;background:#0b2b22}.flow-node.agent{border-color:#a67cff55;background:#171426}.flow-node.mcp{border-color:#86b8ff55;background:#0d2028}.flow-node.database{border-color:#22dda566;background:linear-gradient(145deg,#0b3025,#0a201a)}.flow-arrow{display:grid;place-items:center;align-content:center;gap:10px;color:#22dda5;font-size:1.4rem;font-style:normal}.flow-arrow span{color:#647d74;font:700 .45rem/1 ui-monospace,monospace;letter-spacing:.05em;writing-mode:vertical-rl}.return-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 24px;padding:17px;border:1px solid #22dda544;border-radius:12px;background:#0a2a21;color:#22dda5}.return-flow span{font:800 .58rem/1 ui-monospace,monospace;letter-spacing:.1em}.return-flow p{margin:0;color:#a6b8b2;font-size:.67rem}.return-flow i{font-style:normal}.flow-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:20px;background:#ffffff16}.flow-rules article{min-height:125px;padding:20px 24px;background:#0a1512}.flow-rules span{color:#22dda5;font:800 .58rem/1 ui-monospace,monospace;letter-spacing:.1em}.flow-rules p{margin:13px 0 0;color:#8ea199;font-size:.76rem}.flow-rules .no-markdown{background:#1c1713}.flow-rules .no-markdown span{color:#f0a34a}@media(max-width:1150px){.system-flow-grid{grid-template-columns:repeat(3,1fr);gap:10px}.flow-arrow{display:none}.flow-node{min-height:190px}.flow-lane-label{display:none}}@media(max-width:700px){.system-flow-section{padding:78px 0}.system-flow-grid{grid-template-columns:1fr}.flow-node{min-height:175px}.flow-node h3{margin-top:28px}.return-flow{align-items:flex-start;flex-direction:column}.return-flow i{transform:rotate(90deg)}.flow-rules{grid-template-columns:1fr}}