/* Keep catalog controls readable when the legacy shell uses a reduced root font size. */
.catalog-page .primary-button,
.catalog-page .outline-button,
.catalog-page .text-button,
.catalog-page .reset-button,
.catalog-page input,
.catalog-page select {
  font-size: 14px;
}

.catalog-page .select-field > span {
  font-size: 12px;
}

.catalog-browser__intro > p,
.catalog-results__top,
.catalog-results__top select {
  font-size: 14px;
}

.strategy-card--catalog .instrument-label,
.strategy-card--catalog .category-label,
.strategy-card--catalog .strategy-card__conditions span {
  font-size: 13px;
}

.strategy-card--series .strategy-card__conditions span {
  font-size: 12px;
}

.strategy-card--catalog .strategy-card__content > p {
  font-size: 15px;
}

.strategy-card__metrics .strategy-card__metric-title,
.strategy-card__metrics small,
.strategy-card__counts > span,
.strategy-card__model-meta,
.strategy-card--catalog .strategy-card__period span {
  font-size: 12px;
}

.strategy-card--catalog .strategy-card__period strong {
  font-size: 14px;
  white-space: normal;
}

.strategy-card__count-label {
  font-size: 11px;
}

.strategy-card__count-value {
  font-size: 14px;
}

.strategy-card__actions .primary-button,
.strategy-card__actions .outline-button {
  font-size: 14px;
}

.strategy-details__metrics span,
.strategy-details__metrics small,
.strategy-details__history span,
.strategy-details__note {
  font-size: 13px;
}

.strategy-details__counts span {
  font-size: 13px;
}

.product-proof__copy p {
  font-size: 15px;
}

.product-proof__copy li,
.own-strategy p,
.product-proof figcaption {
  font-size: 14px;
}

@media (max-width: 720px) {
  .strategy-card__metrics .strategy-card__metric-title {
    font-size: 12px;
  }
}

@media (min-width: 721px) {
  .strategy-card--catalog .strategy-card__content > p {
    font-size: 14px;
  }

  .strategy-card__metrics .strategy-card__metric-title {
    font-size: 13px;
  }

  .strategy-card--catalog .strategy-card__period span {
    font-size: 12px;
  }

  .strategy-card--catalog .strategy-card__period strong {
    font-size: 14px;
  }

  .strategy-card__actions .primary-button,
  .strategy-card__actions .outline-button {
    font-size: 12px;
  }
}

@media (min-width: 1500px) {
  .strategy-card__metrics .strategy-card__metric-title {
    font-size: 14px;
  }
}