.container {
  display: grid;
  gap: 2.4rem;
  /* These negative margins are needed for horizontally scrollable lists of cards */
  margin-right: -1.6rem;
  padding-right: 1.6rem;
}

.titleContainer {
  display: grid;
  grid-template-areas: "title link" "subtitle subtitle";
  grid-template-columns: 1fr max-content;
  padding-bottom: 0.8rem;
}

.title {
  grid-area: title;
}

.link {
  grid-area: link;
  font-size: var(--typography-Body-Underlined-fontSize);
  color: var(--some-black-color, #000);
}

.subtitle {
  margin: 0;
  grid-area: subtitle;
}

@media screen and (min-width: 950px) {
  .container {
    margin-right: 0;
    margin-left: 0;
  }
}