/* Performance page only: use the site's current dark surfaces and typography. */
.dc-performance-page .dc-performance-intro { max-width: 860px; }
.dc-performance-page .dc-performance-basis,
.dc-performance-page .dc-performance-region-note { color: var(--dk-muted); font-size: 14px; }
.dc-performance-page .dc-performance-region { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-block: 64px; min-width: 0; }
.dc-performance-page .dc-performance-region-header { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: 20px; }
.dc-performance-page .dc-performance-region-header h2,
.dc-performance-page .dc-performance-region-header p { margin: 0; }
.dc-performance-page .dc-performance-region-header p { color: var(--dk-muted); font-size: 14px; }
.dc-performance-page .dc-performance-region-note { margin: 0 0 20px; }
.dc-performance-page .dc-performance-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body.dc-dark main.dc-page.dc-performance-page .dc-scoreboard-portfolio { min-width: 0; padding: 24px 20px; overflow: hidden; }
.dc-performance-page .dc-scoreboard-portfolio h3 { margin: 0 0 20px; font-size: 21px; }
.dc-performance-page .dc-performance-return { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }
.dc-performance-page .dc-performance-return.dc-return-positive { color: var(--dk-gold); }
.dc-performance-page .dc-performance-return.dc-return-negative { color: #e89b96; }
.dc-performance-page .dc-performance-return span { display: block; margin-top: 6px; color: var(--dk-muted); font-size: 12px; font-weight: 400; }
.dc-performance-page .dc-performance-period { margin: 16px 0; font-size: 12px; color: var(--dk-muted); }
/* Override the later Dashboard height: 100% rule without changing Dashboard styles. */
.dc-performance-page .dc-scoreboard-portfolio .dc-lwchart { width: 100%; height: 260px; min-height: 260px; padding: 0; border: 0; background: transparent; }
.dc-performance-page .dc-performance-legend { display: flex; gap: 18px; margin: 12px 0 24px; font-size: 12px; color: var(--dk-muted); }
.dc-performance-page .dc-performance-legend span { display: inline-flex; align-items: center; gap: 6px; }
.dc-performance-page .dc-performance-legend i { display: inline-block; width: 18px; height: 2px; }
.dc-performance-page .dc-model-key { background: #B8964E; }
.dc-performance-page .dc-benchmark-key { background: rgba(255,255,255,.55); }
.dc-performance-page .dc-performance-stats { margin: 0; padding-top: 16px; border-top: 1px solid var(--dk-line); font-size: 12px; }
.dc-performance-page .dc-performance-stats > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; margin-top: 8px; }
.dc-performance-page .dc-performance-stats dt { color: var(--dk-muted); font-weight: 400; }
.dc-performance-page .dc-performance-stats dd { margin: 0; color: var(--dk-body); font-variant-numeric: tabular-nums; }
.dc-performance-page .dc-chart-status { font-size: 12px; color: var(--dk-muted); }
.dc-performance-page .dc-chart-status[hidden] { display: none; }
.dc-performance-page .dc-performance-unavailable { min-height: 240px; font-size: 14px; color: var(--dk-muted); }
@media (max-width: 1050px) {
  .dc-performance-page .dc-performance-cards { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  body.dc-dark main.dc-page.dc-performance-page .dc-scoreboard-portfolio { padding: 20px 14px; }
  .dc-performance-page .dc-performance-region { margin-block: 48px; }
}