/**
 * CSR Toc of Tocs, and sub-tocs use these "cards" to link to articles or tocs.
 */

/* Toc "cards" wrapper.  */
#toc-list {
  column-gap: 30px;
  display: grid;
  /* 1-up on mobile */
  grid-template: auto / 1fr;
  row-gap: 30px;
}
@media(min-width: 768px) {
  #toc-list {
    /* 2-columns on tablet/desktop */
    grid-template: auto / repeat(2, 1fr);
  }
}

/* Individual cards */
.toc-item {
  border: 1px solid #CCC;
  display: grid;
  /* Image is sized auto, 1fr stretches content to fill remaining space. */
  grid-template-rows: auto 1fr;
  background: white;
}

.toc-item-text {
  /* This is needed to allow the cta to bottom align itself */
  display: grid;
  grid-template-rows: auto auto 1fr;
}

/* CTA buttons in each of the "cards" */
.csa-toc-cta {
  align-self: end;
  margin-top: 15px;
  width: 100%;
}