/*
Theme Name:   Lectoraat Journalistiek
Description:  Volledig thema voor het Lectoraat Journalistiek (Hogeschool Utrecht). Alle pagina's zijn ingebouwd; redacteuren vullen alleen formulieren in. Vereist ACF (gratis versie volstaat).
Version:      2.5.1
Requires PHP: 7.4
Text Domain:  lectoraat
*/
:root{--p:#5B35D5;--ph:#4A28B8;--acc-t:#EEEBFD;--g:#4C9C78;--g-t:#E3F1EA;--g-tx:#22573E;--ink:#1A3A3A;--ink-h:#143030;--tx:#2B3534;--tx2:#222C2B;--mut:#5A6463;--mut2:#3D4746;--bg:#F3F2EF;--ln:#D3D0C7;--ln2:#ECEAE4;--ln3:#E4E2DC;--d-tx:#D5E1DF;--d-mut:#A9C2BE;--d-acc:#C2B6FA;--serif:'Newsreader',Georgia,serif;--sans:'Instrument Sans',system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--p);text-decoration:none}a:hover{color:var(--ph);text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.screen-reader-text,.lj-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lj-skip{position:absolute;left:-9999px}.lj-skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}
.lj-wrap{padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}
.lj-site{min-height:100vh;display:flex;flex-direction:column}
.lj-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--ln3)}
.admin-bar .lj-header{top:32px}@media(max-width:782px){.admin-bar .lj-header{top:46px}}@media(max-width:600px){.admin-bar .lj-header{top:0}}
.lj-header__in{min-height:72px;display:flex;align-items:center;gap:24px}
.lj-logo{display:flex;align-items:center;gap:12px;color:var(--ink);flex:none}.lj-logo:hover{text-decoration:none}
.lj-logo__naam{font:600 21px var(--serif);color:var(--p)}
.lj-logo__streep{width:1px;height:18px;background:#C9C6BE}
.lj-logo__org{font-size:13px;color:var(--mut)}
.lj-nav{margin-left:auto;min-width:0;display:flex;align-items:center;gap:24px}
.lj-nav a{flex:none;white-space:nowrap;border-bottom:2px solid transparent;padding:26px 0 24px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.lj-nav a:hover{color:var(--p);text-decoration:none}.lj-nav a.is-actief{border-color:var(--p)}
.lj-icoonknop{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.lj-icoonknop:hover{background:var(--bg);color:var(--p)}
.lj-menuknop{display:none;flex:none;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--ln3);background:#fff;cursor:pointer;align-items:center;gap:10px;font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.lj-menuknop:hover{border-color:var(--p);color:var(--p)}
.lj-hamburger{display:flex;flex-direction:column;gap:4px}.lj-hamburger i{width:16px;height:2px;background:currentColor;display:block}
.lj-mobielmenu{border-top:1px solid var(--ln2);padding-top:8px;padding-bottom:16px;display:flex;flex-direction:column}
.lj-mobielmenu[hidden]{display:none}
.lj-mobielmenu a{border-bottom:1px solid var(--ln2);padding:16px 0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.lj-mobielmenu a.is-actief{color:var(--p)}
@media(max-width:1239px){.lj-nav{display:none}.lj-menuknop{display:flex}.lj-icoonknop{margin-left:auto}}
@media(min-width:1240px){.lj-mobielmenu{display:none!important}}
@media(max-width:560px){.lj-logo__streep,.lj-logo__org{display:none}}
.lj-main{flex:1;width:100%;padding-top:32px;padding-bottom:96px}
.lj-kruimel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin:4px 0 20px}
.lj-h1{font:500 52px/1.05 var(--serif);margin:0;text-wrap:balance}
.lj-h1--xl{font-size:56px;line-height:1.04;max-width:900px}
.lj-h1--home{font-size:clamp(34px,3.6vw,48px);line-height:1.08;letter-spacing:-.01em;hyphens:auto;overflow-wrap:break-word}
.lj-h2{font:500 36px/1.15 var(--serif);margin:0}
.lj-mb{margin-bottom:24px}.lj-mb-s{margin-bottom:20px}
.lj-tekst{margin:0;font-size:20px;line-height:1.6;color:var(--tx);text-wrap:pretty}
.lj-tekst--smal{max-width:760px}
.lj-soort{display:inline-block;padding:5px 4px 5px 0;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--p);white-space:nowrap}
.lj-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.lj-meta{font-size:13px;color:var(--mut)}.lj-meta a{color:inherit}
.lj-sub{font-size:14px;color:var(--mut)}
@media(max-width:700px){.lj-h1,.lj-h1--xl{font-size:38px}.lj-h2{font-size:30px}}
.lj-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lj-chip{position:relative;z-index:1;display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;border:1px solid var(--ln);background:#fff;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;color:var(--ink)}
a.lj-chip:hover{border-color:var(--p);color:var(--p);text-decoration:none}
.lj-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.lj-status::before{content:"";width:6px;height:6px;border-radius:50%}
.lj-status--lopend{background:var(--g-t);color:var(--g-tx)}.lj-status--lopend::before{background:var(--g)}
.lj-status--afgerond{background:var(--ln2);color:#4A5453}.lj-status--afgerond::before{background:#9AA19F}
.lj-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;background:var(--p);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:600 14px var(--sans);cursor:pointer;white-space:nowrap}
.lj-knop:hover{background:var(--ph);color:#fff;text-decoration:none}
.lj-knop--groot{padding:12px 18px}
.lj-knop--rand{background:#fff;color:var(--ink);border:1px solid var(--ln)}.lj-knop--rand:hover{background:#fff;color:var(--ink);border-color:var(--ink)}
.lj-knop--wit,.lj-knop--wit:hover{background:#fff;color:var(--ink)}
.lj-knop--licht{background:transparent;color:#fff;border:1px solid #6E8A87}.lj-knop--licht:hover{background:transparent;border-color:#fff}
.lj-knoppen{display:flex;gap:10px;flex-wrap:wrap}
.lj-pijl{font-size:15px;font-weight:600;color:var(--p)}
.lj-linkknop{align-self:flex-start;background:none;border:0;padding:0;color:var(--p);font:600 15px var(--sans);cursor:pointer}
.lj-blok{background:#fff;border-radius:18px}
.lj-pad{padding:48px}@media(max-width:700px){.lj-pad{padding:28px 24px}}
.lj-donker{background:var(--ink);color:#fff}.lj-donker .lj-tekst{color:var(--d-tx)}
.lj-paars{background:var(--acc-t)}
.lj-stapel{display:flex;flex-direction:column;gap:20px}
.lj-sectie{margin-top:56px}
.lj-sectie__kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.lj-rij{display:flex;flex-wrap:wrap;gap:16px}
/* Altijd maximaal vier kaarten naast elkaar; op smallere schermen drie, twee of één. */
.lj-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1180px){.lj-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){.lj-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.lj-raster{grid-template-columns:minmax(0,1fr)}}
/* Contactformulier (op donkere achtergrond) */
.lj-contact a{color:#fff;text-decoration:underline}
.lj-form{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.lj-form__veld{display:flex;flex-direction:column;gap:6px}
.lj-form__veld label{font-size:13px;font-weight:600;color:var(--d-tx)}.lj-form__veld label span{font-weight:400;color:var(--d-mut)}
.lj-form input,.lj-form textarea{width:100%;border:1px solid transparent;border-radius:10px;padding:12px 14px;font:16px/1.4 var(--sans);color:var(--ink);background:#fff}
.lj-form textarea{resize:vertical;min-height:120px}
.lj-form input:focus,.lj-form textarea:focus{outline:2px solid var(--d-acc);outline-offset:2px}
.lj-form [aria-invalid=true]{border-color:#FFB4A8;box-shadow:0 0 0 1px #FFB4A8}
.lj-form__veldfout,.lj-form__fout{font-size:13px;color:#FFB4A8;margin:0}
.lj-form__potje{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lj-form .lj-knop{margin-top:4px;height:48px;padding:0 22px;border-radius:10px}
.lj-form .lj-knop:focus-visible{outline:2px solid var(--d-acc);outline-offset:3px}
.lj-form__klaar{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:20px;border-radius:12px;background:rgba(255,255,255,.08);font-size:15px;line-height:1.5;color:var(--d-tx)}
.lj-form__klaar strong{font:500 22px/1.2 var(--serif);color:#fff}
.lj-raster--thema{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lj-raster--team{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.lj-raster--mensen{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.lj-raster--producten{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lj-raster--partners{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.lj-beeld{position:relative;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(135deg,#ECEAE4 0 8px,#F7F6F3 8px 16px)}
.lj-beeld img{width:100%;height:100%;object-fit:cover}
.lj-beeld--leeg{display:flex;align-items:flex-end;padding:10px;font-size:11px;font-weight:500;color:var(--mut)}
.lj-beeld--donker{background:repeating-linear-gradient(135deg,#25494A 0 8px,#1F4243 8px 16px)}.lj-beeld--donker.lj-beeld--leeg{color:var(--d-mut)}
.lj-beeld--169{aspect-ratio:16/9}.lj-beeld--1610{aspect-ratio:16/10}.lj-beeld--43{aspect-ratio:4/3}.lj-beeld--11{aspect-ratio:1/1;border-radius:12px}.lj-beeld--45{aspect-ratio:4/5;border-radius:12px}.lj-beeld--218{aspect-ratio:21/8;border-radius:0}
.lj-beeld--vrij img{position:absolute;inset:0}
.lj-kaart{position:relative;background:#fff;border-radius:18px;padding:16px 16px 20px;display:flex;flex-direction:column;gap:12px;border:1px solid #fff;color:var(--ink);transition:border-color .15s,background .15s}
.lj-kaart:hover{border-color:var(--ln);color:var(--ink);text-decoration:none}
.lj-kaart__link{color:inherit}.lj-kaart__link:hover{color:inherit;text-decoration:none}
.lj-kaart__link::after{content:"";position:absolute;inset:0;border-radius:18px}
.lj-kaart__titel{font:500 23px/1.15 var(--serif);margin:0}
.lj-kaart__rij{display:flex;justify-content:space-between;gap:8px;align-items:center}
.lj-kaart__voet{margin-top:auto;padding-top:4px}
.lj-kaart .lj-knop,.lj-kaart a:not(.lj-kaart__link){position:relative;z-index:1}
.lj-clamp2,.lj-clamp3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.lj-clamp2{-webkit-line-clamp:2}.lj-clamp3{-webkit-line-clamp:3}
.lj-kaart--thema{padding:20px;gap:16px}.lj-kaart--thema h3{font:500 26px/1.1 var(--serif);margin:0;min-height:62px}
.lj-kaart--thema .lj-knop{margin-top:auto}
.lj-kaart--nieuws .lj-kaart__titel{font-size:22px;line-height:1.2}
.lj-kaart--lead{padding:16px 16px 24px;gap:14px}.lj-kaart--lead>:not(.lj-beeld){padding:0 8px}.lj-kaart--lead .lj-beeld{border-radius:12px}.lj-kaart--lead .lj-kaart__titel{font-size:30px;text-wrap:balance}
.lj-kaart--kort{flex:1;padding:22px 24px;gap:10px}.lj-kaart--kort .lj-kaart__titel{font-size:22px;line-height:1.2}
.lj-kaart--donker{background:var(--ink);border-color:var(--ink);color:#fff}.lj-kaart--donker:hover{background:var(--ink-h);border-color:var(--ink-h);color:#fff}
.lj-kaart.lj-split{display:grid}
.lj-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:32px;align-items:center;padding:16px}
.lj-split .lj-beeld{border-radius:12px}
.lj-split__tekst{display:flex;flex-direction:column;gap:16px;padding:16px 24px 16px 0}
@media(max-width:760px){.lj-split__tekst{padding:0 8px 16px}}
.lj-persoon{flex-direction:row;align-items:center;gap:16px;padding:20px}
.lj-persoon strong{font-size:16px;display:block}
.lj-avatar{flex:none;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(135deg,#ECEAE4 0 6px,#F7F6F3 6px 12px);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--mut2)}
.lj-avatar img{width:100%;height:100%;object-fit:cover}
.lj-lijst{padding:8px 32px}@media(max-width:700px){.lj-lijst{padding:8px 20px}}
.lj-pub{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--ln2);align-items:start}
.lj-pub.is-laatste,.lj-lijst>.lj-pub:last-of-type{border-bottom:0}
.lj-pub[hidden]{display:none}
.lj-pub__datum{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);line-height:1.5}
.lj-pub__body{display:flex;flex-direction:column;gap:6px;min-width:0}
.lj-pub__titel{font:500 20px/1.25 var(--serif);color:var(--ink)}
a.lj-pub__titel:hover{color:var(--p)}
.lj-pub__auteurs{font-size:14px;color:var(--tx)}.lj-pub__bron{font-size:14px;color:var(--mut);font-style:italic}
.lj-resultaat{grid-template-columns:130px minmax(0,1fr) auto;position:relative}
.lj-resultaat:hover{background:#FAFAF8}
.lj-resultaat .lj-pub__titel{font-size:21px}
.lj-resultaat__tekst{font-size:14px;line-height:1.5;color:var(--tx)}
.lj-resultaat__pijl{font-size:18px;color:var(--p)}
.lj-themarij{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr) auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--ln2);align-items:baseline;position:relative}
.lj-themarij:last-child{border-bottom:0}.lj-themarij:hover{background:#FAFAF8}
.lj-themarij strong{font:500 24px var(--serif)}
@media(max-width:700px){.lj-pub,.lj-resultaat,.lj-themarij{grid-template-columns:1fr;gap:6px}.lj-resultaat__pijl{display:none}}
.lj-leeg{padding:28px 0;font-size:15px;color:var(--mut)}.lj-leeg[hidden]{display:none}
.lj-tabs{display:flex;gap:4px;background:#fff;border-radius:999px;padding:4px;flex-wrap:wrap}
.lj-tabs--grijs{background:var(--bg)}
.lj-tabs a,.lj-tabs button,.lj-tabs label span{display:inline-block;padding:8px 14px;border-radius:999px;border:0;background:transparent;font:600 12px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink);cursor:pointer;white-space:nowrap}
.lj-tabs a:hover{text-decoration:none;color:var(--p)}
.lj-tabs [aria-current="page"],.lj-tabs [aria-pressed="true"],.lj-tabs input:checked+span{background:var(--ink);color:#fff!important}
.lj-tabs label{position:relative}
.lj-tabs input,.lj-pil input{position:absolute;opacity:0;pointer-events:none}
.lj-pil{position:relative}
.lj-pil span{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--ln);background:#fff;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer}
.lj-pil input:checked+span{border-color:var(--p);background:var(--acc-t);color:var(--ph)}
.lj-pil input:focus-visible+span,.lj-tabs input:focus-visible+span{outline:2px solid var(--p);outline-offset:2px}
.lj-veld{flex:1 1 280px;min-width:0;height:46px;border:1px solid var(--ln);border-radius:10px;padding:0 16px;font:15px var(--sans);color:var(--ink);background:#FAFAF8;outline:none}
.lj-veld:focus{border-color:var(--p);background:#fff}
.lj-veld--groot{height:56px;border-radius:12px;padding:0 20px;font-size:17px;flex-basis:320px}
.lj-zoekbalk{display:flex;gap:10px;flex-wrap:wrap}
.lj-zoekbalk .lj-knop{height:46px;padding:0 20px;border-radius:10px}
.lj-zoekbalk .lj-veld--groot~.lj-knop{height:56px;border-radius:12px}
.lj-filters{display:flex;flex-wrap:wrap;gap:32px;border-top:1px solid var(--ln2);padding:16px 4px 4px}
.lj-filters[hidden]{display:none}
.lj-filtergroep{display:flex;flex-direction:column;gap:10px}
.lj-resultaatbalk{display:flex;justify-content:space-between;align-items:center;margin:24px 4px 14px;font-size:14px;color:var(--mut);gap:12px;flex-wrap:wrap}
.lj-kopbalk{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.lj-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px;margin-bottom:16px;font-size:15px;color:var(--tx)}
.lj-home-intro{flex:2 1 420px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}
.lj-hero{flex:1 1 280px;min-width:0;padding:16px 16px 24px;gap:14px}
.lj-hero .lj-beeld{flex:1 1 auto;min-height:160px;border-radius:12px}
.lj-hero>:not(.lj-beeld){padding:0 8px}
.lj-hero .lj-soort{color:var(--d-acc)}
.lj-hero h2{font:500 28px/1.15 var(--serif);margin:0}
.lj-hero p{margin:0;font-size:20px;line-height:1.55;color:var(--d-tx)}
.lj-hero__cta{font-size:15px;font-weight:600}
.lj-nieuws-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}
.lj-nieuws-home__rest{display:flex;flex-direction:column;gap:16px}
.lj-thema-intro{flex:2 1 520px;min-width:0}
.lj-meer[hidden]{display:none}
.lj-citaat{flex:1 1 320px;margin:0;border-radius:18px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.lj-citaat__teken{font:72px/.6 var(--serif);color:var(--p)}
.lj-citaat blockquote{margin:0;font:500 26px/1.3 var(--serif)}
.lj-citaat figcaption a{display:flex;align-items:center;gap:12px;color:var(--ink)}
.lj-citaat figcaption a:hover{text-decoration:none}
.lj-citaat .lj-avatar{background:#fff}
.lj-citaat figcaption strong{font-size:15px;display:block}.lj-citaat .lj-sub{font-size:13px;color:var(--mut2)}
.lj-themabeeld{flex:1 1 320px;min-height:280px;border-radius:18px}
.lj-uitgelicht h3{font:500 38px/1.1 var(--serif);margin:0}
.lj-uitgelicht .lj-meta{color:var(--d-tx)}
.lj-metagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-top:1px solid var(--ln2);margin:8px 0 0}
.lj-metagrid div{padding:18px 20px 4px 0;display:flex;flex-direction:column;gap:6px}
.lj-metagrid dd{margin:0;font-size:15px;line-height:1.45}
.lj-over{display:flex;flex-wrap:wrap;gap:16px 32px}
.lj-over>h2{flex:1 1 240px}
.lj-over__tekst{flex:3 1 560px;min-width:0}
.lj-quote-paars{margin:12px 0 0;padding:28px 32px;background:var(--acc-t);border-radius:16px;font:500 23px/1.35 var(--serif)}
.lj-quote-paars footer{margin-top:14px;font:400 14px var(--sans);color:var(--mut2)}
.lj-hoofdboek h3{font:500 36px/1.1 var(--serif);margin:0}
.lj-hoofdboek .lj-label{color:var(--d-mut)}
.lj-partner{background:#fff;border-radius:18px;min-height:110px;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;font-size:14px;font-weight:600;color:var(--mut)}
.lj-product h3{font:500 24px/1.15 var(--serif);margin:0}
.lj-product .lj-label{font-size:11px}
.lj-product__acties{margin-top:auto;display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:600}
.lj-auteurs{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.lj-auteur{display:flex;align-items:center;gap:12px;color:var(--ink)}
.lj-auteur:hover{text-decoration:none;color:var(--p)}
.lj-auteur strong{font-size:15px;display:block}.lj-auteur .lj-sub{font-size:13px}
.lj-kopregel{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding-top:20px;border-top:1px solid var(--ln2)}
.lj-artikelkop{max-width:720px;margin:0 auto;padding:56px 24px 40px;display:flex;flex-direction:column;gap:20px}
.lj-artikelkop .lj-h1{font-size:46px;line-height:1.08}
@media(max-width:700px){.lj-artikelkop .lj-h1{font-size:36px}}
.lj-onderschrift{background:var(--ln2);padding:12px 24px;font-size:13px;color:var(--mut2)}
.lj-artikelbody{max-width:720px;margin:0 auto;padding:48px 24px 56px}
.lj-longread{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}
.lj-longread aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:16px}
.admin-bar .lj-longread aside{top:124px}
@media(max-width:1000px){.lj-longread{grid-template-columns:1fr}.lj-longread aside{position:static}}
.lj-zijblok{padding:24px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.lj-zijblok dl{margin:0;display:flex;flex-direction:column;gap:12px}.lj-zijblok dt{color:var(--mut);font-size:13px}.lj-zijblok dd{margin:2px 0 0}
.lj-hoofdstukken a{display:flex;gap:10px;padding:8px 0;font-size:15px;line-height:1.35;color:var(--ink)}
.lj-hoofdstukken a:hover{color:var(--p);text-decoration:none}.lj-hoofdstukken a span{color:var(--mut);min-width:16px}
.lj-themaregel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px;margin-top:32px;border-top:1px solid var(--ln2);font-size:14px;color:var(--mut)}
.lj-prose{font-size:20px;line-height:1.6;color:var(--tx2)}
.lj-prose>*{margin:0}.lj-prose>*+*{margin-top:22px}
.lj-prose p{text-wrap:pretty}
.lj-prose--longread>p{max-width:720px}
.lj-prose h2{font:500 34px/1.15 var(--serif);color:var(--ink);margin-top:44px;scroll-margin-top:110px}
.lj-prose--artikel h2{font-size:30px;line-height:1.2;margin-top:36px}
.lj-prose h3{font:500 24px/1.25 var(--serif);color:var(--ink);margin-top:32px}
.lj-prose--artikel h3{font-size:23px}
.lj-prose figure{margin-top:32px;margin-bottom:10px}
.lj-prose img{border-radius:12px}
.lj-prose figcaption{margin-top:10px;font-size:13px;color:var(--mut);text-align:left}
.lj-prose ul,.lj-prose ol{padding-left:1.2em}.lj-prose li+li{margin-top:8px}
.lj-prose blockquote{margin:36px 0;padding:8px 0 8px 28px;border-left:3px solid var(--p);font:500 27px/1.3 var(--serif);color:var(--ink)}
.lj-prose blockquote p{margin:0}
.lj-prose blockquote cite{display:block;margin-top:12px;font:600 14px var(--sans);font-style:normal;color:var(--mut2)}
.lj-prose--artikel blockquote{padding:32px 36px;background:var(--ink);border:0;border-radius:14px;color:#fff;font-size:24px;line-height:1.35}
.lj-prose--artikel blockquote cite{color:var(--d-mut);font-weight:500;font-size:13px}
.lj-prose .is-style-kader{background:var(--bg);border-radius:14px;padding:24px 28px}
.lj-prose .is-style-kader>*{margin:0}.lj-prose .is-style-kader>*+*{margin-top:8px}
.lj-prose .is-style-kader h2,.lj-prose .is-style-kader h3{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.lj-prose .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:12px}
.lj-prose a{text-decoration:underline}
.lj-footer{background:#fff;border-top:1px solid var(--ln3)}
.lj-footer__in{padding-top:48px;padding-bottom:40px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px}
@media(max-width:900px){.lj-footer__in{grid-template-columns:1fr 1fr}}
.lj-footer__kol{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--mut2)}
.lj-footer__kol strong{font-size:15px;margin-bottom:4px;color:var(--ink)}
.lj-footer__kol a{color:var(--mut2)}.lj-footer__kol a:hover{color:var(--p)}
.lj-footer__onder{padding-top:20px;padding-bottom:32px;border-top:1px solid var(--ln2);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.lj-footer__onder a{color:var(--mut)}
.lj-paginering{margin-top:32px}
.lj-paginering .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.lj-paginering .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600}
.lj-paginering .page-numbers.current{background:var(--ink);color:#fff}

/* ── Afwerking (2.2): interactie, toetsenbord en rust in de typografie ── */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
html{scroll-behavior:smooth;scroll-padding-top:96px}

/* Zichtbare focus voor toetsenbordgebruikers, overal hetzelfde. */
:where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:4px}
.lj-donker :where(a,button):focus-visible,.lj-kaart--donker :where(a,button):focus-visible{outline-color:var(--d-acc)}
.lj-veld:focus-visible{outline:2px solid var(--p);outline-offset:1px}
/* Hele kaart klikbaar: toon de focusring om de kaart, niet om de titel. */
.lj-kaart__link:focus-visible{outline:0}
.lj-kaart:has(.lj-kaart__link:focus-visible){outline:2px solid var(--p);outline-offset:3px}
.lj-kaart--donker:has(.lj-kaart__link:focus-visible){outline-color:var(--ink)}

/* Knoppen reageren op indrukken; alleen kleur en transform animeren, kort en met ease-out. */
.lj-knop,.lj-menuknop,.lj-icoonknop,.lj-tabs a,.lj-tabs button,.lj-pil span,.lj-paginering .page-numbers{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .16s var(--ease-out)}
.lj-knop:active,.lj-menuknop:active,.lj-icoonknop:active,.lj-tabs a:active,.lj-tabs button:active,.lj-pil:active span,.lj-paginering a.page-numbers:active{transform:scale(.97)}
.lj-kaart{transition:border-color .15s ease,background-color .15s ease}
.lj-resultaat,.lj-themarij{transition:background-color .15s ease}

/* Op touchscreens geen 'blijvende' hover na een tik. */
@media (hover:none){
  .lj-kaart:hover{border-color:#fff}
  .lj-kaart--donker:hover{background:var(--ink);border-color:var(--ink)}
  .lj-resultaat:hover,.lj-themarij:hover{background:transparent}
}

/* Typografie: koppen netjes afbreken, cijfers even breed in datums en periodes. */
.lj-h2,.lj-kaart__titel,.lj-pub__titel,.lj-split__tekst h3{text-wrap:balance}
.lj-meta,.lj-pub__datum,.lj-status,.lj-paginering{font-variant-numeric:tabular-nums}

/* Bevestiging van het contactformulier komt zacht binnen (zeldzaam moment). */
.lj-form__klaar{transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}
@starting-style{.lj-form__klaar{opacity:0;transform:translateY(6px)}}

/* ── Leesbaarheid en gebruiksgemak (2.3) ── */
/* Kaarten: samenvattingen op leesformaat (20px is voor lopende tekst, niet voor smalle kolommen). */
.lj-kaart .lj-tekst,.lj-product .lj-tekst{font-size:17px;line-height:1.5}
.lj-kaart--lead .lj-tekst{font-size:18px}
.lj-uitgelicht .lj-tekst{font-size:20px}
/* Mobiel: lopende tekst iets kleiner, zodat er genoeg woorden op een regel passen. */
@media(max-width:700px){.lj-tekst,.lj-prose,.lj-hero p{font-size:18px}.lj-prose h2{font-size:28px}.lj-prose blockquote{font-size:22px}.lj-citaat blockquote{font-size:22px}}
/* Lange Nederlandse samenstellingen ("Kwaliteitsjournalistiek") mogen nooit buiten beeld lopen. */
.lj-h1,.lj-h2,.lj-kaart__titel,.lj-prose h2,.lj-prose h3,.lj-hero h2,.lj-uitgelicht h3,.lj-hoofdboek h3{overflow-wrap:break-word;hyphens:auto}
/* Kleine labels niet kleiner dan 12px. */
.lj-soort,.lj-product .lj-label{font-size:12px}
/* Invoervelden en filterknoppen: rand duidelijk zichtbaar (minimaal 3:1). */
.lj-veld,.lj-pil span{border-color:#8C918D}
.lj-veld::placeholder{color:#6B7372}
/* Links op donkere vlakken: wit en onderstreept in plaats van paars (dat is daar onleesbaar). */
.lj-donker a:not([class]),.lj-kaart--donker a:not([class]){color:#fff;text-decoration:underline}
/* Klikgebied van kleine tekstlinks minimaal 24px hoog. */
.lj-footer__kol a,.lj-kruimel a{display:inline-block;padding:3px 0}
.lj-footer__kol{gap:6px}
/* Lege beeldvakken: bezoekers zien een rustig vlak, redacteuren (ingelogd) zien welk beeld ontbreekt. */
.lj-beeld--leeg span{display:none}
.logged-in .lj-beeld--leeg span{display:inline}
/* Tekst blijft leesbaar als iemand inzoomt of de lettergrootte vergroot. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* HU-logo in de footer */
.lj-footer__hu{display:inline-block;margin-top:8px;padding:0}
.lj-footer__hu img{height:44px;width:auto;display:block}

/* Wie minder beweging wil, krijgt geen beweging. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .lj-knop:active,.lj-menuknop:active,.lj-icoonknop:active,.lj-tabs a:active,.lj-tabs button:active,.lj-pil:active span,.lj-paginering a.page-numbers:active{transform:none}
}