/* Make the wealth-building idea visible, with assumptions beside the result. */
.compound-section { border-top:1px solid var(--rb-line); margin:55px 0 65px; padding-top:25px; }
.compound-section h2 { font-size:clamp(38px,4.6vw,64px); max-width:700px; line-height:1.08; margin:20px 0; }
.compound-section>.compound-intro { font-size:20px;line-height:1.8;max-width:750px; }
.compound-panel { display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.65fr);gap:44px;margin:30px 0 20px;padding:clamp(22px,3.5vw,42px);background:#f0f3ea; }
.compound-controls label { display:block;font-size:12px;line-height:1.7;margin-bottom:22px; }
.compound-controls input { display:block;width:100%;min-width:0;margin-top:8px;padding:12px;border:1px solid #bdc8b1;border-radius:0;background:var(--rb-paper);font:16px var(--rb-sans);color:var(--rb-ink); }
.compound-controls>p { font-size:12px;color:var(--rb-muted);line-height:1.75; }
.compound-result>span { font-size:11px;text-transform:uppercase;letter-spacing:.09em; }
.compound-result>strong { display:block;font:clamp(36px,4vw,58px)/1.2 var(--rb-serif);margin:10px 0;overflow-wrap:anywhere; }
.compound-result>p { font-size:12px;color:var(--rb-muted);line-height:1.7; }
.compound-chart svg { width:100%;height:auto;display:block; }
.compound-chart text { font:14px var(--rb-sans);fill:#596450; }
.compound-legend { display:flex;flex-wrap:wrap;gap:12px 24px;font-size:10px;color:var(--rb-muted); }
.compound-caption,.compound-note { font-size:12px;line-height:1.8;color:var(--rb-muted); }
.compound-note { max-width:860px; }
@media(max-width:700px) {
 .compound-panel { grid-template-columns:1fr;gap:15px; }
 .compound-controls { display:grid;grid-template-columns:1fr 1fr;gap:0 15px; }
 .compound-controls>p { margin-top:0;align-self:center; }
 .compound-chart svg text { font-size:20px; }
 .compound-result>strong { font-size:44px; }
}