.fund-risk-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:stretch}
.risk-metrics-panel,.exposure-panel{padding:22px;border:1px solid #d4e5e0;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(13,67,59,.05)}
.risk-metrics-panel>header,.exposure-panel>header{margin-bottom:18px}
.risk-metrics-panel>header>span,.exposure-panel>header>span{color:var(--green);font-size:11px;font-weight:900}
.risk-metrics-panel h3,.exposure-panel h3{margin:4px 0 5px;color:var(--ink);font-size:21px}
.risk-metrics-panel header p,.exposure-panel header p{max-width:660px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.risk-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.risk-metric-card{position:relative;display:flex;min-height:245px;flex-direction:column;padding:18px;border:1px solid #dce9e5;border-radius:15px;background:#fff;overflow:visible}
.risk-metric-card:hover,.risk-metric-card:focus-within{z-index:5}
.risk-metric-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:4px;border-radius:15px 15px 0 0;background:linear-gradient(90deg,#d9eee8,var(--green))}
.risk-metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.risk-metric-top>span{color:var(--green-dark);font-size:11px;font-weight:800}
.risk-metric-card h4{margin:16px 0 2px;color:var(--ink);font-size:17px}
.risk-metric-card>b{display:block;color:var(--ink);font-size:32px;line-height:1.15;letter-spacing:-.6px}
.risk-metric-card>p{margin:13px 0 18px;color:#58706d;font-size:12px;line-height:1.65}
.risk-comparison{display:block;margin-top:auto;padding:8px 10px;border-radius:9px;color:#315d56;background:#edf6f3;font-size:11px;font-weight:800;line-height:1.45}
.risk-comparison.is-higher{color:#81533a;background:#fff5e9}.risk-comparison.is-lower{color:#136b59;background:#eaf7f2}.risk-comparison.is-unavailable{color:var(--muted);background:#f1f4f3}
.exposure-composition-grid{grid-template-columns:1fr;gap:10px}
.exposure-composition-grid>div{display:grid;min-height:112px;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;padding:14px 16px;border:1px solid #dce9e5;background:#fff;text-align:right}
.exposure-composition-grid .exposure-donut>i{grid-row:1/3;width:62px;height:62px;margin:0 0 0 14px}
.exposure-composition-grid .exposure-donut>span{align-self:end;font-size:11px}
.exposure-composition-grid .exposure-donut>b{align-self:start;margin-top:5px;font-size:21px}
.monthly-performance-section{padding-top:0}
.monthly-performance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:26px}
.monthly-performance-heading h2{margin:3px 0 7px;font-size:27px}.monthly-performance-heading p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.monthly-total{min-width:210px;padding:15px 18px;border:1px solid #cce3dd;border-radius:14px;background:#eff8f5}.monthly-total span{display:block;color:var(--muted);font-size:10px;font-weight:800}.monthly-total b{display:block;margin-top:4px;color:var(--green);font-size:26px;direction:ltr;text-align:right}
.monthly-chart-scroll{overflow-x:auto;padding:3px 1px 8px;scrollbar-width:thin;scrollbar-color:#9bc8bd transparent}
.monthly-chart{display:grid;min-width:760px;grid-template-columns:repeat(12,minmax(52px,1fr));gap:8px;direction:ltr}
.monthly-point{display:grid;grid-template-rows:24px 122px 22px;align-items:center;text-align:center}.monthly-point>b{font-size:10px;direction:ltr}.monthly-point>span{color:var(--muted);font-size:10px;font-weight:800;direction:ltr}
.monthly-plot{position:relative;height:112px;border-radius:10px;background:linear-gradient(to bottom,rgba(239,247,245,.55),rgba(239,247,245,.25))}.monthly-plot:after{content:"";position:absolute;z-index:1;top:50%;right:5px;left:5px;height:1px;background:#b8cec8}
.monthly-plot i{position:absolute;z-index:2;left:50%;width:18px;height:var(--monthly-height);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#0b8a78,#42b7a4);transform:translateX(-50%)}.monthly-point.is-positive .monthly-plot i{bottom:50%}.monthly-point.is-negative .monthly-plot i{top:50%;border-radius:2px 2px 6px 6px;background:linear-gradient(180deg,#d98a7e,#b9584c)}.monthly-point.is-missing{opacity:.55}.monthly-point.is-missing .monthly-plot i{display:none}

@media(max-width:1050px){.fund-risk-layout{grid-template-columns:1fr}.exposure-composition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.exposure-composition-grid>div{display:grid;grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center}.exposure-composition-grid .exposure-donut>i{grid-row:auto;margin:0 0 10px}}
@media(max-width:720px){.risk-metrics-panel,.exposure-panel{padding:16px;border-radius:16px}.risk-metrics-grid{grid-template-columns:1fr}.risk-metric-card{min-height:0;padding:16px}.risk-metric-card h4{margin-top:12px}.risk-metric-card>p{margin:9px 0 13px}.exposure-composition-grid{grid-template-columns:1fr 1fr}.exposure-composition-grid>div:last-child{grid-column:1/-1}.monthly-performance-heading{align-items:stretch;flex-direction:column;gap:14px}.monthly-total{min-width:0}.monthly-total b{text-align:right}.monthly-chart-scroll{margin-inline:-19px;padding-inline:19px;scroll-snap-type:x proximity}.monthly-point{scroll-snap-align:start}}
@media(max-width:390px){.exposure-composition-grid{grid-template-columns:1fr}.exposure-composition-grid>div:last-child{grid-column:auto}}