.collection {
  display: grid;

  grid-template-areas: 
    "icon    title    title   title "
    "icon    editors  address paper_count"
    "icon    editors  year    page_count"
  ;

  grid-template-columns: min-content 2fr 1fr 1fr;
  grid-template-rows: min-content 1fr;

  padding: 0.5rem;
  margin:  0px 0px 1.5rem 0px;
}

.collection_title {
  grid-area: title;

  text-decoration: none;
  text-wrap: balance;

  margin: 0px 1.5rem 0px 1.5rem;
}

.collection_title h3 {
  text-decoration: none;
  color: var(--color_heading);
}

.collection_icon {
  grid-area: icon;
  width:fit-content;
}

.collection_icon img{
  max-width: 9rem;
}

.collection_year {
  grid-area: year;
}

.collection_page_count {
  grid-area: page_count;
}

.collection_paper_count {
  grid-area: paper_count;
}

.collection_address {
  grid-area: address;
}

.collection_editors {
  grid-area: editors;

  text-wrap: wrap;
}

.admin_interactions {
  align-self: end;

  display: flex;
  flex-direction: row-reverse;
  gap: 0.2rem;

  list-style-type: none;
  line-height: 0; /* removes the little gap when wrapping an image */
}

.admin_interactions img {
  height: 2rem;
  width:  auto;

  aspect-ratio: 1/1;
}