/* Drawdown calculator extension of the shared FIRE visual language, 24 Oct 2026. */
.renta-page .renta-steps { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; font-size:13px; font-weight:700; }
.renta-steps > * { display:flex; align-items:center; gap:9px; border-radius:8px; padding:9px 13px; background:#e8eff5; color:#39576d; }
.renta-steps > [aria-current] { background:#dff3ed; color:#12665e; }
.renta-steps > a { text-decoration:none; }
.renta-steps > a:hover { background:#dce8f1; }
.renta-steps > * > span:first-child { font-size:11px; opacity:.8; }
.renta-main-balance { border-top:1px solid #446075; padding-top:20px; margin-top:24px; }
.renta-main-balance > span,.renta-main-balance > small { display:block; color:#cee0ed; font-size:13px; line-height:1.6; }
.renta-main-balance > strong { display:block; font-size:30px; margin:5px 0; overflow-wrap:anywhere; }
.renta-plan-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:26px; }
.renta-plan-options h2 { font-size:22px; }
.renta-option-number { display:block; font-size:clamp(25px,3vw,36px); color:#087b70; line-height:1.3; margin:14px 0; overflow-wrap:anywhere; }
.renta-plan-options article > p:not(.fire-kicker) { font-size:14px; color:#52687b; }
.renta-plan-options a { font-size:14px; }
.renta-chart { margin-top:20px; }
.renta-chart .renta-chart-mobile { display:none; }
.renta-chart svg { max-width:100%; }
.renta-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }
.renta-scenario { min-width:0; padding:20px; border:1px solid #d7e2e9; border-top:4px solid #087b70; border-radius:10px; background:#f8fbfc; overflow-wrap:anywhere; }
.renta-scenario:nth-child(2) { border-top-color:#b85c25; }
.renta-scenario:nth-child(3) { border-top-color:#356eb2; }
.renta-scenario h3 { font-size:16px; }
.renta-scenario strong { display:block; font-size:24px; color:#102c46; line-height:1.4; }
.renta-scenario p { font-size:13px; color:#52687b; margin:9px 0 0; }
.renta-month-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0 30px; }
.renta-month-flow > div { background:#edf6f4; border-radius:10px; padding:18px; min-width:0; }
.renta-month-flow span { display:grid; place-items:center; width:28px; height:28px; background:#087b70; color:#fff; font-size:13px; font-weight:800; border-radius:50%; margin-bottom:12px; }
.renta-month-flow strong { font-size:15px; color:#163f51; }
.renta-month-flow p { font-size:13px; color:#52687b; margin:8px 0 0; }
.renta-page .fire-formula { overflow-wrap:anywhere; }
.renta-page .fire-result .fire-main-number { font-size:clamp(29px,3.4vw,44px); }
.renta-page .fire-table-scroll { max-width:100%; }
@media(max-width:760px) {
 .renta-plan-options { grid-template-columns:minmax(0,1fr); gap:14px; }
 .renta-scenarios,.renta-month-flow { grid-template-columns:minmax(0,1fr); gap:12px; }
 .renta-scenario { padding:16px; }
 .renta-chart .renta-chart-desktop { display:none; }
 .renta-chart .renta-chart-mobile { display:block; }
 .renta-page [id] { scroll-margin-top:86px; }
 .renta-month-flow > div { display:grid; grid-template-columns:28px minmax(0,1fr); gap:0 12px; }
 .renta-month-flow span { grid-row:span 2; margin:0; }
 .renta-month-flow p { grid-column:2; }
}
@media(max-width:420px) {
 .renta-page .fire-result .fire-main-number { font-size:31px; }
 .renta-main-balance > strong { font-size:25px; }
 .renta-steps { font-size:12px; }
 .renta-steps > * { padding:8px 10px; }
}
@media(prefers-reduced-motion:reduce) { .renta-page { scroll-behavior:auto; } }