.investment-comparison{display:block;width:100%;height:auto;overflow:visible;--comparison-ink:#414c31;--comparison-line:#41642c;--comparison-grid:#c4d2a9;--comparison-dot:#eaf3d6}
.comparison-grid{fill:none;stroke:var(--comparison-grid);stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.comparison-axis{fill:var(--comparison-ink);font-family:Arial,sans-serif;font-size:12px}.comparison-area{fill:#92b84f;opacity:.12}
.comparison-baseline,.comparison-reinvest{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-width:2.5}.comparison-baseline{stroke:var(--comparison-ink);stroke-dasharray:6 6;opacity:.8}.comparison-reinvest{stroke:var(--comparison-line);stroke-width:3}
.comparison-point{fill:var(--comparison-dot);stroke:var(--comparison-ink);stroke-width:2;vector-effect:non-scaling-stroke}.comparison-point.is-reinvest{stroke:var(--comparison-line)}
.comparison-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.comparison-card{min-width:0;padding:16px;border:1px solid #bfcca7;border-radius:14px;background:#f7faef}.comparison-card.is-reinvest{background:#d5edaa;border-color:#a7c478}.comparison-card>span{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#414c31}.comparison-card>span:before{content:"";width:19px;flex:0 0 19px;border-top:2px dashed #414c31}.comparison-card.is-reinvest>span:before{border-top:3px solid #41642c}.comparison-card>strong{display:block;margin-top:10px;font-size:clamp(18px,2vw,26px);letter-spacing:-.04em;overflow-wrap:anywhere}.comparison-card>small{display:block;margin-top:4px;font-size:10px;color:#4f5d3f;line-height:1.4}.comparison-difference{margin:14px 0 0;color:#414c31;font-size:12px;line-height:1.5}.comparison-difference>b{font-weight:700}
.calc-reinvest{margin-top:24px;padding:18px;border:1px solid #d1d8c5;border-radius:15px;background:#f6f8f1}.calc-reinvest-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.calc-reinvest-head label{margin:0;font-weight:650;font-size:14px}.calc-reinvest-head small{display:block;color:#59604f;font-size:11px;line-height:1.5;margin-top:4px}.calc-reinvest-switch{appearance:none;flex:0 0 48px;width:48px;height:28px;min-height:28px;border:1px solid #aeb89e;border-radius:30px;padding:3px;background:#e0e5d8;cursor:pointer;transition:background .15s}.calc-reinvest-switch:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #20211e30;transition:transform .15s}.calc-reinvest-switch:checked{background:#cef477;border-color:#88a349}.calc-reinvest-switch:checked:before{transform:translateX(20px);background:#20211e}.calc-reinvest-switch:focus-visible{outline:3px solid #628237;outline-offset:3px}.calc-reinvest-share{margin-top:18px}.calc-reinvest-share[hidden]{display:none}.calc-reinvest-share label{display:flex;justify-content:space-between;font-size:12px}.calc-reinvest-share input{width:100%;accent-color:#618233}.calc-reinvest-share small{display:block;color:#59604f;font-size:11px;line-height:1.5}.calculator-result [data-calc-chart]{margin-top:24px}.calculator-result .result-value{font-size:clamp(52px,6vw,84px);overflow-wrap:anywhere}.calculator-result .result-label{line-height:1.5}
.account-body .investment-comparison{--comparison-ink:#a7b291;--comparison-line:#dfff8c;--comparison-grid:#454c33;--comparison-dot:#1c2015}.account-body .comparison-cards{position:relative;z-index:1}.account-body .comparison-card{background:#202619;border-color:#495637}.account-body .comparison-card.is-reinvest{background:#303e23;border-color:#7a9250}.account-body .comparison-card>span,.account-body .comparison-difference{color:#cad5b6}.account-body .comparison-card>span:before{border-color:#a7b291}.account-body .comparison-card.is-reinvest>span:before{border-color:#dfff8c}.account-body .comparison-card>strong{color:#f4ffdf;font-size:19px}.account-body .comparison-card>small{color:#acb797}.account-body .comparison-difference{position:relative;z-index:1}.account-body .projection-chart{height:auto!important;border-bottom:0}.account-body .projection-chart svg{height:auto}.account-body .projection-metrics span{white-space:normal}.account-body .projection-metrics strong{white-space:normal;overflow-wrap:anywhere;font-size:12px}
@media(max-width:560px){.comparison-card{padding:12px}.comparison-card>span{font-size:10px;gap:5px}.comparison-card>span:before{width:13px;flex-basis:13px}.comparison-card>strong{font-size:20px}.account-body .comparison-card>strong{font-size:15px}.comparison-axis{font-size:14px}.calculator-result .result-value{font-size:58px}}
@media(prefers-reduced-motion:reduce){.calc-reinvest-switch,.calc-reinvest-switch:before{transition:none}}
.calculator-controls .calc-method{font-size:12px;margin-top:23px;line-height:1.6}.calculator-result .calc-total-note{font-size:11px;line-height:1.6;margin:16px 0 0;color:#4f5d3f}.calculator-result .comparison-difference{font-size:12px}.account-body .calculator-chart .comparison-difference{font-size:10px;margin-bottom:0}

[data-calculator]{grid-template-columns:repeat(2,minmax(0,1fr));container-type:inline-size}
[data-calculator] .calculator-controls,[data-calculator] .calculator-result{min-width:0;padding:32px}
[data-calculator] .calculator-result{container-type:inline-size}
[data-calculator] .calculator-controls .bs-select-value{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal}
[data-calculator] .amount-field input{min-width:0}
[data-calculator] .calculator-result .result-value{font-size:clamp(52px,16cqw,84px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.02em}
[data-calculator] .calculator-result .comparison-cards{gap:12px}
[data-calculator] .calculator-result .comparison-card{padding:18px}
[data-calculator] .calculator-result .comparison-card>span{font-size:13px;min-width:0;align-items:flex-start}
[data-calculator] .calculator-result .comparison-card>span:before{margin-top:8px}
[data-calculator] .calculator-result .comparison-card>strong{font-size:24px;white-space:nowrap;overflow-wrap:normal;letter-spacing:-.035em}
[data-calculator] .calculator-result .comparison-card>small{font-size:12px;line-height:1.5}
[data-calculator] .calculator-result .comparison-difference,[data-calculator] .calculator-result .calc-total-note{font-size:13px}
[data-calculator] .calculator-result .calc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-calculator] .calculator-result .calc-metrics strong{font-size:clamp(20px,6cqw,28px);white-space:nowrap}
.comparison-axis{font-size:13px}
@container(max-width:900px){[data-calculator] .calculator-controls,[data-calculator] .calculator-result{grid-column:1/-1}[data-calculator] .calculator-controls{border-right:0;border-bottom:1px solid var(--line)}}
@container(max-width:460px){[data-calculator] .calculator-result .comparison-cards{grid-template-columns:1fr}[data-calculator] .calculator-result .comparison-card>span{align-items:center}[data-calculator] .calculator-result .comparison-card>span:before{margin-top:0}}
@container(max-width:340px){[data-calculator] .calculator-result .calc-metrics{grid-template-columns:1fr}}
@media(max-width:560px){[data-calculator] .calculator-controls,[data-calculator] .calculator-result{padding:22px}[data-calculator] .calculator-result .result-value{font-size:58px}[data-calculator] .calculator-result .comparison-card{padding:16px}[data-calculator] .calculator-result .calc-metrics{gap:10px}[data-calculator] .calculator-result .calc-metrics strong{font-size:19px}}