/* content is slightly wider on large screens */
@media (min-width: 1200px) {
  .page-columns {
    grid-template-columns: [screen-start] 1fr [page-start] minmax(0, 800px) [page-end] 1fr [screen-end];
  }
}

/* listing cards feel less cramped */
.card {
  border-radius: 8px;
}

/* rounded corners for listing page thumbnail images */
.thumbnail-image {
  border-radius: 12px;
}

/* rounded corners for preview image on the blog post itself */
.preview-image {
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}