/* DPW Blog Refresh 1.1.1. Existing navy/gold guide system, no added motion. */
/* Flatsome leaves its floating thumbnail date behind when an inline hero
   replaces the thumbnail. The publication date remains in the byline. */
.single-post:has(.dpw-refresh .dpw-inline-hero) .post-date { display: none; }
.dpw-refresh { --r-space-sm: 1rem; --r-space-md: 1.5rem; --r-space-lg: 2.5rem; --r-body: Arial, Helvetica, sans-serif; }
.dpw-refresh, .dpw-refresh h2, .dpw-refresh h3, .dpw-refresh summary { font-family: var(--r-body); }
.dpw-refresh h2, .dpw-refresh h3 { font-style: normal; overflow-wrap: anywhere; min-width: 0; }
.dpw-refresh > section { max-width: 700px; }
.dpw-refresh > section.dpw-methode, .dpw-refresh > section.dpw-breed { max-width: 980px; }
.dpw-refresh .dpw-methode h2 { margin-top: 0; }
.dpw-refresh figure { margin: 0; min-width: 0; }
.dpw-refresh figure img { display: block; width: 100%; height: auto; border-radius: 0; }
.dpw-refresh figcaption { color: var(--g-grijs); font-size: 14px; line-height: 1.5; margin-top: .65rem; }
.dpw-refresh .dpw-methode > div { min-width: 0; }
.dpw-refresh > ol { padding-left: var(--r-space-md); }
.dpw-refresh li + li { margin-top: .55rem; }
.dpw-refresh .dpw-faq details > :not(summary) { padding-right: var(--r-space-sm); }
.dpw-refresh summary:focus-visible { outline: 2px solid var(--g-goud-tekst); outline-offset: 3px; }
.dpw-refresh .dpw-tabel td, .dpw-refresh .dpw-tabel th { overflow-wrap: anywhere; }
.dpw-refresh .dpw-tabel tbody th { white-space: normal; }
.dpw-refresh .dpw-bronnen { font-size: 14px; color: var(--g-grijs); border-top: 1px solid var(--g-lijn); padding-top: var(--r-space-sm); margin-top: var(--r-space-lg); }
@media (max-width: 549px) {
 .dpw-refresh .dpw-tabel td { text-align: left; }
 .dpw-refresh .dpw-tabel td::before { flex: 0 0 36%; }
 .dpw-refresh .dpw-methode { gap: var(--r-space-md); }
}
@media (prefers-reduced-motion: reduce) {
 .dpw-refresh *, .dpw-refresh *::before, .dpw-refresh *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.dpw-refresh > .dpw-maatvoorbeeld { margin: var(--r-space-lg) auto; padding: var(--r-space-md) 0; }
.dpw-refresh .dpw-vakjes { display: grid; grid-template-columns: repeat(20,minmax(0,1fr)); border-left: 1px solid var(--g-navy); border-top: 1px solid var(--g-navy); }
.dpw-refresh .dpw-vakjes span { aspect-ratio: 1; border-right: 1px solid var(--g-navy); border-bottom: 1px solid var(--g-navy); background: var(--g-zacht); }

/* The retained facet template removes theme gutters; its refreshed body needs its own. */
.dpw-facet-guide .dpw-gids.dpw-refresh { max-width: 980px; margin-inline: auto; padding-inline: 20px; box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) {
 .single-post:has(.dpw-refresh) .button { transition: none !important; animation: none !important; }
}

/* Keep the checklist text together instead of auto-placing its text node in the number column. */
body.postid-23180 .dpw-lightpad-checklist li { display: block; position: relative; padding-inline-start: calc(2.5rem + var(--dpw-space-2, 16px)); }
body.postid-23180 .dpw-lightpad-checklist li::before { position: absolute; inset-inline-start: 0; top: var(--dpw-space-3, 24px); }

@media (max-width: 480px) {
  body.postid-23180 .dpw-lightpad-checklist li { padding-inline-start: 36px; }
  body.postid-23180 .dpw-lightpad-checklist li::before { width: 24px; }
}