.story{max-width:1120px;margin:0 auto;padding:28px 20px 60px;color:#172c42;font-family:Arial,'Segoe UI',sans-serif}
.story-intro{max-width:760px;margin:12px 0 28px}
.story-kicker{font-size:.85rem;font-weight:700;color:#0b6b66}
.story-intro h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:10px 0 14px;color:#102b42}
.story-lead{font-size:1.15rem;line-height:1.7;color:#41576b}
.story-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start}
.story-figure{position:sticky;top:84px;margin:0;background:#fff;border:1px solid #dbe5ec;border-radius:14px;padding:14px 14px 10px;order:2}
.story-figure svg{width:100%;height:auto;display:block;direction:ltr}
.story-figure figcaption{display:grid;gap:4px;margin-top:6px}
#story-chart-title{font-weight:700;color:#102b42}
.story-figure figcaption small{color:#526578;line-height:1.45}
.story-steps{list-style:none;margin:0;padding:0;order:1}
.story-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.35;transition:opacity .3s ease}
.story-step.is-active{opacity:1}
.story-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b6b66;color:#fff;font-weight:800}
.story-step h2{font-size:1.45rem;margin:10px 0 8px;color:#102b42}
.story-step p{font-size:1.06rem;line-height:1.75;margin:0 0 10px}
.story-note{color:#526578;font-size:.95rem!important}
.story-end{max-width:760px;margin:40px 0 0;padding:24px;background:#f3f8f9;border:1px solid #d3e6e8;border-radius:14px}
.story-end h2{margin-top:0;color:#102b42}.story-end p{line-height:1.75}
.story-caveat{color:#526578;font-size:.92rem}
.story-links{margin:0;padding-inline-start:18px;display:grid;gap:8px}.story-links a{color:#0b5d6b;font-weight:700}
#story-chart .grid{stroke:#e3ebf0}#story-chart .tick,#story-chart .axis-label{fill:#526578;font-size:13px}
#story-chart path.series{fill:none;stroke-width:3.5}
#story-chart .price{stroke:#1d5fbf;fill:#1d5fbf}#story-chart .benefit{stroke:#0b6b66;fill:#0b6b66}
#story-chart .rent{stroke:#b45309;fill:#b45309}#story-chart .left{stroke:#7c3aed;fill:#7c3aed}
#story-chart .renter{stroke:#b42318;fill:#b42318}#story-chart .owner{stroke:#0b6b66;fill:#0b6b66}
#story-chart .end-label{stroke:none;font-size:13px;font-weight:700}
#story-chart .floor{stroke:#526578;stroke-dasharray:4 4}#story-chart .floor-label{fill:#526578;font-size:12px}
#story-chart .bar.mild{fill:#7aa6d6}#story-chart .bar.neg{fill:#b42318}
#story-chart .bar-label{fill:#172c42;font-size:15px}#story-chart .bar-value{fill:#172c42;font-size:16px;font-weight:700}
@media(max-width:860px){
 .story-body{grid-template-columns:1fr;gap:0}
 .story-figure{top:60px;order:0;z-index:2;padding:8px}
 .story-figure figcaption small{display:none}
 .story-figure svg{max-height:32vh}
 .story-figure figcaption{font-size:.9rem}
 .story-step{min-height:60vh;padding:16px 4px}
}
@media(prefers-reduced-motion:reduce){.story-step{transition:none;opacity:1}}