.visual-intro{max-width:880px;font-size:16px;line-height:1.9;color:#637893}.flowboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.flownode{background:#fff;border:1px solid #dce5f2;border-radius:12px;padding:22px;position:relative;min-height:155px}.flownode .stepno{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf2ff;color:#4c6ee8;font-size:13px;font-weight:650}.flownode h3{font-size:18px;line-height:1.6;margin:13px 0 9px}.flownode p{color:#70829e;font-size:14px;line-height:1.9;margin:0;white-space:pre-line}.flownode.highlight{background:#edf4ff;border-color:#bcd0f7}.flownode.green{background:#eff9f5;border-color:#c3e3d5}.visual-section{margin:30px 0 20px}.visual-section h2{margin-bottom:9px}.visual-section>p{font-size:15px;color:#7d8da5;margin:0}.diagram-note{font-size:13px;color:#7b8eaa;line-height:1.9;margin-top:12px}.return-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.return-panel{padding:26px;background:white;border:1px solid var(--line);border-radius:12px}.return-panel .number{font-size:34px;color:#3569ca;letter-spacing:-1px;margin:12px 0}.return-panel h3{font-size:18px}.calc-arrow{display:flex;align-items:center;gap:12px;margin:13px 0;color:#7688a3;font-size:14px}.calc-arrow b{color:#315a98;font-size:19px;font-weight:550}.formula-strip{background:#edf3fc;border-radius:10px;padding:18px 22px;font-size:17px;color:#486eaa;line-height:1.9;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.formula-strip strong{color:#2b5597}.splitflows{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ledgerbox{border:1px solid var(--line);background:white;border-radius:12px;padding:22px}.ledgerrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f7;gap:20px;color:#70819b;font-size:15px}.ledgerrow strong{color:#315578;font-size:18px}.ledgerrow.total{background:#eef6fa;padding:15px;border:0;border-radius:8px;margin-top:10px}.vertical-flow{display:flex;flex-direction:column;gap:15px;margin:18px 0}.vertical-flow .flownode{min-height:0}.dayladder{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.daybox{padding:17px 8px;background:#f0f4fa;border-radius:8px;text-align:center;color:#8092ac;font-size:12px}.daybox b{display:block;font-size:18px;color:#5376b0;margin-top:10px}.daybox.on{background:#e5f3ed}.daybox.on b{color:#23876c}.compare-money{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.metric-note{font-size:12px;color:#8192a9;line-height:1.8}.thin-card{border-left:3px solid #7197e9}.visual-detail summary{font-size:15px;font-weight:550;color:#4a6b9d}.visual-detail p{font-size:15px;line-height:2;white-space:pre-line}.visual-detail .meta{font-size:12px}.quote-numbers{display:flex;gap:25px;flex-wrap:wrap;margin:18px 0}.quote-numbers strong{font-size:25px;color:#3d629d;display:block}.quote-numbers small{font-size:13px;color:#8291a7}.mini-steps{display:flex;flex-direction:column;gap:12px;margin:17px 0}.mini-step{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.9;color:#6b809d}.mini-step i{font-style:normal;border:1px solid #ccdaf3;border-radius:50%;width:27px;min-width:27px;height:27px;text-align:center;font-size:12px;color:#5a7dc0}.tasks-demo input{width:105px}.section-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.visual-detail[open]{box-shadow:0 5px 18px #243a5506}.flowtag{font-size:12px;padding:4px 8px;background:#eff4fc;color:#6b85ac;border-radius:4px;display:inline-block}.bubble-note{padding:17px 20px;border-radius:9px;background:#fff6e8;color:#97733d;font-size:14px;line-height:1.9;margin:18px 0}
@media(max-width:1100px){.flowboard{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-money{grid-template-columns:1fr 1fr}.splitflows{grid-template-columns:1fr}}
@media(max-width:720px){.flowboard{grid-template-columns:1fr;gap:16px}.flownode{padding:20px;min-height:0}.return-grid,.compare-money{grid-template-columns:1fr}.dayladder{grid-template-columns:repeat(4,1fr)}.formula-strip{font-size:16px}.return-panel .number{font-size:29px}.flownode h3{font-size:19px}.flownode p{font-size:15px}.tasks-demo input{width:85px}.ledgerrow{font-size:14px}.ledgerrow strong{font-size:17px}}
.branch-diagram{margin:22px 0}.branch-root{max-width:430px;margin:auto}.branch-root .flownode{min-height:0}.branch-lines{display:block;width:100%;height:38px}.branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.branches .flownode{height:100%}@media(max-width:720px){.branches{grid-template-columns:1fr;margin-top:17px}.branch-lines{display:none}.branch-root{max-width:none}}
.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.device-connector{text-align:center;padding:16px;color:#7891b6;font-size:14px}.terminal-spaces{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.terminal-cell{background:#f2f5f9;border:1px dashed #ccd7e8;padding:16px 12px;border-radius:8px}.terminal-cell.ready{background:#ebf7f2;border:1px solid #b9dfcf}.terminal-cell b,.terminal-cell span,.terminal-cell small{display:block}.terminal-cell b{font-size:17px;color:#546d94;margin-bottom:9px}.terminal-cell span{font-size:13px;color:#7d8ba0;line-height:1.8}.terminal-cell small{font-size:12px;color:#91a0b5;margin-top:4px}.slot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.order-slot{border-radius:8px;padding:15px 10px;text-align:center}.order-slot.running{background:#e8eefc;border:1px solid #cfdcf7;color:#5a78b4}.order-slot.free{background:#eff8f4;border:1px dashed #bcd8cb;color:#5d8c79}.order-slot b{display:block;font-size:18px}.order-slot small{display:block;font-size:12px;margin-top:7px}@media(max-width:720px){.device-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(4,1fr)}.terminal-cell span{font-size:14px}}

/* Fixed-size connectors: inset is reset together to avoid a stretched mobile box. */
.flowboard > .flownode::after{content:none;position:absolute;display:none;width:22px;height:22px;box-sizing:border-box;background:transparent;color:#7992bf;font-size:20px;line-height:22px;text-align:center;pointer-events:none;z-index:1}
@media(min-width:1101px){.flowboard > .flownode:not(:nth-child(4n)):not(:last-child)::after{content:'→';display:block;inset:52px -20px auto auto;transform:none}}
@media(min-width:721px) and (max-width:1100px){.flowboard > .flownode:nth-child(odd):not(:last-child)::after{content:'→';display:block;inset:52px -20px auto auto;transform:none}}
@media(max-width:720px){.flowboard{row-gap:24px}.flowboard > .flownode:not(:last-child)::after{content:'↓';display:block;inset:auto auto -24px 50%;transform:translateX(-50%);background:transparent}}
.vertical-flow > .flownode:not(:last-child)::after{content:'↓';position:absolute;display:block;width:22px;height:22px;inset:auto auto -22px 50%;transform:translateX(-50%);background:transparent;pointer-events:none;color:#7992bf;line-height:22px;text-align:center}