.hot-profile-engagement-layout {
  align-items: stretch;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.hot-profile-gauge-columns {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 576px) {
  .hot-profile-gauge-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1400px) {
  .hot-profile-engagement-layout {
    grid-template-columns: minmax(18rem, 1fr) minmax(0, 2fr);
  }
}