.mm-story{--storybg:#e8eddf;--storydark:#2a543c;border:1px solid #d2d7ca;border-radius:24px;overflow:hidden;background:#fffaf0;box-shadow:0 9px 22px #18392212;margin:18px 0 14px;color:#25382f}.mm-story--bakery{--storybg:#f1dfc2}.mm-story--shop{--storybg:#e9d9bf}.mm-story--house{--storybg:#d9e8e8}.mm-story--jar{--storybg:#e2efcd}.mm-story--bank{--storybg:#e8e5d8}.mm-story--town{--storybg:#d8eada}.mm-story--debt{--storybg:#efe0d6}.mm-story--basket{--storybg:#dfece3}.mm-story--payment{--storybg:#e5e4f0}.mm-story--pension{--storybg:#dfead1}.mm-story-top{display:flex;justify-content:space-between;gap:12px;padding:15px 22px;background:#19372d;color:#f9f2db;font:800 11px/1.3 system-ui;letter-spacing:.09em}.mm-story-scene{background:radial-gradient(circle at 48% 38%,#fffdf0,var(--storybg));height:170px;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid #e0dfc9}.mm-story-illustration{font-size:90px;position:relative;z-index:2;filter:drop-shadow(0 12px 8px #294e3133);animation:mm-float 4s ease-in-out infinite}.mm-story-rays{position:absolute;width:200px;height:200px;border:2px dashed #fff9e5bb;border-radius:50%;animation:mm-turn 48s linear infinite}@keyframes mm-float{50%{transform:translateY(-7px)}}@keyframes mm-turn{to{transform:rotate(360deg)}}.mm-story-inner{padding:25px clamp(16px,5vw,36px) 28px;max-width:850px;margin:auto}.mm-story-inner>h2,.mm-story-result h2{font:700 clamp(25px,4.5vw,35px)/1.14 Georgia,serif;margin:4px 0 11px;color:#193a2b;letter-spacing:-.018em}.mm-story-help{font-size:15px;color:#566d5d;line-height:1.55;margin:0 0 23px}.mm-story-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px}.mm-story-choices button{appearance:none;min-height:127px;text-align:left;padding:18px 15px;background:#fff;border:2px solid #dcd8c9;border-radius:17px;display:flex;align-items:start;gap:11px;color:#253a30;cursor:pointer;transition:background .16s,border-color .16s,transform .16s;box-shadow:0 4px 0 #dfdfd4}.mm-story-choices button:hover,.mm-story-choices button:focus-visible{background:#eef3e8;border-color:#7eaf89;transform:translateY(-2px);outline:none}.mm-story-choice-icon{font-size:27px;flex:0 0 31px}.mm-story-choices strong{font:750 15px/1.3 system-ui;display:block;margin:3px 0 7px}.mm-story-choices small{font:450 12px/1.45 system-ui;display:block;color:#607264}.mm-story-chevron{font-size:18px;margin-left:auto;align-self:center;color:#4e7757}.mm-story-label{font:850 11px system-ui;letter-spacing:.12em;color:#8c6c29}.mm-story-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.mm-story-metrics>div{background:#f5f2e8;border:1px solid #ded9c7;border-radius:12px;padding:13px 10px;min-width:0}.mm-story-metrics small{display:block;font:550 11px/1.4 system-ui;color:#5a655b;margin-bottom:7px}.mm-story-metrics strong{display:block;font:800 clamp(15px,2.3vw,21px)/1.25 system-ui;overflow-wrap:anywhere}.mm-story-result>p{font-size:15px;line-height:1.73;color:#455849}.mm-story-insight{border-left:5px solid #d9a337;background:#f5edd8;border-radius:0 11px 11px 0;padding:14px 18px;margin:21px 0 0}.mm-story-insight span{font:850 11px system-ui;letter-spacing:.07em;color:#7b5c1c}.mm-story-insight p{font-size:14px;line-height:1.65;margin:6px 0 0}.mm-story-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:22px 0 0}.mm-story-primary{background:#275d40;color:#fff;border:0;border-radius:12px;padding:15px 20px;min-height:48px;font-size:14px;font-weight:800;cursor:pointer}.mm-story-primary:focus-visible{outline:3px solid #e1a638;outline-offset:3px}.mm-story-subtle{background:none!important;border:0!important;padding:8px 0!important;color:#28593f!important;font:750 13px/1.45 system-ui!important;text-decoration:underline;cursor:pointer}.mm-story-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;font:450 12px/1.6 system-ui;color:#657466;margin:6px 2px 20px}.mm-story-footer p{margin:0}.mm-story-footer a{color:#23583e;font-weight:750}@media(max-width:540px){.mm-story-top{padding:12px 13px;font-size:9px}.mm-story-scene{height:130px}.mm-story-illustration{font-size:72px}.mm-story-choices{grid-template-columns:1fr}.mm-story-choices button{min-height:85px;padding:13px 14px;align-items:center}.mm-story-metrics{grid-template-columns:1fr}.mm-story-metrics>div{padding:10px 13px}.mm-story-metrics strong{font-size:19px}.mm-story-inner{padding:20px 14px}.mm-story-actions{align-items:stretch;flex-direction:column}.mm-story-primary{width:100%}}@media(prefers-reduced-motion:reduce){.mm-story-illustration,.mm-story-rays{animation:none}.mm-story-choices button{transition:none}}
/* Distinct result illustrations: ownership, shopping, payment flows and actual amounts. */
.mm-lesson-art{background:#f2f4e7;border:1px solid #d8e0cf;border-radius:17px;margin:14px 0;padding:18px;text-align:center;position:relative;overflow:hidden}.mm-lesson-art small{display:block;color:#61715e;font:600 11px/1.5 system-ui;margin-top:10px}.mm-art-label,.mm-shop-label{font:850 11px/1.3 system-ui;letter-spacing:.11em;color:#59694f;margin-bottom:15px}.mm-art-share{background:#f5e8cf}.mm-owner{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:72px}.mm-owner span{font-size:36px}.mm-owner b{font:850 10px system-ui;color:#684b31}.mm-art-arrow{display:inline-block;font-size:36px;color:#996a38;vertical-align:top;margin:19px 14px}.mm-share-tokens{min-height:35px;margin-top:5px}.mm-share-tokens>span{display:inline-block;font-size:25px;animation:mm-token .45s both;animation-delay:.1s}.mm-share-tokens .mm-none{font:600 13px system-ui;color:#61715e}
.mm-art-shopping{background:linear-gradient(#e7f5dc,#f6eedf)}.mm-shopping-items{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:54px;align-items:center}.mm-shopping-items>span{font-size:34px;animation:mm-token .6s ease both}
.mm-art-mortgage{background:#f8f4e8}.mm-split{display:flex;width:100%;min-height:70px;border:3px solid #fff;border-radius:13px;overflow:hidden;box-shadow:0 2px 9px #31433315}.mm-split>span{min-width:0;display:flex;align-items:center;justify-content:center;letter-spacing:.06em;font:800 11px system-ui;overflow:hidden}.mm-split-interest{background:#d6a047;color:#332711}.mm-split-principal{background:#6a9f75;color:white}.mm-split-key{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font:700 12px system-ui}.mm-art-compare{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0}.mm-art-compare>span{font:800 10px system-ui}.mm-art-compare>div{height:20px;border-radius:5px;background:#e5e7db}.mm-art-compare i{display:block;background:#7ea886;height:100%;border-radius:5px}.mm-art-compare>b{font:850 14px system-ui}
.mm-art-savings{background:linear-gradient(#e4f1dc,#fff8e3)}.mm-savings-jar{max-width:300px;margin:auto;padding:14px;border:4px solid #8ea9b0;border-radius:14px 14px 32px 32px;background:#fffae0b6}.mm-savings-jar>span{display:block;font-size:30px}.mm-savings-jar b{font:800 27px system-ui;color:#375b3d}.mm-coins{display:flex;gap:2px;justify-content:center;margin-top:8px}.mm-coins i{font:850 13px system-ui;border:1px solid #ac7e28;border-radius:50%;padding:8px;background:#e6b64d;animation:mm-coin .7s both;animation-delay:calc(var(--i)*.07s)}
.mm-art-ledger{background:#f1ede5}.mm-bank-flow,.mm-ledger-entries{display:flex;gap:8px;align-items:center;justify-content:space-around;font:800 14px system-ui}.mm-bank-flow>span:nth-child(2){font-size:26px;color:#966d27}.mm-ledger-entries{margin-top:14px}.mm-ledger-entries>span{width:48%;border:1px dashed #a9b2a1;background:#fff;padding:13px;border-radius:8px;font-size:12px}
.mm-art-town{background:linear-gradient(#dbeeda,#f6e8cc)}.mm-mini-town{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mm-mini-town>div{background:#fff6e1;border:1px solid #b9ba9e;border-radius:11px;font-size:36px;padding:10px 2px}.mm-mini-town small{margin:1px 0 5px;font-size:11px}.mm-mini-town b{font:850 13px system-ui;display:block}
.mm-art-debt{background:#f3e7e2}.mm-finish-road{display:flex;align-items:center;justify-content:center;gap:13px;font-size:27px}.mm-finish-road>b{font:800 20px system-ui;color:#623c39}
.mm-art-etf{background:#e8eee1}.mm-invest-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:13px 0}.mm-invest-tiles>div{width:55px;height:54px;border:2px solid #aecba7;border-radius:12px;background:#f5f9f0;display:grid;place-items:center;font-size:28px;transition:transform .2s}.mm-invest-tiles>div.down{background:#f6dbd5;border-color:#d69c91;transform:rotate(-5deg)}.mm-invest-tiles>div.wide{background:#ebddd2}
.mm-art-card{background:#e8e9f4}.mm-card-route{display:flex;justify-content:space-between;gap:4px;align-items:center}.mm-card-route>div{background:white;padding:12px 7px;border-radius:12px;flex:1}.mm-card-route>div.done{background:#dbeedf}.mm-card-route>div.pending{background:#fcf0d2}.mm-card-route>div>span{font-size:25px;display:block}.mm-card-route>div>b{font:800 11px system-ui}.mm-card-route>span{font-size:24px}
.mm-art-pension{background:#e8f0dc}.mm-contribution-bar{display:flex;border-radius:12px;overflow:hidden;min-height:65px;color:white}.mm-contribution-bar span{display:flex;align-items:center;justify-content:center;font:850 11px system-ui;min-width:0;padding:4px}.mm-contribution-bar span:nth-child(1){background:#4e7353}.mm-contribution-bar span:nth-child(2){background:#b18b40}.mm-contribution-bar span:nth-child(3){background:#718fad}.mm-contribution-total{display:block;margin:12px auto;font:800 23px system-ui;color:#34523a}.mm-pension-years{display:flex;justify-content:center;align-items:center;gap:10px}.mm-pension-years>div:not(.mm-pension-line){font-size:37px}.mm-pension-years small{font-size:10px}.mm-pension-line{flex:1;max-width:230px;height:8px;background:linear-gradient(90deg,#a6c78a,#e1b05d);border-radius:100px}
@keyframes mm-token{from{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes mm-coin{from{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:460px){.mm-lesson-art{padding:13px}.mm-art-compare{grid-template-columns:44px minmax(0,1fr) auto}.mm-art-compare>b{font-size:12px}.mm-split{min-height:56px}.mm-card-route>div{padding:10px 4px}.mm-card-route>div>b{font-size:9px}.mm-mini-town>div{font-size:29px}}
@media(prefers-reduced-motion:reduce){.mm-lesson-art *{animation:none!important;transition:none!important}}
/* Global investment journey — an accessible, compact price path for discovery two */
.mm-market-mini-timeline{display:flex;justify-content:space-between;align-items:flex-end;gap:4px;margin:18px 0 12px;padding:10px 4px 0;min-height:140px;border-bottom:2px solid #cdbd96}
.mm-market-mini-timeline>div{min-width:0;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.mm-market-mini-timeline b{font-size:10px;letter-spacing:.04em;color:#5d705d}
.mm-market-mini-timeline span{width:min(34px,90%);background:linear-gradient(180deg,#91bb75,#4a775c);border-radius:5px 5px 0 0}
.mm-market-mini-timeline small{font-size:11px;font-weight:700;color:#3a5747}
@media(max-width:360px){.mm-market-mini-timeline{gap:2px}.mm-market-mini-timeline small{font-size:10px}}

/* A fair, side-by-side behavioural comparison after the second global-investing discovery. */
.mm-art-etf .ms-caption{color:#415c49!important;font-size:12px;line-height:1.5!important}
.mm-etf-comparison{margin:16px 0;padding:15px;border-radius:15px;background:#e9f2e6;border:1px solid #bacdaf;color:#274d37}
.mm-etf-comparison h3{font:700 18px/1.3 Georgia,serif;margin:0 0 10px;color:#254735}
.mm-etf-comparison>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #cfdfcc;font-size:13px}
.mm-etf-comparison strong{font-size:15px;white-space:nowrap;color:#20523b}
.mm-etf-comparison p{font-size:12px;line-height:1.5;margin:10px 0 0;color:#375740}
@media(max-width:360px){.mm-etf-comparison>div{font-size:11px}.mm-etf-comparison strong{font-size:13px}}