.money-flow-page{--ink:#171918;--paper:#f1ede3;--white:#faf7ef;--acid:#a8b63f;--red:#c93237;--line:#d2ccc1;margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.money-flow-page *{box-sizing:border-box}.money-flow-page [hidden]{display:none!important}.flow-main{max-width:1600px;margin:auto;padding:0 4vw}.flow-skip{position:absolute;top:-80px;left:15px;z-index:100;background:var(--paper);padding:14px}.flow-skip:focus{top:10px}.money-flow-page button{font:inherit;cursor:pointer}.money-flow-page button:focus-visible,.money-flow-page a:focus-visible,.flow-scroll:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.flow-hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:57px 0 36px}.flow-kicker{font:11px/1.4 monospace;letter-spacing:.11em;font-weight:600}.flow-hero h1{font-size:clamp(52px,6.8vw,96px);line-height:1.03;letter-spacing:-.065em;margin:15px 0 18px;font-weight:750}.flow-hero h1 em{font-family:Georgia,serif;font-weight:400}.flow-intro{font-size:17px;line-height:1.55;max-width:590px;margin:0;color:#565a53}.flow-edition{min-width:240px;display:grid;gap:8px;border-left:1px solid var(--line);padding:8px 0 8px 30px;font-size:12px}.flow-edition>span:last-of-type{color:#565a53}.flow-country{font:14px monospace;letter-spacing:.08em;display:flex;align-items:center;gap:12px;margin-bottom:10px}.flow-country i{display:inline-block;width:24px;height:1px;background:var(--ink)}.flow-edition strong{font-size:14px}.flow-edition a{color:var(--ink);text-underline-offset:5px;margin-top:12px}
.flow-equation{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 1.2fr;align-items:center;gap:22px;border-top:1px solid var(--ink);padding:24px 0 29px}.flow-equation>div{display:grid;gap:6px}.flow-equation>div>span{font-size:12px}.flow-equation strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.05em}.flow-equation small{font:10px monospace;color:#656960}.flow-equation>b{font:26px monospace;color:#8b8d83}.flow-equation .flow-gap strong{color:var(--red)}.flow-equation>p{padding-left:22px;border-left:1px solid var(--line);font-size:14px;line-height:1.55;margin:0}.flow-equation>p b{font-weight:700;border-bottom:2px solid var(--red)}
.flow-explorer{background:var(--ink);color:var(--white);border:1px solid #242724}.flow-toolbar{padding:26px 28px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.flow-toolbar .flow-kicker{color:#aeb0a5}.flow-toolbar h2{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:8px 0 0}.flow-controls{display:flex;align-items:center;gap:14px}.flow-unit-switch{display:flex;border:1px solid #52564b;padding:3px}.flow-controls button{background:transparent;border:0;color:var(--paper);padding:10px 13px;font-size:12px;white-space:nowrap}.flow-unit-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}#flow-pause{border:1px solid #52564b;min-width:97px}.flow-tour{display:flex;gap:26px;margin:0 28px;border-top:1px solid #393d35;border-bottom:1px solid #393d35}.flow-tour button{border:0;border-bottom:2px solid transparent;padding:15px 0;background:transparent;color:#aeb0a5;font-size:12px}.flow-tour button[aria-pressed=true]{border-bottom-color:var(--acid);color:var(--acid)}.flow-scroll{overflow-x:auto;scrollbar-color:#52564b var(--ink)}#flow-svg{width:100%;min-width:990px;display:block;height:auto}#flow-loading{padding:120px 30px;text-align:center;color:var(--acid)}.flow-mobile-hint{display:none}.flow-chart-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 28px 20px;color:#b9baaf;font:10px/1.5 monospace;flex-wrap:wrap}.flow-chart-caption>span:first-child{display:flex;align-items:center;gap:8px}.flow-chart-caption i{width:23px;height:6px;background:var(--acid)}.flow-chart-caption button{border:0;padding:0;background:transparent;color:#d2ccc1;text-decoration:underline;text-underline-offset:4px;font:inherit}.flow-reading{background:#242724;border-top:1px solid #393d35;display:flex;gap:20px;align-items:center;padding:20px 28px;min-height:88px}.flow-reading>span{font:12px monospace;color:var(--acid);white-space:nowrap}.flow-reading p{margin:0;max-width:940px;font-size:14px;line-height:1.6}.flow-reading button{color:var(--paper);border:1px solid #52564b;background:transparent;padding:10px;font-size:11px;margin-left:auto;white-space:nowrap}
.flow-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:48px 0}.flow-detail h2{font-size:38px;letter-spacing:-.045em;margin:14px 0}.flow-detail-heading p{font-size:15px;line-height:1.65;color:#565a53;max-width:520px}.flow-detail-heading #detail-amount{font:14px monospace;margin-top:25px}.flow-detail-rows{align-self:start}.flow-detail-row{position:relative;display:flex;width:100%;gap:20px;align-items:center;justify-content:space-between;min-height:51px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 0;text-align:left;font-size:13px!important}.flow-detail-row:last-child{border-bottom:1px solid var(--line)}button.flow-detail-row:hover{background:#faf7ef}.flow-detail-row:before{content:'';position:absolute;bottom:0;left:0;width:var(--share);height:2px;background:var(--acid)}.flow-detail-row b{white-space:nowrap;font-family:monospace;font-weight:500}.flow-method{border-top:1px solid var(--ink);padding:25px 0 45px;font-size:12px;line-height:1.7;color:#565a53}.flow-method strong{color:var(--ink);font-size:14px}.flow-method p{max-width:1050px;margin:10px 0}.flow-method a{color:var(--ink);margin-right:24px;text-underline-offset:4px}
/* A single SVG, with proportional ribbons and small directional tracers. */
.flow-node{cursor:pointer}.flow-node .node-hit{fill:transparent}.flow-node .node-name{fill:#faf7ef;font:14px Arial,sans-serif;font-weight:500}.flow-node .node-value{fill:#b9baaf;font:12px monospace}.flow-node:hover .node-name,.flow-node[aria-pressed=true] .node-name,.flow-node:focus .node-name{fill:#a8b63f}.flow-node:focus{outline:none}.flow-node:focus .node-hit{stroke:#a8b63f;stroke-width:1}.flow-ribbon{transition:opacity .25s}.flow-ribbon .flow-band{fill:none;stroke-opacity:.32}.flow-ribbon .flow-trace{fill:none;stroke-width:1;stroke-dasharray:2 35;stroke-linecap:round;opacity:.85;animation:flow-travel 2s linear infinite}.flow-ribbon.is-muted{opacity:.08}.flow-ribbon.is-selected .flow-band{stroke-opacity:.7}.flow-node.is-muted{opacity:.32}.flow-paused .flow-trace{animation-play-state:paused}.flow-section-label{fill:#b9baaf;font:11px monospace;letter-spacing:1.2px}.flow-pool-title{fill:#faf7ef;font:18px Arial,sans-serif;font-weight:600}.flow-pool-number{fill:#faf7ef;font:27px Arial,sans-serif;font-weight:600;letter-spacing:-1px}.flow-pool-note{fill:#b9baaf;font:10px monospace}.flow-pool-line{stroke:#52564b;stroke-width:1}.flow-explorer .psd-chart-rail{border-top:1px solid #393d35;padding:10px 28px;background:var(--ink)}.flow-explorer .psd-chart-action{color:var(--paper);border-color:#52564b;background:transparent}.flow-explorer .psd-chart-panel,.flow-explorer .psd-chart-drawer{background:var(--paper);color:var(--ink);margin:0;padding:20px 28px}.flow-explorer .psd-chart-action:hover{background:#393d35}.flow-explorer .psd-chart-drawer a{color:var(--ink)}
.flow-equation>p strong{font-size:inherit;letter-spacing:normal}
.flow-explorer{scroll-margin-top:90px}
.flow-ribbon{cursor:pointer}
@keyframes flow-travel{to{stroke-dashoffset:-74}}@media(prefers-reduced-motion:reduce){.flow-explorer:not(.flow-motion-enabled) .flow-trace{animation:none}.flow-ribbon{transition:none}}
@media(min-width:1600px){.flow-main{padding:0 64px}}@media(max-width:1050px){.flow-toolbar{align-items:flex-start;flex-direction:column}.flow-equation{grid-template-columns:1fr 20px 1fr 20px 1fr}.flow-equation>p{grid-column:1/-1;border-left:0;padding:0}.flow-detail{gap:35px}.flow-mobile-hint{display:block;color:#aeb0a5;font:11px monospace;margin:20px 28px 0}}@media(max-width:650px){.flow-main{padding:0 5vw}.flow-hero{padding-top:32px;gap:25px;align-items:flex-start;flex-direction:column}.flow-hero h1{font-size:58px}.flow-intro{font-size:15px}.flow-edition{width:100%;padding:15px 0 0;border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.flow-country{grid-row:1/3;margin:0}.flow-edition a{margin:0;grid-column:2}.flow-equation{gap:9px}.flow-equation>div>span{font-size:11px}.flow-equation strong{font-size:26px}.flow-equation small{font-size:9px;line-height:1.4}.flow-equation>b{font-size:18px}.flow-equation>p{font-size:13px;margin-top:12px}.flow-toolbar{padding:22px 18px}.flow-toolbar h2{font-size:22px}.flow-controls{gap:8px;width:100%}.flow-controls button{padding:10px;font-size:11px}#flow-pause{min-width:74px;margin-left:auto}.flow-tour{gap:16px;margin:0 18px;overflow-x:auto}.flow-tour button{white-space:nowrap;font-size:11px}.flow-chart-caption{padding:15px 18px;gap:10px}.flow-reading{padding:18px;gap:12px;flex-wrap:wrap}.flow-reading p{font-size:13px;flex-basis:calc(100% - 75px)}.flow-reading button{margin-left:0}.flow-detail{grid-template-columns:1fr;padding:32px 0;gap:16px}.flow-detail h2{font-size:32px}.flow-mobile-hint{margin-left:18px}.flow-explorer .psd-chart-rail{padding:12px 18px}.flow-method a{display:inline-block}.flow-equation>div{align-self:start}}
/* Progressive detail: keep the budget context visible while opening branches. */
.flow-depth-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 28px 12px}.flow-depth-switch{display:flex;gap:6px}.flow-depth-switch button{background:transparent;color:#d2ccc1;border:1px solid #52564b;padding:10px 14px;font-size:12px}.flow-depth-switch button[aria-pressed=true]{background:#a8b63f;border-color:#a8b63f;color:#171918}.flow-search-label{display:grid;gap:7px;width:320px;font:11px monospace;color:#b9baaf}.flow-search-label input{width:100%;font:13px Arial,sans-serif;padding:11px 12px;background:#242724;color:#faf7ef;border:1px solid #52564b;border-radius:0}.flow-search-label input::placeholder{color:#aeb0a5}#flow-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:8px 28px;font-size:12px}#flow-breadcrumb button{border:0;border-bottom:1px solid #52564b;background:transparent;color:#b9baaf;padding:7px 0}#flow-breadcrumb button[aria-current=page]{color:#a8b63f;border-color:#a8b63f}#flow-breadcrumb>span{color:#8b8d83}#flow-depth-note{font-size:12px;line-height:1.6;color:#b9baaf;padding:0 28px;margin:6px 0 16px;max-width:1150px}#flow-search-results{padding:8px 28px 16px;background:#242724}#flow-search-results>p{font:11px monospace;color:#b9baaf}#flow-search-results button{display:flex;justify-content:space-between;gap:20px;align-items:center;width:100%;padding:11px 8px;border:0;border-bottom:1px solid #52564b;background:transparent;color:#faf7ef;text-align:left;font-size:13px}#flow-search-results button:hover{background:#393d35}#flow-search-results small{display:block;font:10px monospace;color:#b9baaf;margin-top:5px}#flow-search-results b{white-space:nowrap;font:12px monospace}.flow-detail-row small{display:block;font:10px/1.5 monospace;color:#656960;margin-top:5px}.flow-detail-row b small{text-align:right}.flow-search-label input:focus-visible{outline:2px solid #a8b63f;outline-offset:3px}@media(max-width:650px){.flow-depth-controls{align-items:stretch;flex-direction:column;padding:18px;gap:16px}.flow-search-label{width:100%}.flow-depth-switch button{flex:1;padding:10px;font-size:11px}#flow-breadcrumb{padding:0 18px}#flow-depth-note{padding:0 18px}#flow-search-results{padding:8px 18px}.flow-node .node-name{font-size:14px}}
.flow-ribbon .flow-band{fill-opacity:.32}.flow-ribbon.is-selected .flow-band{fill-opacity:.7}
/* A short illustrated lesson keeps the first view approachable. */
.flow-lesson{position:relative;margin:0 28px;background:#242724;border:1px solid #44483c;padding:22px 24px 0;scroll-margin-top:84px;overflow:hidden}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-heading>span{font:10px monospace;letter-spacing:.1em;color:#b8c45e}.flow-lesson button{font:12px Arial,sans-serif;border:1px solid #626752;background:transparent;color:#faf7ef;padding:9px 12px}.flow-lesson button:hover{border-color:#a8b63f;background:#33382b}.flow-lesson #lesson-start{background:#a8b63f;color:#171918;border-color:#a8b63f;font-weight:600}.lesson-body{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:38px;min-height:183px;padding:20px 0}.lesson-copy h3{margin:0 0 12px;font-size:clamp(22px,2.4vw,31px);line-height:1.15;letter-spacing:-.035em;font-weight:500}.lesson-copy p{margin:0;color:#d2ccc1;font-size:14px;line-height:1.65;max-width:570px}.lesson-visual{text-align:center;min-width:0;color:#b8c45e}.lesson-visual small{display:block;color:#b9baaf;font:10px/1.6 monospace;margin-top:13px}.lesson-visual svg{width:49px;height:49px;flex:none}.lesson-collect{display:flex;align-items:center;justify-content:center;gap:15px}.lesson-shop,.lesson-bank{border:1px solid #525a41;width:82px;height:82px;display:grid;place-items:center;flex:none;background:#292e24}.lesson-bank{border-color:#a8b63f}.lesson-mini-stream{width:100px;height:18px;position:relative;overflow:hidden;flex-shrink:1;border-bottom:1px solid #697344;border-top:1px solid #697344;background:#a8b63f12}.lesson-mini-stream:after{content:'›';position:absolute;right:0;top:-3px;font-size:20px}.lesson-mini-stream i{position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#e3ebb1;box-shadow:-5px 0 9px #a8b63f;animation:lesson-money 2.4s linear infinite}.lesson-mini-stream i:nth-child(2){animation-delay:-.8s}.lesson-mini-stream i:nth-child(3){animation-delay:-1.6s}.lesson-source-tags{display:grid;gap:5px;text-align:left;font-size:11px}.lesson-source-tags span{border-left:2px solid #a8b63f;padding:5px 8px;background:#303529}.lesson-destinations{display:flex;justify-content:center;gap:22px}.lesson-destinations>div{display:grid;justify-items:center;gap:10px;font-size:11px;animation:lesson-arrive .8s both;animation-delay:var(--icon-delay)}.lesson-destinations svg{box-sizing:content-box;padding:13px;border:1px solid #697344}.lesson-grid-wrap{display:grid;grid-template-columns:150px auto;gap:10px 22px;align-items:center;max-width:340px;margin:auto;text-align:left}.lesson-hundred{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;width:150px}.lesson-hundred i{height:12px;background:linear-gradient(to right,#a8b63f var(--covered),#42473a var(--covered));position:relative}.lesson-hundred .has-gap{outline:1px solid #747968;outline-offset:-1px}.is-financed .has-gap:after{content:'';position:absolute;inset:0 0 0 var(--covered);background:#dd5558;transform-origin:left;animation:lesson-fill .7s both;animation-delay:var(--tile-delay)}.lesson-grid-labels{display:grid;gap:18px;font-size:10px;color:#b9baaf}.lesson-grid-labels span{display:grid;gap:4px}.lesson-grid-labels b{font-size:23px;color:#b8c45e;letter-spacing:-.03em}.lesson-grid-labels .red b{color:#f08c8f}.lesson-grid-wrap small{grid-column:1/-1;margin:0;font-size:9px;text-align:center}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #44483c;padding:14px 0 16px}#lesson-steps{display:flex;gap:14px}#lesson-steps button{border:0;padding:0;display:grid;justify-items:center;gap:6px;color:#aeb0a5;background:transparent}#lesson-steps span{display:grid;place-items:center;border:1px solid #626752;border-radius:50%;width:24px;height:24px;font:11px monospace}#lesson-steps b{font-size:9px;font-weight:400}#lesson-steps button[aria-pressed=true]{color:#d7e78a}#lesson-steps button[aria-pressed=true] span{color:#171918;background:#a8b63f;border-color:#a8b63f}.lesson-playback{display:flex;gap:6px;flex-wrap:wrap}.flow-lesson button:disabled{opacity:.35;cursor:default}.lesson-playback button{font-size:11px}#lesson-quiz{border-top:1px solid #44483c;padding:5px 0 15px}#lesson-question{font-size:14px}#lesson-answers{display:flex;gap:8px;flex-wrap:wrap}#lesson-answers button[aria-pressed=true]{background:#a8b63f;color:#171918}#lesson-feedback{color:#d7e78a;font-size:13px;line-height:1.6;max-width:800px}.lesson-timer{height:3px;background:#393e31;margin:0 -24px}.lesson-timer i{display:block;height:100%;width:0;background:#a8b63f;transition:width .1s linear}.flow-explore-hint{font-size:13px;color:#d2ccc1;margin:0}.flow-search-disclosure{font-size:11px;color:#b9baaf;flex:none}.flow-search-disclosure summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.flow-search-disclosure[open] summary{margin-bottom:12px}.flow-node,.flow-ribbon{transition:opacity .7s ease}.flow-ribbon.lesson-muted{opacity:.055}.flow-node.lesson-muted{opacity:.28}.lesson-muted .money-packet,.lesson-gap-ghost .money-packet{display:none}.flow-ribbon.lesson-gap-ghost{opacity:1}.lesson-gap-ghost .flow-band{fill:transparent!important;stroke:#de7679!important;stroke-width:1;stroke-dasharray:4 5;stroke-opacity:.8}.flow-node.lesson-gap-ghost{opacity:.7}.flow-explorer[data-lesson=pool] .flow-pool>rect,.flow-explorer[data-lesson=spending] .flow-pool>rect{stroke:#b8c45e;stroke-width:2}.flow-explorer[data-lesson=borrowing] [data-flow="in:deficit"] .flow-band{fill-opacity:.65}.lesson-motion-paused *{animation-play-state:paused!important}.money-packet{pointer-events:none}
@keyframes lesson-money{0%{transform:translateX(-8px);opacity:0}12%,85%{opacity:1}100%{transform:translateX(105px);opacity:0}}@keyframes lesson-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lesson-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1050px){.lesson-navigation{align-items:flex-start;flex-direction:column}.lesson-playback{align-self:flex-end}.lesson-body{gap:22px}.lesson-destinations{gap:10px}}
@media(max-width:650px){.flow-lesson{margin:0 18px;padding:18px 16px 0}.lesson-heading{align-items:flex-start;flex-direction:column;gap:12px}.flow-lesson #lesson-start{font-size:12px;padding:10px 12px}.lesson-body{grid-template-columns:1fr;gap:22px;padding:20px 0}.lesson-copy h3{font-size:25px}.lesson-copy p{font-size:13px}.lesson-visual svg{width:36px;height:36px}.lesson-shop,.lesson-bank{width:64px;height:64px}.lesson-mini-stream{width:70px}.lesson-grid-wrap{grid-template-columns:140px auto;gap:10px 14px}.lesson-hundred{width:140px;gap:2px}.lesson-hundred i{height:11px}.lesson-grid-labels b{font-size:21px}.lesson-navigation{gap:18px}#lesson-steps{justify-content:space-between;width:100%;gap:4px}#lesson-steps b{font-size:8px}.lesson-playback{width:100%;justify-content:space-between}.lesson-playback button{padding:9px 7px;font-size:10px}.lesson-timer{margin:0 -16px}.flow-explore-hint{font-size:12px;line-height:1.6}.flow-search-disclosure{width:100%}}
@media(prefers-reduced-motion:reduce){.flow-explorer:not(.flow-motion-enabled) .lesson-visual *{animation:none!important}.flow-node,.flow-ribbon,.lesson-timer i{transition:none}}

@media(max-width:650px){.flow-lesson{scroll-margin-top:116px}}