.page h1 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.text-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;

  > div {
    flex-shrink: 0;
    /* sync with value in horizontal nav in site/templates/default.php */
    width: 360px;
  }
}

@media screen and (min-width: 60rem) {
  .text-gallery {
    flex-wrap: nowrap;

    > div {
      flex-shrink: 0;

      &:last-child {
        padding-right: var(--padding);
      }
    }
  }
}