.trajectory-card{padding:28px}.trajectory-card>.section-head{margin:0 0 26px}.trajectory-charts{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:30px}.chart-subtitle{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;margin-bottom:15px}.chart-subtitle h3{font-size:14px;margin:0}.chart-subtitle>span{font-size:10px;color:var(--muted)}.allocation-chart{padding-right:26px;border-right:1px solid var(--line)}.allocation-donut{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.donut-wrap{width:205px;max-width:100%;aspect-ratio:1;position:relative;flex-shrink:0}.donut-wrap>svg{display:block;width:100%;height:100%}.donut-center{position:absolute;inset:35% 20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;text-align:center}.donut-center>span{font-size:10px;color:var(--muted)}.donut-center strong{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}.allocation-arc{transition:opacity .15s}.allocation-arc:hover,.allocation-arc:focus{opacity:.72;outline:none}.donut-legend{list-style:none;padding:0;margin:0;flex:1;min-width:165px}.donut-legend li{display:flex;align-items:flex-start;gap:9px;margin:13px 0;font-size:11px}.donut-legend i{width:8px;height:8px;flex-shrink:0;border-radius:50%;margin-top:5px}.donut-legend li>span{flex:1}.donut-legend small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.donut-legend strong{font-size:12px;font-weight:600;white-space:nowrap}.history-period{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.history-period select{font-size:11px;width:auto;min-height:32px;padding:4px 23px 4px 9px;margin:0;border-radius:6px}.trajectory-stats{display:flex;gap:24px;margin:14px 0 10px}.trajectory-stats>div{min-width:0}.trajectory-stats span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.trajectory-stats strong{font-weight:550;font-size:21px;letter-spacing:-.5px;overflow-wrap:anywhere}.investment-line{display:block;width:100%;height:auto;min-height:180px}.investment-line text{fill:#748078;font:12px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.investment-line circle{transition:r .15s}.investment-line circle:hover,.investment-line circle:focus{r:6;outline:none}.line-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:8px 0 14px}.line-legend>span{display:flex;align-items:center;gap:6px}.line-legend i{width:17px;height:2px;background:var(--green);display:inline-block}.line-legend .cost-line{height:0;border-top:2px dashed var(--gold);background:none}.trajectory-note{font-size:10px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);margin:22px 0 0;padding-top:16px}.chart-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;padding:15px}.chart-empty>span{font-size:37px;color:#9eaf97}.chart-empty p{max-width:280px}.future-card h2{font-size:20px}.trajectory-charts .meta{font-size:10px}
@media(max-width:1100px){.trajectory-charts{grid-template-columns:1fr;gap:22px}.allocation-chart{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--line)}.allocation-donut{justify-content:flex-start}.donut-legend{min-width:180px}.donut-wrap{width:210px}.investment-line{max-height:290px}}
@media(max-width:800px){.trajectory-card{padding:22px 16px}.trajectory-card>.section-head{margin-bottom:16px}.allocation-donut{gap:13px}.donut-wrap{width:150px}.donut-center strong{font-size:13px}.donut-center>span{font-size:9px}.donut-legend{min-width:130px}.donut-legend li{font-size:10px;gap:7px;margin:11px 0}.donut-legend strong{font-size:11px}.donut-legend small{font-size:9px}.trajectory-stats{gap:18px;justify-content:space-between}.trajectory-stats strong{font-size:19px}.trajectory-stats span{font-size:9px}.chart-subtitle h3{font-size:13px}.history-period{gap:5px}.history-period select{padding-right:18px}.investment-line{min-height:145px}.investment-line text{font-size:14px}.trajectory-note{font-size:9px}.line-legend{gap:12px;font-size:9px}}
@media(max-width:360px){.donut-wrap{width:140px}.donut-legend{min-width:120px}.allocation-donut{gap:8px}}