/* V6: explanatory copy, extracted Atlas components, scroll-linked product focus. */
.story-v6{--body-copy:#526174}
.story-v6 .story-hero h1{font-size:clamp(44px,5.5vw,79px);max-width:1100px}
.story-v6 .story-hero-copy>p{font-size:18px;line-height:1.7}
.story-v6 .story-narrative>p,.story-v6 .story-center>p,.story-v6 .recovery-copy p,.story-v6 .everyday-pair p{color:var(--body-copy);font-size:16px;line-height:1.8}
.story-v6 .story-section-heading>p{font-size:15px;color:var(--body-copy)}
.story-v6 .detail-hero>p{font-size:18px;color:var(--body-copy);max-width:690px}
.story-v6 .detail-hint{color:#566477;font-size:12px}
.story-v6 .detail-hint:empty{display:none}
.story-v6 .detail-hero h1{max-width:1080px;font-size:clamp(42px,5.2vw,74px)}
.story-v6 .story-opening{padding-block:80px}
.story-v6 .story-opening>p{color:var(--body-copy)}
.story-v6 .story-section-heading{align-items:start}
.story-v6 .story-section-heading h2{font-size:clamp(38px,4.1vw,58px)}
.story-v6 .story-teaser{background:#f3f4f6}
.story-v6 .hero-fragments{will-change:translate}
.story-v6 .hero-fragment{animation:none;transition:box-shadow .7s}
.story-v6 .hero-fragment.insight-fragment{translate:0 calc(var(--hero-travel,0) * -22px)}
.story-v6 .hero-fragment.guidance-fragment{translate:0 calc(var(--hero-travel,0) * -44px)}
.story-v6 .hero-fragment.fund-fragment{translate:0 calc(var(--hero-travel,0) * -12px)}
/* The same monthly UI stays on screen while the explanation advances. */
.recovery-walkthrough{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;position:relative}
.recovery-step{min-height:470px;display:flex;flex-direction:column;justify-content:center;padding:70px 0;max-width:420px}
.recovery-step:last-child{min-height:420px}
.recovery-step .step-number{font-size:12px;font-weight:800;letter-spacing:.12em;color:#71829a;margin-bottom:14px}
.recovery-step h3{font-size:35px;font-weight:650;line-height:1.13;margin-top:0}
.recovery-step p{margin-top:24px}
.recovery-step p+p{margin-top:16px}
.recovery-step[data-current=true] .step-number{color:#033277}
.recovery-sticky{position:sticky;top:92px;padding:0 0 22px;margin-inline:auto;max-width:min(500px,calc((100svh - 275px)*.95))}
.motion-caption{display:flex;justify-content:space-between;margin:8px 10px 18px;font-size:10px;letter-spacing:.13em;font-weight:700;color:#586e89}
.recovery-walkthrough .guidance-future{transition:opacity .6s}
.recovery-walkthrough[data-stage="0"]:not(.user-exploring) .guidance-future{opacity:.08}
.recovery-walkthrough .monthly-reference{transform-origin:50% 50%;transform:perspective(1500px) rotateY(calc(var(--walk-progress,0) * -2deg));transition:transform .18s linear}
.recovery-sticky .recovery-caption{min-height:50px}
.recovery-sticky .recovery-choices{margin-top:20px}
.recovery-walkthrough .recovery-demonstration{margin:0;max-width:none}
/* Chapter navigation and a mix of wide, split, and layered compositions. */
.chapter-navigation{display:flex;gap:0;border-top:1px solid #e1e5ea;border-bottom:1px solid #e1e5ea;margin-bottom:45px;overflow:auto;scrollbar-width:none}
.chapter-navigation a{flex:1;display:flex;align-items:center;justify-content:center;gap:13px;padding:24px 20px;white-space:nowrap;font-size:12px;font-weight:650;color:#4d6078}
.chapter-navigation a:hover{color:#033277;background:#f6f8fa}
.chapter-navigation span{font-size:10px;color:#91a0b2}
.story-v6 .detail-chapters{background:#fff}
.story-v6 .detail-chapter{scroll-margin-top:100px;gap:72px;padding-block:90px}
.story-v6 .detail-chapter:nth-child(even){background:#f7f8fa;border-radius:28px;padding-inline:42px}
.story-v6 .detail-chapter+section{border-top:0}
.story-v6 .detail-chapter h2{font-size:clamp(34px,3.5vw,48px);font-weight:650}
.story-v6 .chapter-wide{display:flex;flex-direction:column;gap:40px;align-items:stretch}
.story-v6 .chapter-wide>.story-narrative{text-align:center;max-width:720px;margin-inline:auto}
.story-v6 .chapter-wide>.story-narrative>p{max-width:650px;margin-inline:auto}
.story-v6 .chapter-wide .detail-hint{max-width:none}
.story-v6 .chapter-wide .detail-snippet-scene{width:100%;max-width:820px;margin-inline:auto}
.story-v6 .chapter-wide:has([data-kind="snip-recovery"]) .detail-snippet-scene{max-width:530px}
.story-v6 .chapter-wide:has([data-kind="snip-chat"]) .detail-snippet-scene{max-width:680px}
.story-v6 .chapter-wide:has([data-kind="snip-mix"]) .detail-snippet-scene{max-width:610px}
.story-v6 .chapter-wide:has([data-kind="snip-report-library"]) .detail-snippet-scene{max-width:620px}
.story-v6 .chapter-wide:has([data-kind="snip-timeline"]) .detail-snippet-scene{max-width:690px}
.story-v6 .chapter-wide:has([data-kind="snip-recurring"]) .detail-snippet-scene{max-width:720px}
.story-v6 .detail-snippet-scene>.crop-surface{border-radius:22px;box-shadow:0 16px 46px #17334b09}
.depth-scene{perspective:1800px}
.depth-scene>.crop-surface{transform:rotateY(calc((1 - var(--scene-progress,1)) * 5deg)) rotateX(calc((1 - var(--scene-progress,1)) * 3deg));transform-origin:50% 50%}
.detail-join{border-top:1px solid #e4e8ed;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:45px 65px}
.story-v6 .detail-join h2{font-size:31px}
.story-v6 .detail-join .button{flex-shrink:0}
/* Snippets use Atlas color in charts, category icons, status, and controls. */
.story-v6 .detail-snippet-scene .snippet{padding:30px}
.story-v6 .snippet .snip-head{font-size:11px;line-height:1.5;letter-spacing:.07em}
.story-v6 .snippet .snip-head>span:last-child:not(:first-child){font-size:11px}
.setup-question{font-size:29px!important;letter-spacing:-.04em!important;font-weight:650;line-height:1.2}
.setup-switch{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:34px;padding-block:23px;border-block:1px solid #e7ebef}
.setup-switch b{font-size:16px}.setup-switch p{margin-top:6px;color:#6a7787;font-size:12px}
.switch-control{border:0;border-radius:99px;width:50px;height:29px;background:#bac3ce;padding:3px;flex-shrink:0}
.switch-control i{display:block;width:23px;height:23px;background:#fff;box-shadow:0 1px 3px #0002;border-radius:50%;transition:transform .25s}
.switch-control[aria-checked=true]{background:#033277}.switch-control[aria-checked=true] i{transform:translateX(21px)}
.setup-status{display:flex;gap:8px;align-items:center;margin-top:25px;color:#033277;font-size:13px}
.setup-status svg{width:18px;height:18px}
.snippet-explanation{font-size:12px;line-height:1.75;color:#687588;margin-top:19px}
.spend-demonstration{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:center}
.spend-change>button{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e1e6ed;border-radius:15px;background:#fff;padding:17px 14px;width:100%;margin-top:22px;box-shadow:0 8px 22px #18334b06}
.spend-change>button .ui-icon{width:35px;height:35px;flex-shrink:0}
.spend-change>button>span:nth-child(2){display:grid;gap:5px;flex:1}
.spend-change>button b{font-size:12px}.spend-change>button small{font-size:10px;color:#6b7787}
.spend-change>button>strong{font-size:17px}.spend-change>button>i{font-size:20px;color:#033277;font-style:normal}.spend-change>button>i svg{width:16px;height:16px}
.spend-readout{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:32px;font-size:12px;color:#66768a}
.spend-readout strong{color:#033277;font-size:15px}
.spend-chart{min-width:0}.spend-chart .monthly-reference{filter:none}
.evidence-total{display:flex;align-items:center;justify-content:space-between;padding:12px 0 28px;gap:20px;border-bottom:1px solid #e6eaf0}
.evidence-total>div{display:grid;gap:7px}.evidence-total>div span{font-size:12px;color:#738296}.evidence-total strong{font-size:40px;line-height:1.1;letter-spacing:-.05em;color:#033277}.evidence-total>span{color:#9da8b7;font-size:22px}
.evidence-rows>div{display:flex;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid #edf0f3}.evidence-rows .ui-icon{width:39px;height:39px}.evidence-rows>div>span:nth-child(2){flex:1}.evidence-rows b{font-size:13px}.evidence-rows i{display:block;height:5px;background:var(--accent);border-radius:10px;margin-top:9px}.evidence-rows strong{font-size:18px}
.evidence-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:22px;font-size:12px;color:#657286}.evidence-result strong{font-size:20px;color:#033277}
.history-excerpt+.history-excerpt{padding-top:22px;border-top:1px solid #e8ecf1;margin-top:25px}.history-excerpt .ui-split{font-size:13px}.history-excerpt .ui-split small{font-size:11px;color:#7c8795}.history-excerpt .ui-chart{height:175px}.history-excerpt>span{font-size:12px;color:#6d7a8b}.history-excerpt>strong{display:block;font-size:34px;color:#111d2e;font-weight:750;margin-top:8px;letter-spacing:-.05em}.history-excerpt strong small{font-size:13px;color:#8190a0;font-weight:500;letter-spacing:0}
.history-columns{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:28px}.history-columns>div{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}.history-columns b{font-size:10px;font-weight:500;color:#6d7887}.history-columns i{width:100%;max-width:48px;border-radius:6px 6px 0 0}.history-columns span{font-size:10px;color:#7b8797}
.coach-excerpt,.coach-next{margin-top:24px;padding-top:20px;border-top:1px solid #e9edf1}.coach-excerpt>span,.coach-next>span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;color:#263d5b}.coach-excerpt svg,.coach-next svg{width:18px;height:18px;color:#033277}.coach-excerpt p,.coach-next p{font-size:12px;line-height:1.8;color:#687587;margin-top:13px}.coach-next>b{display:block;margin-top:14px;font-size:18px;letter-spacing:-.035em}
.story-v6 .summary-excerpt{margin:26px -12px 22px;gap:12px;grid-template-columns:1fr 1.4fr 1fr}.summary-excerpt>span strong{font-size:21px}.summary-excerpt>span small{font-size:11px}.summary-excerpt .ui-ring{width:158px;height:158px}.summary-excerpt .ui-ring-center strong{font-size:25px}.summary-excerpt .ui-ring-center small{font-size:10px}.summary-income{border-top:1px solid #e8ecf0;padding-top:20px;font-size:12px;color:#748297;line-height:1.7}
.allocation-total{display:grid;gap:8px;margin-bottom:23px}.allocation-total strong{font-size:44px;color:#033277;line-height:1.1;letter-spacing:-.05em}.allocation-total span{font-size:12px;color:#7a8797}
.allocation-rows>button{display:flex;width:100%;text-align:left;align-items:center;border:0;border-bottom:1px solid #edf0f3;background:white;gap:12px;padding:20px 0}.allocation-rows .ui-icon{width:34px;height:34px}.allocation-rows b{flex:1;font-size:12px}.allocation-rows strong{font-size:17px;text-align:right}.allocation-rows small{display:block;color:#7b8899;font-size:10px;font-weight:500;margin-top:5px}
.story-v6 .snippet .goals-timeline{margin-top:22px}.story-v6 .snippet .goals-timeline>button{padding-block:24px}.story-v6 .snippet .timeline-date{font-size:12px}.story-v6 .snippet .goals-timeline b{font-size:16px}.story-v6 .snippet .goals-timeline small{font-size:11px;line-height:1.8}
.detected-bill{display:flex;align-items:center;gap:16px;margin-top:25px}.detected-bill h3{font-size:23px}.detected-bill p{font-size:12px;color:#6d7c8f;margin-top:6px}.detected-payments{display:flex;justify-content:space-between;gap:12px;margin-top:29px}.detected-payments span{display:grid;gap:10px;font-size:12px;color:#73849a}.detected-payments b{font-size:19px;font-weight:650;color:#203750}.detected-bill~.ui-primary{margin-top:24px;font-size:12px}
.story-v6 .snippet>.view-pills{margin-bottom:24px}.story-v6 .snippet .past-report{margin-top:20px}.story-v6 .snippet .report-bars{margin-top:22px}.story-v6 .snippet .report-bars>div{padding-block:16px}
@media(max-width:1050px){.recovery-walkthrough{gap:35px;grid-template-columns:.83fr 1.17fr}.recovery-step h3{font-size:30px}.story-v6 .detail-chapter{gap:40px}.story-v6 .detail-chapter:nth-child(even){padding-inline:25px}.summary-excerpt .ui-ring{width:126px;height:126px}.summary-excerpt .ui-ring-center strong{font-size:21px}.summary-excerpt>span strong{font-size:18px}}
@media(max-width:760px){
 .story-v6 .story-hero h1{font-size:43px;line-height:1.1;letter-spacing:-.055em}.story-v6 .story-hero-copy>p{font-size:15px;padding-inline:4px}.story-v6 .story-hero-copy>p br{display:none}
 .story-v6 .story-hero{padding-top:58px}.story-v6 .story-opening{padding-block:60px}.story-v6 .story-section-heading h2{font-size:36px}
 .story-v6 .story-narrative>p,.story-v6 .story-center>p,.story-v6 .recovery-copy p,.story-v6 .everyday-pair p{font-size:15px;line-height:1.75}.story-v6 .story-section-heading>p{font-size:14px}
 .recovery-walkthrough{display:flex;flex-direction:column;gap:0;isolation:isolate}.recovery-walkthrough .recovery-demonstration{display:contents}.recovery-sticky{order:-1;top:70px;z-index:2;max-width:100%;width:100%;padding:8px 10px 12px;background:#fffffff7;backdrop-filter:blur(14px);border-bottom:1px solid #e8ecf1;border-radius:0 0 18px 18px;margin:0}
 .recovery-sticky .crop-surface{max-width:min(285px,calc((100svh - 315px)*.95));margin:auto}
 .motion-caption{margin:0 0 10px;font-size:9px}.recovery-sticky .recovery-choices{margin-top:10px;gap:3px}.recovery-sticky .recovery-choices button{padding:7px 1px 9px}.recovery-sticky .recovery-choices b{font-size:10px}.recovery-sticky .recovery-choices span{font-size:8px;white-space:normal;line-height:1.5}.recovery-sticky .recovery-choices small{font-size:8px}.recovery-sticky .recovery-caption{display:none}
 .recovery-step{min-height:390px;padding:55px 0 65px;max-width:none;justify-content:center}.recovery-step:last-child{min-height:340px}.recovery-step h3{font-size:29px}.recovery-step p{margin-top:17px}.recovery-step .step-number{margin-bottom:13px}
 .story-v6 .detail-hero h1{font-size:39px}.story-v6 .detail-hero>p{font-size:16px}.chapter-navigation{margin-bottom:12px}.chapter-navigation a{flex:0 0 auto;padding:18px 17px;font-size:11px;gap:9px}
 .story-v6 .detail-chapter{gap:29px;padding-block:52px;scroll-margin-top:75px}.story-v6 .detail-chapter:nth-child(even){padding:36px 18px;border-radius:20px}.story-v6 .detail-chapter h2{font-size:32px;line-height:1.12}.story-v6 .detail-snippet-scene .snippet{padding:22px}.story-v6 .chapter-wide>.story-narrative{text-align:left}.story-v6 .chapter-wide .detail-hint{font-size:11px}
 .story-v6 .detail-snippet-scene:has(>.crop-surface>.snippet>.monthly-reference) .snippet{padding:0}.story-v6 .detail-hero-crop{margin-top:30px}.detail-join{align-items:flex-start;flex-direction:column;padding-block:30px 45px}.story-v6 .detail-join h2{font-size:29px}
 .spend-demonstration{grid-template-columns:1fr;gap:27px}.spend-change>button{margin-top:15px}.spend-readout{margin-top:20px;gap:14px}.spend-chart{max-width:370px;margin:auto}.setup-question{font-size:25px!important}.summary-excerpt .ui-ring{width:128px;height:128px}.summary-excerpt .ui-ring-center strong{font-size:21px}.summary-excerpt>span strong{font-size:18px}.summary-excerpt>span small{font-size:10px}.story-v6 .summary-excerpt{margin-inline:-9px;gap:8px}
 .history-columns{gap:7px}.history-columns b{font-size:9px}.history-excerpt .ui-chart{height:180px}.story-v6 .snippet .goals-timeline b{font-size:13px}.story-v6 .snippet .goals-timeline small{font-size:10px}.story-v6 .snippet .timeline-date{font-size:10px}.story-v6 .snippet .goals-timeline>button{gap:10px}.story-v6 .snippet .goals-timeline .ui-icon{width:35px;height:35px;flex-shrink:0}.story-v6 .snippet .snip-head{font-size:10px}
}
@media(max-width:370px){.story-v6 .story-hero h1{font-size:37px}.story-v6 .detail-hero h1{font-size:35px}.story-v6 .detail-snippet-scene .snippet{padding:18px}.summary-excerpt .ui-ring{width:110px;height:110px}.summary-excerpt>span strong{font-size:16px}.summary-excerpt .ui-ring-center strong{font-size:19px}.summary-excerpt .ui-ring-center small{font-size:9px}}
.story-v6.motion-paused .hero-fragment{translate:none!important}.story-v6.motion-paused .monthly-reference,.story-v6.motion-paused .depth-scene>.crop-surface{transform:none!important}.story-v6.motion-paused .guidance-future{opacity:1!important}
@media(prefers-reduced-motion:reduce){.story-v6 .hero-fragment{translate:none!important}.story-v6 .monthly-reference,.story-v6 .depth-scene>.crop-surface{transform:none!important}.story-v6 .guidance-future{opacity:1!important}}
/* Keep the native timeline line visible through its date markers. */
.story-v6 .snippet .goals-timeline>button{background:transparent;min-height:93px}
.story-v6 .snippet .timeline-date{width:88px}
.story-v6 .snippet .report-bars>div{grid-template-columns:30px 105px 1fr 55px;gap:10px;font-size:12px}
.story-v6 .snippet .report-bars strong{font-size:13px;color:#334c6c}
.story-v6 [data-kind="snip-action-choose"] .action-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.story-v6 .snippet .timeline-date{width:61px}.story-v6 .snippet .report-bars>div{grid-template-columns:25px 88px 1fr 46px;gap:7px;font-size:10px}.story-v6 .snippet .report-bars strong{font-size:11px}}
