/* The overview page headers use the site's shared desktop reading line. */
.blog-overview-hero .blog-shell,
.blog-overview-list {
  /* Align with the left edge of the header logo, not the narrower text grid. */
  width: min(1232px, calc(100% - 48px));
  max-width: none;
}

.reviews-hero .blog-shell {
  width: min(1180px, calc(100% - 2 * var(--gutter)));
  max-width: none;
}

.blog-overview-card h2 {
  font-size: clamp(1.58rem, 2.15vw, 2.08rem) !important;
  /* Keep whole Dutch words together: the base stylesheet allowed breaks at
     every character, which made long titles look accidental. */
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
  text-wrap: pretty;
}

@media (max-width: 560px) {
  .blog-overview-hero .blog-shell,
  .blog-overview-list { width: calc(100% - 32px); }
}