/* Blog navigation and semantics, using the approved Spoedkoerier palette. */
.cl-spoed-page .container { width: min(calc(100% - 160px), 1300px); max-width: 1300px; padding-inline: 0; margin-inline: auto; }
@media (min-width: 1025px) and (max-width: 1200px) { .cl-spoed-page .container { width: min(calc(100% - 120px), 1300px); } }
@media (min-width: 768px) and (max-width: 1024px) { .cl-spoed-page .container { width: min(calc(100% - 80px), 1300px); } }
@media (max-width: 767px) { .cl-spoed-page .container { width: min(calc(100% - 40px), 1300px); } }
.cl-spoed-page .cl-spoed-card__title { margin: 0; }
.cl-spoed-collection-heading,
.cl-spoed-single-breadcrumb { background: var(--cl-spoed-blue); color: #fff; padding-block: 30px 0; }
.cl-spoed-collection-heading { padding-bottom: 30px; }
.cl-spoed-collection-heading h1 { color: inherit; font: 700 clamp(32px, 3.4vw, 48px)/1.15 "europa", Arial, sans-serif; }
.cl-spoed-collection-heading + .cl-spoed-hero .cl-spoed-hero__inner,
.cl-spoed-single-breadcrumb + article .cl-spoed-hero__inner { padding-top: 40px; }
.cl-spoed-breadcrumb { margin-bottom: 22px; font-size: 16px; line-height: 1.6; }
.cl-spoed-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.cl-spoed-breadcrumb .breadcrumb_last { font-weight: 400; }
.cl-spoed-category-description { margin-top: 24px; }
.cl-spoed-category-description p + p { margin-top: 16px; }
.cl-spoed-category-description a { color: inherit; text-decoration: underline; }
.cl-spoed-filters { margin-bottom: 40px; scroll-margin-top: 150px; }
.cl-spoed-filters ul { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; list-style: none; }
.cl-spoed-filters li { margin: 0; }
.cl-spoed-filters a { display: block; padding: 10px 16px; border: 1px solid var(--cl-spoed-blue); border-radius: 4px; color: #235bbd; font-size: 18px; line-height: 1.4; text-decoration: none; }
.cl-spoed-filters :is(a:hover, a[aria-current="page"]) { background: var(--cl-spoed-blue); color: #fff; }
.cl-spoed-page :is(.cl-spoed-filters a, .cl-spoed-breadcrumb a, .cl-spoed-categories a):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.cl-spoed-categories { display: flex; flex-wrap: wrap; gap: 8px 14px; font-size: 16px; line-height: 1.5; }
.cl-spoed-categories a { color: #235bbd; text-decoration: underline; text-underline-offset: 3px; }
.cl-spoed-hero .cl-spoed-categories { margin-top: 16px; }
.cl-spoed-hero .cl-spoed-categories a { color: #fff; }
.cl-spoed-hero__dates { display: flex; flex-direction: column; gap: 4px; }
.cl-spoed-page .cl-spoed-related__heading { margin-bottom: 40px; color: #000; font: 700 clamp(28px, 3vw, 36px)/1.2 "europa", Arial, sans-serif; }
.cl-spoed-toc { padding: 24px 28px; border-left: 4px solid var(--cl-spoed-pink); border-radius: 0 8px 8px 0; background: var(--cl-spoed-pale-blue); }
.cl-spoed-page .cl-spoed-toc__title { color: #000; font-size: 22px; font-weight: 700; margin-bottom: 16px; }
.cl-spoed-toc ol { margin: 0; }
.cl-spoed-entry-content h2[id], #blog-overzicht { scroll-margin-top: 150px; }
.cl-spoed-body.admin-bar .cl-spoed-entry-content h2[id], .cl-spoed-body.admin-bar #blog-overzicht { scroll-margin-top: 182px; }
.cl-spoed-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  .cl-spoed-collection-heading { padding-block: 24px; }
  .cl-spoed-single-breadcrumb { padding-top: 24px; }
  .cl-spoed-breadcrumb { font-size: 15px; }
  .cl-spoed-filters a { font-size: 16px; }
  .cl-spoed-toc { padding: 20px; }
}