/*
 * The methodology summary uses named grid areas so its single details link can
 * follow the psychologist cards on mobile without changing the approved desktop layout.
 */
.science-summary-grid {
  display: grid;
  grid-template-areas:
    "copy"
    "cards"
    "link";
  row-gap: 2rem;
  align-items: center;
}

.science-summary-copy {
  grid-area: copy;
}

.science-summary-cards {
  display: grid;
  grid-area: cards;
  gap: 1rem;
}

.science-summary-link {
  grid-area: link;
  justify-self: start;
}

/* Desktop keeps the link below the explanatory copy while cards occupy the right column. */
@media (min-width: 1024px) {
  .science-summary-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    grid-template-areas:
      "copy cards"
      "link cards";
    column-gap: 4rem;
    row-gap: 2rem;
  }
}