.composition-panel{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:15px;padding:23px 25px;margin-bottom:18px;align-items:center}.composition-copy h3{font-size:1rem;margin-bottom:8px}.composition-copy>.help{margin-bottom:14px}.composition-legend{display:grid;gap:6px}.composition-item{border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;gap:14px;text-align:left;padding:7px 0;font-size:.875rem}.composition-item span{display:flex;align-items:center;gap:9px}.composition-item i{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none}.composition-item strong{font-weight:550;white-space:nowrap}.composition-item:hover{color:var(--green)}.donut-wrap{position:relative;min-width:0}.donut-wrap svg{display:block;width:100%}.donut-part{cursor:pointer;transition:filter .15s,opacity .15s}.donut-part.highlight,.donut-part:focus{filter:brightness(1.16);stroke:#e0e7ee;stroke-width:3;outline:0}.interactive-chart{position:relative;touch-action:pan-y}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:#0f1925;border:1px solid #50657b;box-shadow:0 8px 28px #0005;border-radius:10px;padding:13px 15px;color:var(--ink);font-size:.8rem;width:max-content;max-width:100%;font-variant-numeric:tabular-nums;line-height:1.6}.chart-tooltip>strong{display:block;margin-bottom:7px}.chart-tooltip>div{display:flex;justify-content:space-between;gap:17px}.chart-tooltip>div>span{color:#a4b1c2}.chart-tooltip b{font-weight:550;white-space:nowrap}.chart-tooltip .tooltip-total{border-top:1px solid var(--line);padding-top:7px;margin-top:7px;color:var(--green)}.chart-tooltip small{color:var(--muted);font-weight:400}.donut-wrap .chart-tooltip{left:50%;top:50%;transform:translate(-50%,-50%);max-width:250px;text-align:center}.donut-wrap .chart-tooltip>div{justify-content:center;color:var(--green)}.year-hit{cursor:crosshair}.year-hit:focus{outline:none;fill:#86cbb00c;stroke:#86cbb0;stroke-width:1}.chart-instruction{margin-top:10px;margin-bottom:8px}.rate-help{margin-top:-5px;padding-bottom:6px}.chart-panel .help{font-size:.75rem}.metric .number{font-size:clamp(1.2rem,1.8vw,1.75rem)}
@media(max-width:1050px) and (min-width:761px){.composition-panel{grid-template-columns:minmax(0,1fr) 160px;padding:20px 16px}.composition-item{flex-wrap:wrap;gap:2px;font-size:.8rem}.metric .number{font-size:1.2rem}.metric.featured .number{font-size:1.8rem}}
@media(max-width:760px){.composition-panel{grid-template-columns:1fr;padding:22px}.donut-wrap{width:190px;grid-row:1;margin:auto}.composition-item{font-size:.8rem;gap:10px}.chart-tooltip{font-size:.875rem;padding:10px;width:calc(100% - 4px)}.chart-tooltip>div{gap:8px}.chart-tooltip>div>span{max-width:48%}.chart-tooltip b{white-space:normal;text-align:right}.metric .number{font-size:1.3rem}.metric.featured .number{font-size:1.9rem}.result-head{flex-wrap:wrap}.donut-wrap .chart-tooltip{width:max-content}}