.investment-feature-title {
  line-height: 1.24;
  text-wrap: balance;
}

/* Sector labels carry the navigation; ordinal numbers add noise. */
.investment-feature-index,
.investment-sector-number {
  display: none !important;
}

@media (min-width: 621px) {
  .investment-fan {
    width: 100%;
    gap: 8px;
    justify-self: stretch;
  }

  .investment-sector {
    height: 64px;
    grid-template-columns: 34% 66%;
  }

  .investment-sector:nth-child(1),
  .investment-sector:nth-child(6) {
    width: 80%;
  }

  .investment-sector:nth-child(2),
  .investment-sector:nth-child(5) {
    width: 90%;
  }

  .investment-sector:nth-child(3),
  .investment-sector:nth-child(4) {
    width: 100%;
  }

  .investment-sector-content {
    padding: 0 24px;
    grid-template-columns: 1px minmax(0, 1fr);
    gap: 16px;
  }

  .investment-sector-name {
    padding: 0;
    line-height: 1.25;
    text-wrap: balance;
  }

  .investment-sector:is(:hover, :focus-visible) {
    --sector-hover-scale: 1.04;
  }
}

@media (min-width: 621px) and (max-width: 980px) {
  .investment-fan {
    width: min(560px, 82%);
    margin-left: auto;
  }
}

@media (max-width: 620px) {
  .investment-sector-desktop-label {
    display: none;
  }

  /* Keep the detail card compact enough to clear the fixed contact dock. */
  .investment-feature {
    height: auto;
    max-height: none;
  }

  .investment-feature-media {
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 9;
  }

  .investment-feature-copy {
    height: auto;
    min-height: 0;
    padding-bottom: 30px;
    overflow: visible;
  }

  .investment-feature-copy > div {
    width: 100%;
    min-width: 0;
  }

  .investment-feature-description {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

.investment-sector-arrow {
  display: none !important;
}