.investment-workspace{--investment-gain:#009b83;--investment-regular:#008cc2;--investment-initial:#a6b5cb;--investment-loss:#bc4148;border:1px solid var(--line);background:var(--bg);border-radius:16px;overflow:hidden}:root[data-theme=dark] .investment-workspace{--investment-gain:#4fd4b9;--investment-regular:#5abce7;--investment-initial:#899ab6;--investment-loss:#ff939a}.investment-result-heading{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;display:flex}.investment-kicker{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:750}.investment-results h2{margin:6px 0 0;font-size:clamp(20px,2.5vw,27px)}.investment-view{color:var(--muted);gap:5px;font-size:11px;display:grid}.investment-view select{border:1px solid var(--border);max-width:100%;min-height:44px;color:var(--text);background:var(--bg);font:inherit;border-radius:8px;padding:8px 12px;font-size:13px}.investment-overview{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:32px;padding:28px 30px;display:grid}.investment-chart-panel.projection-panel{border:0;border-radius:0;padding:0}.investment-legend{flex-wrap:wrap;gap:10px 20px;margin:0 0 16px 60px;font-size:12px;display:flex}.investment-legend>span{align-items:center;gap:7px;display:inline-flex}.investment-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.investment-swatch.gain{background:var(--investment-gain)}.investment-swatch.regular{background:var(--investment-regular)}.investment-swatch.initial{background:var(--investment-initial)}.investment-swatch.loss{background:var(--investment-loss)}.investment-bar{stroke:var(--bg);stroke-width:.5px}.investment-bar.gain{fill:var(--investment-gain)}.investment-bar.regular{fill:var(--investment-regular)}.investment-bar.initial{fill:var(--investment-initial)}.investment-bar.loss{fill:var(--investment-loss)}.investment-chart-panel[data-viz] .chart-grid{stroke-dasharray:none;opacity:.65}.investment-chart-panel[data-viz] .projection-point-a{fill:var(--text);stroke:var(--bg);stroke-width:1.5px}.investment-chart-panel[data-viz] .projection-point-b{fill:var(--bg);stroke:var(--text);stroke-width:2px}.investment-chart-panel .projection-cursor{stroke:var(--muted)}.investment-chart-panel .chart-year{margin:0}.investment-chart-panel[data-viz] .viz-tooltip [data-viz-values]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.investment-chart-panel[data-viz] .viz-tooltip .viz-value-row{grid-template-columns:1fr;gap:2px}.investment-chart-panel[data-viz] .viz-tooltip .viz-value-row>strong{text-align:left}.investment-chart-panel .chart-year-label{margin-top:14px}.investment-chart-hint{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.6}.investment-totals{border-left:1px solid var(--line);min-width:0;padding-left:28px}.investment-totals .scenario-cards{grid-template-columns:1fr;gap:24px;margin:0;display:grid}.investment-totals .scenario-result-card{background:0 0;border:0;border-radius:0;padding:0}.investment-totals .scenario-result-card h3{margin:0 0 16px;font-size:13px}.investment-totals .scenario-total{color:var(--investment-gain);font-variant-numeric:tabular-nums;margin:8px 0 20px;font-size:clamp(28px,3vw,40px)}.investment-totals .scenario-result-card dd{font-size:13px}.investment-totals .scenario-result-card dt{max-width:65%}.investment-totals .small-note{margin-top:16px;font-size:11px;line-height:1.7}.investment-form.calculator-form{border:0;border-top:8px solid var(--surface);background:0 0;border-radius:0;max-width:none;margin:0;padding:28px 30px 16px}.investment-form .scenario-fieldset legend{margin-bottom:18px;font-size:16px}.investment-form .horizon-presets{margin:0 0 24px}.investment-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 56px;display:grid}.investment-control{min-width:0}.investment-control>label{margin-bottom:10px;font-size:13px;font-weight:650;display:block}.investment-control-row{align-items:center;gap:8px;display:flex}.investment-control-row button{border:1px solid var(--line);background:var(--surface);width:36px;height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:7px;flex-shrink:0;place-items:center;padding:0;font-size:20px;display:grid}.investment-control-row button:hover{border-color:var(--investment-gain);color:var(--investment-gain)}.investment-control-row input[type=range]{width:100%;min-width:36px;height:44px;accent-color:var(--investment-gain);cursor:pointer;margin:0}.investment-value{border:1px solid var(--border);background:var(--bg);border-radius:7px;flex:0 0 148px;align-items:center;min-width:0;display:flex;overflow:hidden}.investment-value input{width:100%;min-width:0;height:44px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:8px 10px;font-size:16px}.investment-value span{color:var(--muted);white-space:nowrap;padding-right:10px;font-size:11px}.investment-value:has([aria-invalid=true]){border-color:var(--error)}.investment-control .field-help{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.investment-workspace :is(button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.investment-value:focus-within{outline:2px solid var(--accent);outline-offset:2px}.investment-form .tool-check{min-height:44px;margin:20px 0 0}.investment-form #scenario-b-fields{margin-top:24px}.investment-submit{margin-top:20px}.investment-form[data-live] .investment-submit{display:none}.investment-yearly{border:1px solid var(--line);border-radius:12px;margin:28px 0 40px;padding:20px 24px}.investment-yearly>summary{cursor:pointer;font-size:17px;font-weight:750}.investment-yearly[open]>summary{margin-bottom:16px}@media (width<=1000px){.investment-overview{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.investment-totals{padding-left:20px}.investment-controls{gap:24px}.investment-value{flex-basis:125px}}@media (width<=760px){.investment-chart-panel[data-viz] .viz-tooltip [data-viz-values]{grid-template-columns:1fr;gap:4px}.investment-chart-panel[data-viz] .viz-tooltip .viz-value-row{grid-template-columns:minmax(0,1fr) auto}.investment-chart-panel[data-viz] .viz-tooltip .viz-value-row>strong{text-align:right}.investment-result-heading{flex-direction:column;align-items:start;gap:16px;padding:20px}.investment-overview{grid-template-columns:1fr;padding:20px 16px}.investment-totals{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.investment-totals .scenario-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.investment-totals .scenario-total{font-size:36px}.investment-controls{grid-template-columns:1fr}.investment-form.calculator-form{padding:24px 16px 16px}.investment-value{flex-basis:140px}.investment-legend{gap:8px 14px;margin-left:0;font-size:11px}.investment-yearly{padding:18px 16px}}@media (width<=380px){.investment-value{flex-basis:112px}.investment-control-row{gap:5px}.investment-control-row button{width:30px}}.tool-picker[data-astro-cid-of7xue4d]{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:20px}.tool-picker[data-astro-cid-of7xue4d] summary[data-astro-cid-of7xue4d]{cursor:pointer;padding:4px;font-weight:700}.tool-picker[data-astro-cid-of7xue4d][open] summary[data-astro-cid-of7xue4d]{margin-bottom:20px}
