/* nederlandsesekscammers.nl — surcouche de Pico CSS 2.1.1 (public/vendor/pico-2.1.1.min.css, officiel), mobile d'abord.
   Thème « nacht » (sombre, ambre) choisi par Jim le 05/10/2026 ; passage à Pico le 06/10 (variante A, choix Jim) pour
   ne plus ressembler à camfrancaises. Couleurs inchangées : elles passent par les variables --pico-*. */
@font-face { font-family: 'Schibsted'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/fonts/schibsted-latin.woff2) format('woff2'); }

:root[data-theme=dark] {
  --bg: #101418; --vlak: #181d23; --vlak2: #212831; --tekst: #ece8e1; --zacht: #9aa3ad; --lijn: #2a323c;
  --accent: #ffb020; --accent-tekst: #1a1305; --live: #ff4d4d; --link: #ffc65c;
  --pico-font-family: 'Schibsted', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --pico-font-family-sans-serif: var(--pico-font-family);
  --pico-background-color: var(--bg); --pico-color: var(--tekst); --pico-muted-color: var(--zacht); --pico-muted-border-color: var(--lijn);
  --pico-h1-color: var(--tekst); --pico-h2-color: var(--tekst); --pico-h3-color: var(--tekst); --pico-h4-color: var(--tekst);
  --pico-primary: var(--link); --pico-primary-underline: rgba(255, 198, 92, .45); --pico-primary-hover: #ffd88f; --pico-primary-hover-underline: var(--link);
  --pico-primary-background: var(--accent); --pico-primary-border: var(--accent); --pico-primary-inverse: var(--accent-tekst);
  --pico-primary-hover-background: #ffbf47; --pico-primary-hover-border: #ffbf47; --pico-primary-focus: rgba(255, 176, 32, .4);
  --pico-secondary: var(--zacht); --pico-secondary-background: var(--vlak2); --pico-secondary-border: var(--lijn); --pico-secondary-underline: var(--lijn);
  --pico-secondary-hover: var(--tekst); --pico-secondary-hover-background: var(--vlak2); --pico-secondary-hover-border: var(--zacht); --pico-secondary-focus: rgba(154, 163, 173, .3); --pico-secondary-inverse: var(--tekst);
  --pico-card-background-color: var(--vlak); --pico-card-border-color: var(--lijn); --pico-card-sectioning-background-color: var(--vlak2); --pico-card-box-shadow: none;
  --pico-form-element-background-color: var(--vlak); --pico-form-element-active-background-color: var(--vlak); --pico-form-element-border-color: var(--lijn);
  --pico-form-element-color: var(--tekst); --pico-form-element-placeholder-color: var(--zacht); --pico-form-element-active-border-color: var(--accent); --pico-form-element-focus-color: rgba(255, 176, 32, .4);
  --pico-mark-background-color: var(--live); --pico-mark-color: #fff;
  --pico-table-border-color: var(--lijn); --pico-table-row-stripped-background-color: var(--vlak2);
  --pico-accordion-border-color: var(--lijn); --pico-accordion-active-summary-color: var(--link); --pico-accordion-open-summary-color: var(--tekst); --pico-accordion-close-summary-color: var(--tekst);
  --pico-progress-background-color: var(--vlak2); --pico-progress-color: var(--accent);
  --pico-modal-overlay-background-color: rgba(16, 20, 24, .86);
  --pico-text-selection-color: rgba(255, 176, 32, .3);
}
/* Pico grandit la police par paliers jusqu'à 131 % : plafonnée à 112,5 % pour garder la densité de la grille */
@media (min-width: 1024px) { :root { --pico-font-size: 112.5%; } }

[hidden] { display: none !important; }
img { display: block; }
h1, h2, h3 { letter-spacing: -.01em; }
h1 { font-weight: 800; }
.verborgen { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.overslaan { position: absolute; left: -999px; top: 8px; background: var(--accent); color: var(--accent-tekst); padding: 8px 12px; z-index: 100; }
.overslaan:focus { left: 8px; }
mark { border-radius: 99px; padding: .05em .6em; font-weight: 800; }
.antenne { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--live); margin-right: 7px; vertical-align: .05em; }
[role=button], button { white-space: nowrap; }
body > main { padding-top: 0; }

/* en-tête : barre Pico (nav ul/li) + pastilles de rubriques */
.omroep { position: sticky; top: 0; z-index: 20; padding-block: 0 !important; background: color-mix(in srgb, var(--bg) 93%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--lijn); }
.omroep__balk { position: relative; --pico-nav-element-spacing-vertical: .5rem; --pico-nav-element-spacing-horizontal: .35rem; }
.logo { display: inline-flex; align-items: center; gap: 8px; color: var(--tekst); text-decoration: none; }
.logo__beeld { flex: none; }
.logo__spriet { fill: none; stroke: var(--accent); stroke-width: 2.4; stroke-linecap: round; }
.logo__kast { fill: var(--accent); }
.logo__scherm { fill: var(--bg); }
.logo__lamp { fill: var(--live); }
.logo__naam { font-weight: 500; font-size: .86rem; letter-spacing: -.01em; line-height: 1.05; }
.logo__naam b { display: block; font-weight: 900; }
.omroep__acties [role=button] { --pico-form-element-spacing-vertical: .45rem; --pico-form-element-spacing-horizontal: .9rem; font-size: .92rem; font-weight: 700; }
.omroep__inloggen, .omroep .lang, .zapper { display: none; }
.ikoon { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 0; background: none; color: var(--tekst); border-radius: 50%; }
.ikoon:hover, .ikoon:focus { background: var(--vlak2); color: var(--tekst); }
.ikoon svg { width: 22px; height: 22px; }
.ikoon__teller { position: absolute; top: 0; right: -2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: var(--accent); color: var(--accent-tekst); font-size: .7rem; font-weight: 800; line-height: 17px; text-align: center; }
/* recherche : groupe Pico [role=search] (champ + bouton en pilule) ; sur mobile, la loupe le déplie sous la barre */
.zapper form { position: relative; margin: 0; }
.zapper [role=search] { margin: 0; }
.zapper input { --pico-form-element-spacing-vertical: .5rem; height: auto; }
.zapper__knop { --pico-form-element-spacing-horizontal: 1rem !important; display: inline-grid; place-items: center; }
.zapper__knop svg { width: 18px; height: 18px; }
.omroep.zapper-uit .zapper { display: block; position: absolute; left: 0; right: 0; top: 100%; padding: 0 var(--pico-spacing) .75rem; background: var(--bg); border-bottom: 1px solid var(--lijn); }
.omroep .zapper__lijst { display: block; position: absolute; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; background: var(--vlak); border: 1px solid var(--lijn); border-radius: 1rem; max-height: 70vh; overflow: auto; z-index: 30; box-shadow: 0 14px 34px rgba(0, 0, 0, .4); }
.omroep .zapper__lijst li { display: block; list-style: none; margin: 0; padding: 0; }
.zapper__lijst a { display: flex; align-items: center; gap: 10px; padding: 7px 10px; color: var(--tekst); text-decoration: none; border-radius: 99px; }
.zapper__lijst [aria-selected="true"] a, .zapper__lijst a:hover { background: var(--vlak2); }
.zapper__lijst img, .zapper__lijst .leeg-foto { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; background: var(--vlak2); flex: none; }
.zapper__lijst .is-live img { box-shadow: 0 0 0 2px var(--live); }
.zapper__lijst small { display: block; color: var(--zacht); font-size: .8rem; }
.zapper__niets { padding: 10px; color: var(--zacht); }
.zapper__alles a { justify-content: center; font-weight: 700; color: var(--link); }
.omroep .kort { display: inline; }
.zenders ul.container { display: flex; gap: .5rem; margin: 0 auto; padding-block: .35rem .8rem; list-style: none; overflow-x: auto; scrollbar-width: none; }
.zenders ul.container { padding-inline: var(--pico-spacing); }
@media (min-width: 576px) { .zenders ul.container { padding-inline: 0; } }
.zenders ul::-webkit-scrollbar { display: none; }
.zenders li { list-style: none; margin: 0; padding: 0; }
.zenders a { margin: 0 !important; display: inline-flex; align-items: center; gap: 4px; padding: .35rem .95rem; border: 1px solid var(--lijn); border-radius: 99px; color: var(--zacht); text-decoration: none; font-size: .92rem; white-space: nowrap; transition: border-color .15s, color .15s; }
.zenders a:hover { color: var(--tekst); border-color: var(--zacht); }
.zenders a[aria-current="page"] { background: var(--accent); border-color: var(--accent); color: var(--accent-tekst); font-weight: 700; }
.zenders a[aria-current="page"] .antenne { background: var(--accent-tekst); }
.zenders small { font-size: .78rem; opacity: .7; font-variant-numeric: tabular-nums; }
@media (min-width: 768px) {
  .zapper { display: list-item; list-style: none; flex: 0 1 340px; }
  .zapper-open { display: none; }
  .omroep__acties { flex: 1; justify-content: flex-end; }
  .omroep__inloggen { display: list-item; list-style: none; }
  .omroep .lang { display: inline; }
  .omroep .kort { display: none; }
  .logo__naam { font-size: 1.05rem; }
  .logo__naam b { display: inline; }
}

/* tête de page */
.opening { margin: 1.6rem 0 .4rem; }
.opening hgroup { margin-bottom: .9rem; }
.opening hgroup p { max-width: 62ch; }
h1 { font-size: clamp(1.7rem, 5.4vw, 2.5rem); }
.opening__teller { margin: 0; font-weight: 600; }
.opening__teller mark { margin-right: .35em; font-variant-numeric: tabular-nums; }
.opening__tekst { color: var(--zacht); }
.waarschuwing { margin-top: 12px; padding: 10px 14px; border-left: 4px solid var(--accent); background: var(--vlak2); border-radius: 0 .5rem .5rem 0; }

/* « Vanavond om 21:00 » : pilules défilantes */
.programma { margin-top: 1.6rem; }
.programma__kop { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: .8rem; }
.programma__kop h2 { margin: 0; }
.programma__lijst { display: flex; gap: .75rem; margin: 0; padding: 0 0 .5rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.programma__item { flex: 0 0 auto; list-style: none; margin: 0 !important; scroll-snap-align: start; }
.programma__item article { margin: 0; padding: .55rem 1.1rem .55rem .55rem; border-radius: 99px; border: 1px solid var(--lijn); }
.programma__item a { display: flex; align-items: center; gap: .75rem; color: var(--tekst); text-decoration: none; }
.programma__foto { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: var(--vlak2); flex: none; }
.programma__foto img { width: 100%; height: 100%; object-fit: cover; }
.programma__item.is-aan .programma__foto { outline: 3px solid var(--live); outline-offset: 2px; }
.programma__naam { display: block; font-weight: 700; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.programma__wanneer { display: block; color: var(--zacht); font-size: .82rem; }
.programma__item.is-aan .programma__wanneer { color: var(--live); font-weight: 700; }

/* grille de cartes (article Pico) */
.blok { margin-top: 1.6rem; }
.blok__kop { margin-bottom: 1rem; }
.rooster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem .75rem; margin: 1rem 0 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .rooster { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; } }
@media (min-width: 1024px) { .rooster { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.scherm { position: relative; min-width: 0; list-style: none; margin: 0 !important; }
.scherm article { height: 100%; margin: 0; padding: 0; overflow: hidden; border: 1px solid transparent; transition: border-color .2s; }
.scherm article:hover { border-color: var(--lijn); }
.scherm a { display: block; color: var(--tekst); text-decoration: none; }
.scherm__beeld { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--vlak2); }
.scherm__beeld img { width: 100%; height: 100%; object-fit: cover; }
.scherm__live { position: absolute; left: 10px; top: 10px; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.scherm__tekst { display: block; padding: .7rem 2.6rem .8rem .9rem; }
.scherm__naam { display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scherm__regel { display: flex; flex-direction: column; color: var(--zacht); font-size: .82rem; line-height: 1.4; }
.scherm__regel > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scherm--uit .scherm__regel > span { white-space: normal; }
.scherm__kijkers { font-variant-numeric: tabular-nums; }
@media (min-width: 700px) {
  .scherm__tekst { padding-right: .9rem; }
  .scherm__naam { padding-right: 2rem; }
  .scherm__regel { flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; margin-top: 2px; }
  .scherm__kijkers { flex: none; padding: .05em .65em; border: 1px solid var(--lijn); border-radius: 99px; color: var(--tekst); }
}
.scherm--uit .scherm__beeld img { filter: grayscale(.85) brightness(.85); }
/* cœur : dans la légende, à hauteur du nom (75cqw = hauteur de l'image 4:3) */
.scherm article { position: relative; container-type: inline-size; }
.hart { position: absolute; right: .3rem; top: calc(75cqw + .35rem); width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--zacht); }
.hart:hover, .hart:focus { background: var(--vlak2); color: var(--tekst); }
.hart svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linejoin: round; }
.hart.is-aan { color: var(--live); }
.hart.is-aan svg { fill: currentColor; }
.meer { text-align: center; margin: 1.4rem 0 0; }
.meer__status { text-align: center; color: var(--zacht); }
.leeg { color: var(--zacht); border: 1px dashed var(--lijn); }
.leeg p { margin-bottom: 1rem; }

/* textes */
.tekstblok { margin-top: 3rem; max-width: 820px; }
.tekstblok h3 { margin-top: 1.6em; }
.vragen { margin-top: .6rem; }
.vragen details p { color: var(--zacht); }
.noot { color: var(--zacht); margin-top: 1.2rem; }

/* pied de page */
.aftiteling { margin-top: 3.5rem; padding-block: 2rem 1.5rem !important; background: var(--vlak); border-top: 1px solid var(--lijn); font-size: .92rem; }
.aftiteling__over { margin: 0; color: var(--zacht); max-width: 52ch; }
.aftiteling nav { display: block; }
.aftiteling nav ul { display: flex; flex-direction: column; align-items: flex-start; gap: .35rem; margin: 0; padding: 0; }
.aftiteling nav li { list-style: none; margin: 0; padding: 0; }
.aftiteling h2 { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--zacht); margin: 0 0 .5rem; }
.aftiteling a { color: var(--tekst); }
.aftiteling__regel { margin: 1.6rem 0 0; color: var(--zacht); }
@media (min-width: 768px) { .aftiteling__kolommen { grid-template-columns: 2fr 1fr 1fr; } }

/* porte 18+ : modale Pico */
.toegang { display: none; }
/* sans flou : le backdrop-filter de la modale retardait le premier rendu (LCP PSI 4,3 s) ; voile à 97 % pour masquer les images */
.toegang-dicht .toegang { display: flex; padding: var(--pico-spacing); backdrop-filter: none; -webkit-backdrop-filter: none; background-color: rgba(16, 20, 24, .97); }
.toegang-dicht body { overflow: hidden; }
.toegang article { width: 100%; max-width: 460px; margin: 0; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.toegang header { display: flex; align-items: center; gap: .7rem; }
.toegang header h2 { margin: 0; font-size: 1.3rem; }
.toegang footer { display: flex; flex-direction: column; gap: .5rem; text-align: center; }
.toegang footer button { width: 100%; margin: 0; font-weight: 700; }
.toegang__weg { color: var(--zacht); font-size: .92rem; }

/* uitzending (profil) */
.uitzending { display: grid; gap: 14px; margin-top: 16px; grid-template-areas: "beeld" "kop" "doel" "chat"; }
.uitzending__beeld { grid-area: beeld; position: relative; background: #000; overflow: hidden; aspect-ratio: 4 / 3; margin-inline: calc(var(--pico-spacing) * -1); border-radius: 0; }
.uitzending--liggend .uitzending__beeld { aspect-ratio: 16 / 9; }
.uitzending--staand .uitzending__beeld { aspect-ratio: 9 / 16; max-height: 78vh; }
.uitzending--dicht .uitzending__beeld { aspect-ratio: auto; min-height: 420px; }
.uitzending__beeld iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.uitzending__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.uitzending--dicht .uitzending__poster { filter: blur(3px) brightness(.45); transform: scale(1.06); }
.uitzending__vol { position: absolute; right: 10px; top: 10px; z-index: 3; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .55); color: #fff; }
.uitzending__vol svg { width: 20px; height: 20px; }
.uitzending__vol .i-dicht, .uitzending__vol.is-aan .i-open { display: none; }
.uitzending__vol.is-aan .i-dicht { display: block; }
.uitzending__beeld.is-vol { position: fixed; inset: 0; z-index: 95; margin: 0; max-height: none; aspect-ratio: auto; }
.heeft-vol body { overflow: hidden; }
.uitzending__blok, .luik { position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 22px; background: rgba(10, 12, 16, .9); color: #f4f1ea; }
.luik--dicht { position: relative; inset: auto; min-height: 420px; background: linear-gradient(transparent, rgba(0, 0, 0, .35)); }
.luik__label { margin: 0; }
.luik__label mark { background: transparent; color: #fff; border: 1.5px solid currentColor; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }
.luik h2 { margin: 0; color: #fff; }
.luik p, .uitzending__blok p { margin: 0; }
.luik .outline, .uitzending__blok .outline { color: #fff; border-color: rgba(255, 255, 255, .5); }
.uitzending__knoppen { display: flex; flex-wrap: wrap; gap: 8px; }
.luik__buren-kop { margin-top: 8px !important; font-weight: 700; }
.luik__buren { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.luik__buren li { list-style: none; margin: 0; }
.luik__buren a { color: #fff; text-decoration: none; font-size: .8rem; }
.luik__buren img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .6rem; }
.luik__buren span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px; }
.uitzending__kop { grid-area: kop; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.uitzending__kop h1 { margin: 0; word-break: break-word; }
.uitzending__stand { margin: 2px 0 0; color: var(--zacht); font-weight: 600; }
.uitzending__chat-knop { flex: 1 1 auto; max-width: 340px; font-weight: 700; }
.doel { grid-area: doel; margin: 0; padding: .8rem 1rem; }
.doel__kop { display: flex; justify-content: space-between; gap: 10px; margin: 0; font-size: .8rem; color: var(--zacht); text-transform: uppercase; letter-spacing: .05em; font-weight: 700; }
.doel__tekst { margin: 4px 0 8px; font-weight: 600; }
.doel progress { margin: 0; }
.uitzending__chat { grid-area: chat; position: relative; height: 440px; background: var(--vlak); border: 1px solid var(--lijn); border-radius: var(--pico-border-radius); overflow: hidden; }
.uitzending__chat iframe { width: 100%; height: 100%; border: 0; }
.uitzending__chat-plan-b { padding: 20px; }
@media (min-width: 576px) { .uitzending__beeld { margin-inline: 0; border-radius: var(--pico-border-radius); } }
@media (min-width: 1024px) {
  .uitzending { grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "kop kop" "beeld chat" "doel chat"; align-items: start; }
  .uitzending--staand { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
  .uitzending--staand .uitzending__beeld { max-height: 80vh; }
  .uitzending__chat { height: 100%; min-height: 460px; }
  .uitzending--dicht { grid-template-columns: 1fr; grid-template-areas: "kop" "beeld"; }
}

/* over, programma (tableau rayé Pico + barre 24 h) */
.over, .tv-gids { margin-top: 1.4rem; }
.over > *, .tv-gids > * { max-width: 860px; }
.over__feiten { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px 20px; margin: 0 0 1rem; }
.over__feiten dt { font-size: .76rem; text-transform: uppercase; letter-spacing: .06em; color: var(--zacht); font-weight: 700; }
.over__feiten dd { margin: 2px 0 0; font-weight: 600; }
.over__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 1rem; padding: 0; list-style: none; }
.over__tags li { list-style: none; margin: 0; padding: .15rem .75rem; border: 1px solid var(--lijn); border-radius: 99px; font-size: .85rem; }
.over__acties { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.over__acties button { display: inline-flex; align-items: center; gap: 8px; }
.over__acties svg { width: 18px; height: 18px; }
.fav-knop svg { fill: none; stroke: currentColor; stroke-width: 2.2; }
.fav-knop.is-aan { color: var(--live); border-color: var(--live); }
.fav-knop.is-aan svg { fill: currentColor; }
.bel.is-aan { border-color: var(--accent); color: var(--tekst); }
.bel.is-tip { white-space: normal; text-align: left; }
.tv-gids__uitleg { color: var(--zacht); }
.tv-gids__dagen { margin: 0; }
.tv-gids__dagen th { width: 7.5rem; font-weight: 700; text-transform: capitalize; }
.tv-gids__dagen th, .tv-gids__dagen td { vertical-align: middle; }
.tv-gids__slot { display: inline-block; margin: 2px 6px 2px 0; padding: .05rem .65rem; background: var(--accent); color: var(--accent-tekst); border-radius: 99px; font-weight: 700; font-size: .88rem; }
.tv-gids__geen { color: var(--zacht); font-size: .9rem; }
.tv-gids__balk { display: grid; grid-template-columns: repeat(24, 1fr); gap: 2px; height: 26px; margin-top: 1.2rem; }
.tv-gids__balk span { background: color-mix(in srgb, var(--accent) calc(var(--sterkte) * 100%), var(--vlak2)); border-radius: 99px; }
.tv-gids__schaal { display: flex; justify-content: space-between; margin: 4px 0 0; color: var(--zacht); font-size: .75rem; }

/* gidsen, leestekst */
.gidsen { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .gidsen { grid-template-columns: 1fr 1fr; } }
.gidsen li { list-style: none; margin: 0; }
.gidsen article { height: 100%; margin: 0; transition: border-color .2s; border: 1px solid transparent; }
.gidsen article:hover { border-color: var(--lijn); }
.gidsen a { display: block; color: var(--tekst); text-decoration: none; }
.gidsen strong { display: block; font-size: 1.05rem; margin-bottom: 4px; }
.gidsen span { color: var(--zacht); font-size: .92rem; }
.leestekst { max-width: 780px; margin-top: 1.4rem; }
.leestekst__pad { margin-bottom: .4rem; font-size: .9rem; }
.leestekst__datum { color: var(--zacht); font-size: .9rem; }
.leestekst__inhoud { font-size: 1.04rem; line-height: 1.7; }
.leestekst__inhoud h2 { margin-top: 1.5em; }
.leestekst .vragen { margin-top: 2rem; }
.leestekst__meer { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--lijn); }
.leestekst__meer h2 { font-size: 1rem; }