.hub {
  padding-block: clamp(1.4rem, 4vw, 3rem) clamp(2rem, 5vw, 4rem);
}

.hub .broadcast-hub-title {
  margin: 0 0 1.15rem;
  font-size: clamp(1.6rem, 4vw, 2.45rem);
  line-height: 1.55;
}

.hub .game-copy {
  padding: clamp(.65rem, 2vw, 1.15rem);
}

.hub .game-copy h2 {
  margin: 0;
  font-size: clamp(.86rem, 2.5vw, 1.2rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.hub .game-card:focus-visible {
  outline: 2px solid #f3c78f;
  outline-offset: 3px;
}

@media (max-width: 620px) {
  .hub .games-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
  }
}