.kpi-index-page .ranking-company a {
  color: inherit;
  text-decoration: none;
}

.kpi-index-page .ranking-company a:hover {
  color: var(--primary-2);
}

.kpi-index-page .kpi-index-score {
  font-variant-numeric: tabular-nums;
}

.kpi-index-page .kpi-index-direction {
  font-weight: 900;
}

.kpi-index-page .rankings-state-card.is-ready {
  border-color: var(--line-success);
  background: var(--success-bg);
  color: var(--success-text);
}

.kpi-index-page .ranking-card-head p {
  max-width: 48ch;
}

@media (max-width: 560px) {
  .kpi-index-page .hero-screener-word {
    font-size: 1em;
  }
}