/* Desktop-only refinements, 2026-11-09. Preserve mobile and other pages. */
@media (min-width: 701px) {
  /* Home uses the whole browser width instead of an artificially narrow center strip. */
  body:has(.mobile-home) .page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: none !important;
  }
  /* The story card stays centered; text gets comfortable padding inside it. */
  body.page-verhaal .story-hero-reference {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.page-verhaal .story-hero-reference .story-hero-text {
    padding-left: clamp(28px, 3.2vw, 46px) !important;
    padding-right: 24px !important;
  }
}
