/* ===== Odelie ,  veillée éditoriale belge ===== */

@font-face {
  font-family: "Playfair Odelie";
  src: url("/playfair-display-v22-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Bron Odelie";
  src: url("/open-sans-latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  --dl-papier: #FDF5E3;
  --dl-kaft: #F6EAD2;
  --dl-kaft-2: #F0DFBE;
  --dl-encre: #2E1F0F;
  --dl-encre-doux: #5C4A34;
  --dl-ocre: #B97A1A;
  --dl-ocre-pale: #EAD3A8;
  --dl-filet: #E7D6B5;
  --dl-filet-fort: #C9A96A;
  --dl-nacht: #1F150C;
  --dl-nacht-encre: #F9EDD6;
  --dl-nacht-ocre: #EDBE62;
  --dl-titre-police: "Playfair Odelie", Georgia, "Times New Roman", serif;
  --dl-texte-police: "Bron Odelie", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --dl-pano: 21 / 9;
  --dl-paysage: 4 / 3;
  --dl-carre: 1 / 1;
  --dl-portrait: 3 / 4;
  --dl-rayon: 16px;
  --dl-rayon-sm: 12px;
  --dl-rayon-lg: 20px;
  --dl-ombre-1: 0 6px 18px hsl(35 60% 30% / 0.10), 0 1px 2px hsl(35 60% 20% / 0.06);
  --dl-ombre-2: 0 14px 34px hsl(28 65% 32% / 0.16);
  --dl-ombre-3: 0 20px 48px hsl(24 70% 22% / 0.28);
  --dl-mesure: 68ch;
  --dl-page: 76rem;
  --dl-pas: clamp(1rem, 0.9rem + 0.4vw, 1.5rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: hsl(38 78% 94%);
  background-image:
    radial-gradient(1200px 500px at 15% -10%, hsl(40 90% 88% / 0.7), transparent 60%),
    radial-gradient(900px 400px at 95% 5%, hsl(20 80% 86% / 0.55), transparent 60%);
  color: var(--dl-encre);
  font-family: var(--dl-texte-police);
  font-size: clamp(1.02rem, 0.98rem + 0.22vw, 1.14rem);
  line-height: 1.62;
}
img, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--dl-ocre); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: #8f5b0d; }
h1, h2, h3, h4 { font-family: var(--dl-titre-police); font-weight: 700; letter-spacing: -0.015em; line-height: 1.1; min-width: 0; }
p { min-width: 0; }
ul, ol { min-width: 0; }

:focus-visible {
  outline: 3px solid var(--dl-ocre);
  outline-offset: 3px;
  border-radius: 6px;
}

.dl-evitement {
  position: absolute; left: -10000px; top: auto;
  background: var(--dl-ocre); color: #fff; padding: .7rem 1rem; border-radius: var(--dl-rayon-sm);
  z-index: 100;
}
.dl-evitement:focus { left: 1rem; top: 1rem; }

.dl-travee {
  width: 100%;
  max-width: var(--dl-page);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
  min-width: 0;
}

/* ---------- Manchette ---------- */
.dl-manchette { margin-block-end: .75rem; }
.dl-manchette__bande {
  background: hsl(28 66% 26%);
  color: var(--dl-nacht-encre);
  box-shadow: var(--dl-ombre-2);
}
.dl-manchette__interieur {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1.6rem;
  padding-block: .3rem;
}
.dl-enseigne {
  font-family: var(--dl-titre-police); font-weight: 700;
  font-size: clamp(1.6rem, 1.2rem + 2vw, 2.6rem);
  line-height: 1.05; letter-spacing: -0.02em;
  color: var(--dl-nacht-encre); text-decoration: none;
  text-shadow: 0 2px 0 hsl(28 70% 14% / 0.55);
}
.dl-enseigne:hover { color: var(--dl-nacht-ocre); }
.dl-manchette__devise {
  margin: 0; color: hsl(35 60% 88%); font-size: .95rem; letter-spacing: .02em;
}
.dl-manchette__date {
  margin: 0; margin-inline-start: auto;
  text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 700;
  color: var(--dl-nacht-ocre);
}
.dl-pupitre { border-block-end: 2px solid var(--dl-filet-fort); }
.dl-pupitre__liste {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .25rem 1.4rem;
  padding-block: .7rem;
}
.dl-pupitre__lien {
  text-transform: uppercase; letter-spacing: .14em; font-size: .76rem; font-weight: 700;
  color: var(--dl-encre); text-decoration: none;
  padding-block: .35rem; border-block-end: 3px solid transparent;
}
.dl-pupitre__lien:hover, .dl-pupitre__lien[aria-current="page"] {
  color: var(--dl-ocre); border-block-end-color: var(--dl-ocre);
}
.dl-veilleuse { position: relative; }
.dl-pupitre__liste > .dl-veilleuse { padding-inline-start: 1rem; }
.dl-pupitre__liste > .dl-veilleuse::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 50%;
  transform: translateY(-50%);
  width: .5rem; height: .5rem; border-radius: 50%;
  background: var(--dl-ocre);
  box-shadow: 0 0 0 3px hsl(35 80% 45% / 0.18);
}

/* ---------- Une ---------- */
.dl-une { margin-block-end: clamp(2rem, 4vw, 3.4rem); }
.dl-une__beeld { display: block; text-decoration: none; color: inherit; }
.dl-une__beeld .dl-beeld { width: 100%; max-width: 100%; }
.dl-beeld { margin: 0; overflow: hidden; border-radius: var(--dl-rayon-lg); background: var(--dl-kaft); }
.dl-beeld img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--dl-rayon-lg); }
.dl-beeld--pano { aspect-ratio: var(--dl-pano); }
.dl-beeld--paysage { aspect-ratio: var(--dl-paysage); }
.dl-beeld--carre { aspect-ratio: var(--dl-carre); }
.dl-beeld--portrait { aspect-ratio: var(--dl-portrait); }
.dl-une__beeld .dl-beeld {
  box-shadow: var(--dl-ombre-3);
  position: relative;
}
.dl-une__legende {
  position: absolute; inset-inline: 0; inset-block-end: 0;
  padding: clamp(.6rem, 1.4vw, 1rem) clamp(.9rem, 2vw, 1.6rem);
  background: linear-gradient(to top, hsl(24 70% 8% / 0.78), transparent 85%);
  color: var(--dl-nacht-encre); font-size: .8rem; letter-spacing: .01em;
  text-shadow: 0 1px 4px hsl(24 70% 6% / 0.7);
  border-end-start-radius: var(--dl-rayon-lg);
  border-end-end-radius: var(--dl-rayon-lg);
}
.dl-une__tekst {
  margin-block-start: clamp(1.2rem, 2.4vw, 2rem);
  max-width: 56rem;
}
.dl-une__mete {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem;
  margin: 0 0 .6rem; font-size: .78rem;
}
.dl-kote {
  display: inline-block; background: hsl(35 80% 42% / 0.14); color: #8a570d;
  font-weight: 700; letter-spacing: .12em; font-size: .72rem;
  padding: .1rem .55rem; border-radius: 8px;
}
.dl-kote--licht { background: hsl(35 90% 60% / 0.22); color: var(--dl-nacht-ocre); }
.dl-etiket {
  text-transform: uppercase; letter-spacing: .14em; font-size: .72rem; font-weight: 700;
  color: var(--dl-encre-doux); text-decoration: none;
}
.dl-une__datum { color: var(--dl-encre-doux); letter-spacing: .12em; text-transform: uppercase; font-size: .72rem; font-weight: 700; }
.dl-une__titel {
  font-size: clamp(1.9rem, 1.2rem + 3vw, 3.4rem);
  margin: 0 0 .8rem;
  text-shadow: 0 1px 0 hsl(38 60% 92%), 0 6px 22px hsl(35 60% 30% / 0.12);
}
.dl-une__titel a { color: var(--dl-encre); text-decoration: none; }
.dl-une__titel a:hover { color: var(--dl-ocre); }
.dl-une__chap { color: var(--dl-encre-doux); font-size: 1.05rem; margin: 0 0 1rem; max-width: 50ch; }
.dl-pijl { font-weight: 700; text-decoration: none; letter-spacing: .04em; }

/* ---------- Katern (section) ---------- */
.dl-katern {
  margin-block-end: clamp(2rem, 4vw, 3.6rem);
  border-block-start: 3px solid var(--dl-encre);
  padding-block-start: 1.2rem;
}
.dl-katern__kop {
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
  margin: 0 0 1.2rem;
}
.dl-katern__kop::after {
  content: ""; display: block; width: 3rem; height: 3px;
  margin-block-start: .5rem; background: var(--dl-ocre); border-radius: 2px;
}
.dl-katern__kop--licht { color: var(--dl-nacht-encre); }
.dl-katern__kop--licht::after { background: var(--dl-nacht-ocre); }
.dl-katern__phrase { color: var(--dl-encre-doux); margin: -.6rem 0 1.4rem; }

/* ---------- Hof (grandes cartes) ---------- */
.dl-hof {
  display: grid; grid-template-columns: 1fr;
  gap: clamp(1.2rem, 2.4vw, 2rem);
}
@media (min-width: 42rem) { .dl-hof { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 66rem) { .dl-hof { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.dl-kaart {
  background: var(--dl-kaft);
  border-radius: var(--dl-rayon);
  overflow: hidden;
  box-shadow: var(--dl-ombre-1);
  display: flex; flex-direction: column;
  min-width: 0;
  transition: box-shadow .25s ease, transform .25s ease;
}
.dl-kaart:hover { box-shadow: var(--dl-ombre-2); transform: translateY(-2px); }
.dl-kaart__beeld { display: block; text-decoration: none; }
.dl-kaart__beeld .dl-beeld {
  border-radius: 0; aspect-ratio: var(--dl-paysage);
  width: 100%; max-width: 100%;
}
.dl-kaart__beeld .dl-beeld img { border-radius: 0; }
.dl-kaart__tekst {
  padding: clamp(.9rem, 1.6vw, 1.3rem);
  display: flex; flex-direction: column; gap: .5rem;
  min-width: 0;
}
.dl-kaart__mete { margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; font-size: .72rem; }
.dl-kaart__titel { font-size: clamp(1.15rem, 1rem + .6vw, 1.45rem); margin: 0; }
.dl-kaart__titel a { color: var(--dl-encre); text-decoration: none; }
.dl-kaart__titel a:hover { color: var(--dl-ocre); }
.dl-kaart__chap { margin: 0; color: var(--dl-encre-doux); font-size: .96rem; }
.dl-kaart__datum { margin: .3rem 0 0; font-size: .78rem; color: var(--dl-encre-doux); letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.dl-kaart--groot .dl-kaart__titel { font-size: clamp(1.3rem, 1.1rem + .9vw, 1.7rem); }

/* ---------- Dossier (texte + petites rangées) ---------- */
.dl-dossier__lijst { display: grid; gap: clamp(1.2rem, 2.4vw, 2.2rem); grid-template-columns: 1fr; }
@media (min-width: 52rem) { .dl-dossier__lijst { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dl-dossier__blok {
  background: var(--dl-kaft-2); border-radius: var(--dl-rayon);
  padding: clamp(1rem, 1.6vw, 1.4rem); min-width: 0;
  box-shadow: inset 0 0 0 1px hsl(35 60% 60% / 0.18);
}
.dl-dossier__rubriek {
  font-size: 1.15rem; margin: 0 0 .4rem;
  border-block-end: 2px solid var(--dl-ocre); padding-block-end: .35rem;
}
.dl-dossier__rubriek a { color: var(--dl-encre); text-decoration: none; }
.dl-dossier__rubriek a:hover { color: var(--dl-ocre); }
.dl-dossier__intro { font-size: .9rem; color: var(--dl-encre-doux); margin: 0 0 .8rem; }
.dl-dossier__regels { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .2rem; }

/* ---------- Regel (compact list with thumb) ---------- */
.dl-regel {
  display: grid; grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: .9rem; align-items: center;
  padding-block: .7rem;
  border-block-end: 1px solid var(--dl-filet);
}
.dl-regel:last-child { border-block-end: 0; }
.dl-regel__beeld { display: block; text-decoration: none; }
.dl-regel__beeld .dl-beeld { width: 100%; max-width: 100%; border-radius: var(--dl-rayon-sm); aspect-ratio: var(--dl-carre); }
.dl-regel__beeld .dl-beeld img { border-radius: var(--dl-rayon-sm); }
.dl-regel__tekst { min-width: 0; }
.dl-regel__titel { font-size: 1rem; margin: 0 0 .15rem; }
.dl-regel__titel a { color: var(--dl-encre); text-decoration: none; }
.dl-regel__titel a:hover { color: var(--dl-ocre); }
.dl-regel__mete { margin: 0; font-size: .76rem; color: var(--dl-encre-doux); letter-spacing: .04em; }

/* ---------- Gidsen (bloc sombre) ---------- */
.dl-gidsen {
  background: var(--dl-nacht);
  color: var(--dl-nacht-encre);
  padding-block: clamp(2rem, 4vw, 3.4rem);
  margin-block-end: clamp(2rem, 4vw, 3.4rem);
  box-shadow: var(--dl-ombre-3);
  border-radius: var(--dl-rayon-lg);
  margin-inline: clamp(.5rem, 2vw, 1.5rem);
}
.dl-gidsen a { color: var(--dl-nacht-ocre); }
.dl-gidsen__rij {
  display: grid; grid-template-columns: 1fr; gap: clamp(1.2rem, 2.4vw, 2rem);
}
@media (min-width: 52rem) { .dl-gidsen__rij { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dl-fiche {
  background: hsl(28 55% 18%);
  border-radius: var(--dl-rayon);
  overflow: hidden;
  box-shadow: 0 12px 30px hsl(20 70% 4% / 0.5);
  display: flex; flex-direction: column; min-width: 0;
}
.dl-fiche__beeld { display: block; text-decoration: none; }
.dl-fiche__beeld .dl-beeld { border-radius: 0; aspect-ratio: var(--dl-portrait); width: 100%; max-width: 100%; }
.dl-fiche__beeld .dl-beeld img { border-radius: 0; }
.dl-fiche__tekst { padding: clamp(1rem, 1.6vw, 1.3rem); min-width: 0; display: flex; flex-direction: column; gap: .45rem; }
.dl-fiche__kote { margin: 0; }
.dl-fiche__titel { font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem); margin: 0; }
.dl-fiche__titel a { color: var(--dl-nacht-encre); text-decoration: none; text-shadow: 0 1px 6px hsl(20 60% 4% / 0.6); }
.dl-fiche__titel a:hover { color: var(--dl-nacht-ocre); }
.dl-fiche__chap { margin: 0; color: hsl(35 40% 82%); font-size: .95rem; }
.dl-fiche__datum { margin: 0; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; color: var(--dl-nacht-ocre); font-weight: 700; }

/* ---------- Verhalen (liste fine) ---------- */
.dl-verhalen { display: grid; gap: 0; grid-template-columns: 1fr; }
@media (min-width: 60rem) { .dl-verhalen { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.4rem; } }

/* ---------- Leeswijzer ---------- */
.dl-katern--leeswijzer { border-block-start-color: var(--dl-ocre); }
.dl-leeswijzer {
  display: grid; grid-template-columns: max-content 1fr; gap: .3rem 1.4rem;
  margin: 0; font-size: .95rem;
}
.dl-leeswijzer dt {
  text-transform: uppercase; letter-spacing: .14em; font-size: .7rem; font-weight: 700;
  color: var(--dl-encre-doux); align-self: center;
}
.dl-leeswijzer dd { margin: 0; color: var(--dl-encre); }

/* ---------- Renvois (réseau) ---------- */
.dl-renvois { border-block-start-style: dashed; }
.dl-renvois__lijst { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.dl-renvois__item { padding-inline-start: 1rem; position: relative; }
.dl-renvois__item::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .7rem;
  width: .55rem; height: .55rem; border-radius: 50%;
  background: var(--dl-ocre);
  box-shadow: 0 0 0 3px hsl(35 80% 45% / 0.18);
}

/* ---------- Remontée, onglets ---------- */
.dl-remontee { padding-block: 1rem; font-size: .82rem; }
.dl-remontee ol {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: .4rem 1rem;
  text-transform: uppercase; letter-spacing: .12em; font-weight: 700;
}
.dl-remontee a { color: var(--dl-encre-doux); text-decoration: none; }
.dl-remontee a:hover { color: var(--dl-ocre); }
.dl-remontee li + li::before { content: "›"; margin-inline-end: .8rem; color: var(--dl-filet-fort); }

.dl-onglets { display: flex; flex-wrap: wrap; gap: .4rem .6rem; padding-block: .6rem 1.4rem; }
.dl-onglet {
  display: inline-block; padding: .4rem .9rem;
  border-radius: 999px; background: var(--dl-kaft);
  color: var(--dl-encre); text-decoration: none;
  font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700;
  box-shadow: 0 1px 3px hsl(35 60% 40% / 0.12);
}
.dl-onglet:hover { background: var(--dl-ocre-pale); }
.dl-onglet--actief { background: var(--dl-ocre); color: #fff; box-shadow: var(--dl-ombre-1); }

/* ---------- Rubrique ---------- */
.dl-rubriek__open { margin-block-end: clamp(1.5rem, 3vw, 2.4rem); }
.dl-rubriek__kop { max-width: var(--dl-mesure); margin-block-end: clamp(1.2rem, 2.4vw, 2rem); }
.dl-rubriek__kop h1 { font-size: clamp(2rem, 1.4rem + 3vw, 3.2rem); margin: .2rem 0 .6rem; text-shadow: 0 1px 0 hsl(38 60% 92%), 0 6px 22px hsl(35 60% 30% / 0.12); }
.dl-rubriek__intro { color: var(--dl-encre-doux); max-width: 60ch; margin: 0; }
.dl-rubriek__beeld { display: block; text-decoration: none; color: inherit; }
.dl-rubriek__beeld .dl-beeld { width: 100%; max-width: 100%; box-shadow: var(--dl-ombre-3); position: relative; }

/* ---------- Article ---------- */
.dl-artikel__kop { max-width: var(--dl-mesure); margin-block-end: clamp(1.2rem, 2.4vw, 2rem); }
.dl-artikel__mete { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: center; margin: 0 0 .6rem; font-size: .78rem; }
.dl-artikel__titel {
  font-size: clamp(2rem, 1.3rem + 3.4vw, 3.6rem); margin: 0 0 .9rem;
  text-shadow: 0 1px 0 hsl(38 60% 92%), 0 8px 26px hsl(35 60% 30% / 0.14);
}
.dl-artikel__chap { color: var(--dl-encre-doux); font-size: 1.1rem; margin: 0 0 .8rem; }
.dl-artikel__datum { margin: 0; font-size: .8rem; color: var(--dl-encre-doux); letter-spacing: .1em; text-transform: uppercase; font-weight: 700; }
.dl-artikel__beeld { margin: 0 0 clamp(1.4rem, 2.8vw, 2.2rem); }
.dl-artikel__beeld .dl-beeld { width: 100%; max-width: 100%; }
.dl-artikel__beeld figcaption {
  margin-block-start: .6rem; font-size: .82rem; color: var(--dl-encre-doux);
  max-width: var(--dl-mesure);
}
.dl-artikel__duo {
  display: grid; grid-template-columns: 1fr; gap: clamp(1.4rem, 3vw, 2.6rem);
  align-items: start;
}
@media (min-width: 60rem) {
  .dl-artikel__duo { grid-template-columns: minmax(0, 1fr) minmax(0, 17rem); }
}
.dl-artikel__romp {
  max-width: var(--dl-mesure); min-width: 0;
  font-size: 1.05rem;
}
.dl-romp > p:first-of-type::first-letter {
  font-family: var(--dl-titre-police); font-weight: 700;
  font-size: 3.6em; line-height: .82;
  float: left; padding: .05em .12em 0 0; color: var(--dl-ocre);
}
.dl-romp h2 { margin-block-start: 1.8em; font-size: 1.5rem; }
.dl-romp h3 { margin-block-start: 1.5em; font-size: 1.2rem; }
.dl-romp blockquote {
  margin: 1.6rem 0; padding: .9rem 1.3rem;
  border-inline-start: 4px solid var(--dl-ocre);
  background: var(--dl-kaft); border-radius: var(--dl-rayon-sm);
  font-family: var(--dl-titre-police); font-size: 1.15rem; color: var(--dl-encre);
}
.dl-romp img { border-radius: var(--dl-rayon); box-shadow: var(--dl-ombre-1); }
.dl-romp a { font-weight: 600; }
.dl-romp table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.dl-romp .dl-defilant, .dl-romp > table {
  display: block; overflow-x: auto; max-width: 100%;
  border-radius: var(--dl-rayon-sm);
}

.dl-artikel__marge {
  min-width: 0;
  background: var(--dl-kaft);
  border-radius: var(--dl-rayon);
  padding: clamp(1rem, 1.6vw, 1.4rem);
  box-shadow: var(--dl-ombre-1);
  position: sticky; top: 1rem;
}
.dl-marge__kop {
  font-size: .78rem; text-transform: uppercase; letter-spacing: .16em;
  font-family: var(--dl-texte-police); font-weight: 700; color: var(--dl-encre-doux);
  margin: 0 0 .5rem;
}
.dl-marge__kop + * { margin-block-end: 1.4rem; }
.dl-marge__som { margin: 0; padding-inline-start: 1.1rem; }
.dl-marge__som li { padding-block: .15rem; }
.dl-marge__bronnen { list-style: none; margin: 0; padding: 0; font-size: .88rem; }
.dl-marge__bronnen li { padding-block: .2rem; }
.dl-marge__rubriek { color: var(--dl-ocre); }
.dl-leeswijzer--marge { grid-template-columns: 1fr; gap: .1rem; font-size: .9rem; }
.dl-leeswijzer--marge dt, .dl-leeswijzer--marge dd { display: inline; }
.dl-leeswijzer--marge dt { margin-inline-end: .4rem; }
.dl-leeswijzer--marge dd { display: block; margin: 0 0 .6rem; }

/* ---------- Buur ---------- */
.dl-buur { margin-block-end: clamp(2rem, 4vw, 3rem); }

/* ---------- Ours ---------- */
.dl-ours {
  background: var(--dl-nacht);
  color: var(--dl-nacht-encre);
  padding-block: clamp(2rem, 4vw, 3rem);
  margin-block-start: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 -8px 30px hsl(20 70% 4% / 0.35);
}
.dl-ours a { color: var(--dl-nacht-ocre); }
.dl-kolom {
  min-width: 0;
  display: grid; gap: clamp(1.2rem, 2.4vw, 2rem);
  grid-template-columns: 1fr;
}
@media (min-width: 40rem) { .dl-kolom { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 62rem) { .dl-kolom--drie { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dl-ours__kolom { min-width: 0; }
.dl-ours__kolom h2 {
  color: var(--dl-nacht-ocre); font-size: 1rem;
  text-transform: uppercase; letter-spacing: .14em;
  font-family: var(--dl-texte-police); font-weight: 700; margin: 0 0 .6rem;
}
.dl-ours__kolom ul { list-style: none; margin: 0; padding: 0; font-size: .92rem; }
.dl-ours__kolom li { padding-block: .2rem; }
.dl-ours p { font-size: .92rem; color: hsl(35 40% 84%); }
.dl-ours__note { margin-block-start: .6rem; font-size: .85rem !important; color: hsl(35 35% 78%) !important; }
.dl-ours__ligne {
  margin-block-start: clamp(1.4rem, 2.6vw, 2rem);
  padding-block-start: 1rem;
  border-block-start: 1px solid hsl(35 40% 30%);
  font-size: .84rem; letter-spacing: .06em;
  color: hsl(35 40% 78%);
}
.dl-ours__ligne .dl-veilleuse { padding-inline-start: 1.2rem; display: inline-block; }
.dl-ours__ligne .dl-veilleuse::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 50%;
  transform: translateY(-50%);
  width: .55rem; height: .55rem; border-radius: 50%;
  background: var(--dl-ocre);
  box-shadow: 0 0 0 3px hsl(35 80% 55% / 0.25);
}

/* ---------- Global media & print ---------- */
@media (min-width: 42rem) {
  .dl-une__tekst { margin-inline-start: clamp(1rem, 2vw, 2rem); }
}
@media (min-width: 66rem) {
  .dl-une__beeld { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}
@media print {
  .dl-pupitre, .dl-ours, .dl-artikel__marge { display: none; }
  body { background: #fff; }
  a { color: #000; text-decoration: underline; }
}