/* Additional metrics only: existing KPI cards and APY chart keep their styles. */
.metrics-details{display:grid;grid-template-columns:1.06fr 1fr;gap:12px;margin-top:12px}
.metrics-detail-card{min-width:0;padding:26px 28px;border:1px solid rgba(235,225,201,.12);border-radius:20px;background:linear-gradient(155deg,rgba(16,18,18,.94),rgba(8,10,10,.94));color:#e8e6df}
.metrics-detail-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.metrics-detail-card__header h3{margin:0;font-size:18px;font-weight:400;letter-spacing:-.025em}
.metrics-detail-card__header>span{color:#8a908a;font-size:11px;text-align:right}
.allocation-main{display:grid;grid-template-columns:minmax(140px,.92fr) minmax(0,1.65fr);align-items:center;gap:22px;min-height:204px}
.allocation-chart{position:relative;width:100%;max-width:212px;aspect-ratio:1;justify-self:center}
.allocation-chart svg{width:100%;height:100%;display:block}
.allocation-chart__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.allocation-chart__center strong{font-size:clamp(22px,2.05vw,32px);font-weight:400;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.allocation-chart__center span{margin-top:8px;font-size:11px;color:#8a908a}
.allocation-venues{list-style:none;padding:0;margin:0;min-width:0}
.allocation-venue{padding:20px 0;border-bottom:1px solid rgba(235,225,201,.12)}
.allocation-venue:first-child{padding-top:8px}.allocation-venue:last-child{border-bottom:0;padding-bottom:8px}
.allocation-venue__head,.allocation-venue__detail{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.allocation-venue__name{display:flex;align-items:center;gap:9px;min-width:0;overflow-wrap:anywhere}
.allocation-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--gold-bright)}
.allocation-venue__share{font-variant-numeric:tabular-nums;white-space:nowrap}
.allocation-venue__detail{margin-top:14px;color:#959b95;font-size:12px}
.allocation-risk{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;white-space:nowrap;color:#959b95;background:rgba(149,155,149,.08)}
.allocation-risk::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.allocation-risk--low{color:#73c990;background:rgba(71,150,101,.14)}
.allocation-risk--moderate{color:#e1cf72;background:rgba(204,179,57,.14)}
.allocation-risk--elevated{color:#e2a166;background:rgba(209,127,50,.14)}
.allocation-risk--high{color:#eb8f91;background:rgba(201,87,92,.14)}
.allocation-risk--unknown::before{display:none}
.allocation-minor-row .allocation-risk--unknown{padding:0;background:none}
.allocation-minor{margin-top:20px;border-top:1px solid rgba(235,225,201,.12)}
.allocation-minor[hidden]{display:none}
.allocation-minor-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;font-size:11px;color:#909690}
.allocation-minor-row>span:first-child{overflow-wrap:anywhere}
.allocation-risk-legend{border-top:1px solid rgba(235,225,201,.12);margin-top:22px;padding-top:18px;color:#929892;font-size:11px}
.allocation-risk-legend p{margin:0 0 18px}
.allocation-risk-legend__heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap}
.allocation-risk-legend__heading span:last-child{margin-left:auto;text-align:right}
.metrics-details-note{margin:16px 0 0;font-size:11px;line-height:1.6;color:#929892}
.metrics-details-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.metrics-details-note a:hover{color:var(--gold-bright)}
.allocation-risk-legend__items{display:flex;gap:16px;flex-wrap:wrap}
.allocation-risk-legend__items span{display:inline-flex;align-items:center;gap:6px}
.allocation-risk-legend__items i{width:6px;height:6px;border-radius:50%;background:#73c990}
.allocation-risk-legend__items .risk-dot--moderate{background:#e1cf72}
.allocation-risk-legend__items .risk-dot--elevated{background:#e2a166}
.allocation-risk-legend__items .risk-dot--high{background:#eb8f91}
.exposure-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:-8px;margin-bottom:25px}
.exposure-tabs button{padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#929892;font:inherit;font-size:13px;cursor:pointer}
.exposure-tabs button[aria-selected=true]{border-color:rgba(240,215,158,.3);background:rgba(214,184,120,.11);color:var(--gold-bright)}
.exposure-tabs button:hover{color:var(--gold-bright)}.exposure-tabs button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}
.exposure-net__label{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:#959b95}
.exposure-net__label .info-tip{position:static}
.exposure-net__label .info-tip::after{left:0;transform:none;width:min(290px,70vw)}
.exposure-net__label .info-tip:focus::after{opacity:1;visibility:visible}
.exposure-net__value{margin:18px 0 10px;font-size:clamp(30px,3.1vw,42px);line-height:1.1;letter-spacing:-.055em;font-weight:400;color:var(--gold-bright);font-variant-numeric:tabular-nums}
.exposure-net__direction{margin:0;color:#959b95;font-size:12px}
.exposure-bars{display:grid;gap:17px;margin-top:32px}
.exposure-bar__label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;color:#a4aaa4;font-size:13px}
.exposure-bar__label span:last-child{color:#dddcd4;text-align:right;font-variant-numeric:tabular-nums}
.exposure-bar__track{height:7px;border-radius:99px;background:#252925;overflow:hidden}
.exposure-bar__track span{display:block;height:100%;width:0;border-radius:inherit;background:#f0d79e}
.exposure-bar--short .exposure-bar__track span{background:#a88945}
.exposure-footer{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(235,225,201,.12);font-size:11px;color:#929892;font-variant-numeric:tabular-nums}
.exposure-footer>span:last-child{text-align:right}.metrics-details__empty{font-size:12px;color:#929892}
@media(max-width:1050px){.metrics-details{grid-template-columns:1fr}.allocation-main{grid-template-columns:minmax(160px,.8fr) minmax(0,1.5fr)}.allocation-chart{max-width:220px}.allocation-chart__center strong{font-size:30px}.exposure-net__value{font-size:38px}}
@media(max-width:520px){.metrics-detail-card{padding:22px 18px;border-radius:16px}.metrics-detail-card__header{gap:12px;margin-bottom:24px}.metrics-detail-card__header h3{font-size:17px}.metrics-detail-card__header>span{font-size:10px}.allocation-main{grid-template-columns:1fr;gap:14px}.allocation-chart{max-width:196px}.allocation-venues{width:100%}.allocation-venue{padding:17px 0}.allocation-minor-row{align-items:flex-start;gap:8px}.exposure-footer{flex-wrap:wrap}.exposure-footer>span:last-child{text-align:left}.exposure-bar__label{font-size:12px}.exposure-tabs button{font-size:12px}}