:root{--ink:#1b2823;--muted:#405348;--green:#223c30;--lime:#d5ef8f;--cream:#f5f5ec;--white:#fff;--border:#d2dbce;--orange:#d88a4d;--blue:#668c9e;--purple:#8f7ca3;--sage:#a6bb85;--brown:#bda181}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(3.5rem,9vw,8rem);max-width:950px;margin:26px 0}h2{font-size:clamp(2.4rem,5vw,4.7rem);margin:0 0 24px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.narrow{max-width:760px}.nav{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid #ffffff30}.brand{font-weight:750;letter-spacing:.03em}.meta,.kicker,.caption{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:750}.hero{background:var(--green);color:#f7f8ef;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .6fr;min-height:580px;align-items:center;gap:35px;padding:75px 0 95px}.hero p{max-width:580px;color:#e2ebe0;font-size:1.2rem}.hero-art{aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--lime) 0 36%,#8dac9b 36% 58%,#e3b787 58% 78%,#a5bac4 78% 91%,#9e89a8 91%);position:relative}.hero-art:after{content:'ONE FUND\A MANY PARTS';white-space:pre;position:absolute;inset:25%;display:grid;place-content:center;text-align:center;border-radius:50%;background:var(--green);font-size:.72rem;letter-spacing:.18em;color:#dbe5d3}.intro{font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.55}.section{padding:110px 0;border-bottom:1px solid var(--border)}.kicker{color:#365c42;margin-bottom:20px}.muted{color:var(--muted)}.lead{font-size:1.12rem;max-width:690px;color:#3b4e42}.cols{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.rule{height:1px;background:var(--border);margin:30px 0}.pill,button{font:inherit;cursor:pointer}.toggle{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid #b8c7b8;padding:8px 17px;border-radius:99px;background:transparent;color:var(--green);font-size:.86rem}.pill.active{background:var(--green);border-color:var(--green);color:white}.card{background:white;border:1px solid var(--border);border-radius:6px;padding:30px}.slider-label{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:15px}.amount{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:700;letter-spacing:-.06em;line-height:1}.income-input{width:160px;border:0;border-bottom:1px solid #9eaea0;font:inherit;font-size:1.5rem;font-weight:700;color:var(--green);background:transparent;max-width:100%;padding:4px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.graph{width:100%;height:auto;display:block;margin:18px 0 0}.graph text{font:12px system-ui;fill:#405348}.metric-row{display:flex;gap:30px;flex-wrap:wrap}.metric-row strong{display:block;font-size:1.4rem}.note{font-size:.83rem;color:var(--muted)}.notice{border-left:3px solid var(--orange);padding:4px 0 4px 17px;margin:24px 0 0;color:#3b4e42}.dark{background:#20382d;color:#f6f7ed}.dark .lead,.dark .muted{color:#e2ebe0}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.flow button{background:#2d4a3a;border:1px solid #5a7460;color:white;padding:26px;text-align:left;min-height:158px}.flow button.active{background:var(--lime);color:var(--ink)}.flow button strong{font:1.5rem Georgia,serif;display:block;margin:10px 0}.flow-detail{margin-top:22px;padding:20px 0;border-top:1px solid #ffffff35;min-height:100px}.mix-bar{height:34px;display:flex;overflow:hidden;border-radius:3px;margin:25px 0 30px}.mix-bar span{height:100%;transition:width .25s}.mix-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 30px}.mix-item{border:0;border-bottom:1px solid var(--border);background:transparent;display:flex;justify-content:space-between;padding:14px 0;text-align:left;color:var(--ink)}.mix-item:hover,.mix-item.active{font-weight:750}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:9px}.explain{background:#e8ede1;padding:20px;margin-top:25px;min-height:90px}.history-controls{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:35px 0}.history-chart{display:flex;gap:15px;align-items:end;min-height:280px;border-bottom:1px solid #b1c2b0;padding:0 6px}.history-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.history-col button{width:min(100%,95px);height:225px;border:0;padding:0;background:#e8eee3;display:flex;flex-direction:column-reverse;cursor:pointer;outline-offset:5px}.history-col button span{width:100%}.history-col small{font-weight:700}.history-legend{display:flex;gap:12px 22px;flex-wrap:wrap;margin:22px 0;font-size:.8rem}.selected-year{font:2.4rem Georgia,serif}.hist-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 25px}.hist-details div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 0;font-size:.86rem}.sources a{overflow-wrap:anywhere}.sources li{margin:10px 0}.end{padding:65px 0 90px}.mobile-nav{font-size:.8rem;color:#e2ebe0}@media(max-width:760px){.wrap{width:min(100% - 36px,1120px)}.hero-grid,.cols{grid-template-columns:1fr;gap:32px}.hero-grid{padding:60px 0 65px;min-height:auto}.hero-art{width:210px;justify-self:end}.section{padding:72px 0}.flow{grid-template-columns:1fr}.flow button{min-height:100px}.mix-list,.hist-details{grid-template-columns:1fr}.history-chart{gap:5px}.history-col button{height:175px}.history-chart{min-height:210px}.mobile-nav{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mix-bar span{transition:none}}


/* Explicit foregrounds for each surface and interactive state. */
:root { color-scheme: light; }
body, main, .section, .end { color: #15231a; }
.section .lead, .section .muted, .section .note, .section .notice,
.end .muted, .end .note, .range-labels { color: #293f31; }
.section .kicker, .end .kicker { color: #264d31; }
.card, .explain { color: #15231a; }
.card .note, .card .muted, .explain .muted { color: #293f31; }
.graph text { fill: #293f31; }
.pill { background: #f5f5ec; color: #15231a; border-color: #536e59; }
.pill.active, .pill[aria-pressed="true"] { background: #223c30; color: #ffffff; }
.mix-item, .income-input, .history-col small { color: #15231a; }
.hero { color: #ffffff; }
.hero h1, .hero .brand, .hero .meta, .hero .mobile-nav, .hero p { color: #ffffff; }
.hero-art::after { color: #ffffff; }
.section.dark { color: #ffffff; }
.section.dark h2, .section.dark .intro, .section.dark .lead,
.section.dark .muted, .section.dark .flow-detail, .section.dark .kicker { color: #ffffff; }
.section.dark .flow button { color: #ffffff; background: #2d4a3a; }
.section.dark .flow button.active, .section.dark .flow button[aria-pressed="true"] { color: #15231a; background: #d5ef8f; }
.section.dark .flow button strong, .section.dark .flow button .caption { color: inherit; }
.section.dark a { color: #ffffff; }

#year{margin:0 0 20px 10px;padding:7px;color:#15231a;background:#fff;border:1px solid #536e59;font:inherit} .nav a{color:#fff;text-decoration:none}

.primary-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem} @media(max-width:760px){.nav{flex-wrap:wrap;gap:15px}.primary-nav{order:3;width:100%}}

.money-story{background:#e9eee3}.money-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.money-panel{background:#fff;border:1px solid #c0d0bd;padding:28px}.money-panel h3{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;line-height:1.15}.money-panel p,.money-panel .note{color:#293f31}.big-amount{font:clamp(3.4rem,6vw,5.2rem)/1 Georgia,serif;letter-spacing:-.06em;color:#20382d;margin:10px 0}.year-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.year-buttons button,.plan-buttons button{padding:8px 14px;border:1px solid #536e59;background:#fff;color:#15231a;border-radius:99px}.year-buttons button.active,.plan-buttons button.active{background:#223c30;color:#fff}.flowbars{margin-top:24px}.flowbar-row{display:grid;grid-template-columns:155px 1fr 65px;gap:12px;align-items:center;margin:13px 0;font-size:.87rem}.track{height:13px;background:#e8ede1;border-radius:20px}.track span{display:block;height:100%;background:#3c6a4b;border-radius:20px}.flowbar-row.outflow .track span{background:#c7783e}.flowbar-row.investment .track span{background:#668c9e}.money-callout{margin-top:22px;border-left:3px solid #c7783e;padding:4px 0 4px 16px}.people{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.people strong{display:block;font:2.4rem Georgia,serif;color:#20382d}.people p{margin:4px 0}.money-sustain{padding:30px 0 0;max-width:780px}.money-sustain h3{font:2rem Georgia,serif}.history-mini{display:flex;align-items:flex-end;gap:8px;height:175px;margin:26px 0}.history-mini div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:#15231a}.history-mini i{display:block;width:100%;max-width:52px;background:#537d5e}.history-mini div:last-child i{background:#d88a4d}.history-mini span{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.money-grid{grid-template-columns:1fr}.flowbar-row{grid-template-columns:1fr 1.2fr 52px;gap:8px;font-size:.78rem}.money-panel{padding:20px}.history-mini div{font-size:.61rem}}

.history-chart{display:flex;flex-direction:column;align-items:stretch;min-height:0;border:0;gap:9px;padding:0;margin-top:28px}.history-col{display:grid;grid-template-columns:45px 1fr;gap:10px;align-items:center}.history-col small{grid-column:1;grid-row:1;font-size:.85rem;color:#15231a}.history-col button{grid-column:2;grid-row:1;width:100%;height:38px;display:flex;flex-direction:row;outline-offset:3px}.history-col button span{height:100%;width:auto;display:grid;place-items:center;color:#15231a;font-size:.72rem;font-weight:700}.history-chart::after{content:'0%                                  50%                                  100%';white-space:pre;font-size:.72rem;color:#293f31;padding-left:55px}.flow-line-chart{width:100%;height:auto;margin:12px 0;overflow:visible}.flow-line-chart text{font:11px system-ui;fill:#293f31}.flow-line-chart .gridline{stroke:#d1dcd0;stroke-width:1}.flow-line-chart .guide{stroke:#6d8270;stroke-width:1;stroke-dasharray:3 4}.chart-key{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:.8rem;color:#15231a;margin:16px 0}.chart-key span:before{content:'';display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:6px;background:var(--line-color)}@media(max-width:760px){.history-col button{height:34px}.history-chart::after{content:'0%                      50%                      100%'}}

.chart-tooltip{position:fixed;z-index:1000;pointer-events:none;max-width:min(290px,90vw);background:#fff;color:#15231a;border:1px solid #788e7c;box-shadow:0 8px 24px #13271e35;border-radius:6px;padding:12px 15px;font-size:.83rem;line-height:1.45}.chart-tooltip[hidden]{display:none}.chart-tooltip strong{display:block;margin-bottom:5px}.chart-tooltip div{display:flex;justify-content:space-between;gap:22px}.mix-bar button{height:100%;border:0;padding:0;min-width:0}.mix-bar button:focus-visible,.history-col button:focus-visible{outline:3px solid #17241c;outline-offset:3px;position:relative;z-index:2}

.swatch{border-radius:0}