/* One gutter for card collections, including older page-specific mounts. */
#main .masonry-collection {
  display: grid;
  gap: 24px;
  align-items: start;
}
#main [data-masonry] {
  grid-auto-rows: 1px;
  row-gap: 0;
  column-gap: 24px;
  align-items: start;
}
#main .masonry-collection > * {
  align-self: start;
  min-width: 0;
  height: auto;
  margin-block: 0;
  overflow-wrap: anywhere;
}
#main .masonry-collection > :is(.empty, .notice) { grid-column: 1 / -1; }

/* A single readable column on phones, with the same gutter between cards. */
@media (max-width: 600px) {
  #main [data-masonry], #main .masonry-collection {
    grid-template-columns: minmax(0, 1fr);
  }
}