/* Portfolio Overview — single composition chart (category-driven) */
    .ds-overview-charts {
      display: flex;
      flex-direction: column;
      gap: var(--ds-space-4);
      padding: var(--ds-space-2) 0 var(--ds-space-3);
      box-sizing: border-box;
      align-items: flex-start;
      width: 100%;
    }
    /*
     * Single composition chart (#94): do NOT reuse the 22rem hero cap.
     * That left a tiny left-aligned pie with a huge empty white region once
     * section-side pies were removed. Full-width card; pie + legend side-by-side.
     */
    .ds-overview-charts--single {
      max-width: none;
      width: 100%;
      align-items: stretch;
    }
    .ds-overview-charts--single .ds-overview-pie-card {
      width: 100%;
      max-width: 36rem;
      min-width: 0;
      box-sizing: border-box;
    }
    .ds-overview-charts--single .ds-composition-layout--overview {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      gap: var(--ds-space-5);
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }
    .ds-overview-charts--single .ds-composition-layout--overview .ds-composition-chart-wrap {
      width: 14rem;
      height: 14rem;
      min-width: 14rem;
      max-width: 14rem;
      aspect-ratio: 1;
      flex: 0 0 14rem;
    }
    .ds-overview-charts--single .ds-composition-layout--overview .ds-composition-legend {
      flex: 1 1 auto;
      width: auto;
      min-width: min(12rem, 100%);
      max-width: none;
    }

/* Net-worth donut: wider drawing area so section labels sit outside the pie. Height and centring unchanged. */
.ds-overview-charts--single .ds-composition-layout--overview .ds-composition-chart-wrap.ds-composition-chart-wrap--net-worth-labels,
.ds-composition-layout--overview .ds-composition-chart-wrap.ds-composition-chart-wrap--net-worth-labels {
  width: 100% !important;
  max-width: 24rem !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  aspect-ratio: auto !important;
  cursor: pointer;
}

/* Focused breakdown pie: same outside-label drawing area as the net-worth donut, over the fixed mobile pie size. */
#holdings-table-container.ds-overview--table-legend #overview-charts .ds-composition-layout--overview .ds-composition-chart-wrap.ds-composition-chart-wrap--breakdown-labels,
#overview-charts .ds-composition-layout--overview .ds-composition-chart-wrap.ds-composition-chart-wrap--breakdown-labels {
  width: 100% !important;
  height: 12rem !important;
  max-width: 24rem !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  aspect-ratio: auto !important;
}