.rankings-hero.rankings-hero-compact {
  padding-top: .65rem;
  padding-bottom: .8rem;
}

.rankings-hero-compact h1 {
  margin: .1rem 0 .3rem;
  font-size: clamp(1.9rem, 4vw, 2.75rem);
}

.rankings-hero-compact > .hero-orientation-primary {
  max-width: 760px;
  margin: .2rem 0 .3rem;
  font-size: 1rem;
  line-height: 1.45;
}

.rankings-hero-compact > .hero-orientation-secondary {
  max-width: 720px;
  margin: 0 0 .45rem;
  color: var(--color-ink-secondary);
  font-size: .88rem;
  line-height: 1.4;
}

.rankings-hero-compact .snapshot-strip {
  margin: .15rem 0 .5rem;
  padding-block: .32rem;
}

.rankings-hero-compact .hero-actions {
  gap: .5rem;
}

@media (max-width: 760px) {
  .rankings-hero.rankings-hero-compact {
    padding: .45rem 0 .65rem 1rem;
  }

  .rankings-hero-compact h1 {
    font-size: clamp(1.75rem, 8vw, 2.2rem);
  }

  .rankings-hero-compact > .hero-orientation-primary {
    font-size: .95rem;
  }

  .rankings-hero-compact > .hero-orientation-secondary {
    font-size: .82rem;
  }
}