/* Prevent the story cards and long Dutch compound words from widening the page. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.story-card,
.story-card > *,
.story-copy {
  min-width: 0;
  max-width: 100%;
}

.story-card {
  overflow: hidden;
}

.story-copy h2,
.story-copy > p:not(.pill) {
  overflow-wrap: anywhere;
}

.story-button {
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 620px) {
  .story-copy h2 {
    font-size: clamp(30px, 9.5vw, 38px);
    line-height: 1.12;
  }
}