.investments-heading{margin-bottom:18px}.investment-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line,#dce5e8);margin-bottom:24px;overflow-x:auto}.investment-tabs a{padding:12px 0 15px;white-space:nowrap;font-size:1rem;color:#667d88;border-bottom:3px solid transparent}.investment-tabs a.active{border-color:#0b8b7b;color:#143f45;font-weight:700}.kpi-grid.with-cagr{grid-template-columns:repeat(5,minmax(0,1fr))}.with-cagr .kpi h2{font-size:1.8rem}.investment-chart{height:350px;width:100%;min-width:0}.investment-donut{height:420px;width:100%;min-width:0}.investment-allocation{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:32px;align-items:center}.investment-allocation .table-scroll{max-height:440px}.investment-year{border-top:1px solid #e2e9ec;padding:18px 0}.investment-year summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:1rem}.investment-year[open] summary{margin-bottom:20px}.investment-year td input{width:140px}.investment-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.investment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 0}.investment-metrics>div{border:1px solid #dce7eb;padding:20px;border-radius:12px}.investment-metrics span{display:block;color:#647580;font-size:.875rem}.investment-metrics strong{display:block;font-size:1.6rem;color:#0b8b7b;margin-top:12px}
.dividend-allocation-table td,.dividend-allocation-table th{padding:6px 8px;line-height:1.35}.dividend-allocation-table td{border-bottom:0}.dividend-allocation-table th{position:sticky;top:0;z-index:1}.dividend-allocation-table .allocation-label{display:flex;align-items:center;gap:10px;white-space:normal;min-width:140px}.allocation-swatch{width:12px;height:12px;flex:0 0 12px;background:var(--allocation-color,#c6d1d6)}.dividend-allocation-table tr.is-active{background:#edf5f3}.dividend-allocation-table tr:focus-visible{outline:2px solid #0b8b7b;outline-offset:-2px}
@media(max-width:1400px){.kpi-grid.with-cagr{grid-template-columns:repeat(3,minmax(0,1fr))}.investment-allocation{gap:16px}}
@media(max-width:850px){.investment-allocation,.investment-columns{grid-template-columns:1fr}.investment-donut{height:330px}.investment-chart{height:310px}.investment-metrics{grid-template-columns:1fr}.kpi-grid.with-cagr{grid-template-columns:repeat(2,minmax(0,1fr))}.investment-tabs{gap:20px}}
@media(max-width:500px){.kpi-grid.with-cagr{grid-template-columns:1fr}.investment-year summary{flex-wrap:wrap}.investment-chart{height:280px}}