:root{--porfier:#241418;--porfier-618:#73696a;--porfier-382:#a59e9c;--obsidiaan:#0e0f12;--tufsteen:#f4f3ee;--wit:#fff;--menie:#d2552a;--menie-diep:#b94b25;--menie-licht:#e38463;--menie-382:#e7b7a3;--groen:#3d6b4f;--oranje:#9a6a12;--serif:"Newsreader", Georgia, serif;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--r:7px;--r-klein:4px}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--porfier);background:var(--tufsteen);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.618}::selection{background:var(--porfier);color:var(--menie-licht)}h1,h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 11px;font-weight:400;line-height:1.272}h1{font-size:clamp(29px,3vw,47px)}h2{font-size:29px}h3{margin:0 0 7px;font-size:18px;font-weight:500}p{text-wrap:pretty;margin:0 0 11px}a{color:inherit;-webkit-text-decoration-color:var(--menie);text-decoration-color:var(--menie);text-underline-offset:.24em}a:hover{color:var(--menie-diep)}.label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--menie-diep);font-size:12px}.secundair{color:var(--porfier-618)}.klein{font-size:14px}.cijfers{font-variant-numeric:tabular-nums}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.zijbalk{background:var(--porfier);color:var(--tufsteen);flex-direction:column;gap:29px;height:100vh;padding:29px 18px;display:flex;position:sticky;top:0}.woordmerk{font-family:var(--serif);font-size:26px;line-height:1}.woordmerk small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--menie-licht);margin-top:7px;font-size:11px;display:block}.zijbalk select{width:100%;color:var(--tufsteen);border:1px solid var(--porfier-618);border-radius:var(--r-klein);font:inherit;background:0 0;padding:7px}.zijbalk select option{color:var(--porfier)}.nav{flex-direction:column;gap:4px;display:flex}.nav a{color:var(--tufsteen);border-radius:var(--r-klein);padding:7px 11px;text-decoration:none}.nav a:hover{color:var(--menie-licht)}.nav a.actief{color:var(--menie-licht);background:#f4f3ee14}.zijbalk .voet{color:var(--porfier-382);margin-top:auto;font-size:13px}.zijbalk .voet button{color:var(--porfier-382)}main{width:100%;max-width:1240px;padding:47px clamp(18px,4vw,76px) 123px}.kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:29px;display:flex}button,.knop{font:500 15px/1 var(--sans);letter-spacing:.01em;border-radius:var(--r);cursor:pointer;background:var(--porfier);min-height:40px;color:var(--tufsteen);border:0;justify-content:center;align-items:center;gap:7px;padding:0 18px;text-decoration:none;transition:background-color .236s cubic-bezier(.2,.7,.1,1),box-shadow .382s cubic-bezier(.2,.7,.1,1);display:inline-flex}button:hover:not(:disabled),.knop:hover{background:var(--menie-diep);color:var(--tufsteen);box-shadow:0 11px 29px -18px #2414189e}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--menie);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.licht{background:var(--wit);color:var(--porfier);box-shadow:inset 0 0 0 1px var(--porfier-382)}button.licht:hover:not(:disabled){background:var(--menie-diep);color:var(--tufsteen);box-shadow:none}button.tekst{color:inherit;min-height:0;text-decoration:underline;-webkit-text-decoration-color:var(--menie);text-decoration-color:var(--menie);text-underline-offset:.24em;box-shadow:none;background:0 0;padding:0}button.tekst:hover:not(:disabled){color:var(--menie-diep);box-shadow:none;background:0 0}button.gevaar{background:var(--wit);color:var(--menie-diep);box-shadow:inset 0 0 0 1px var(--menie-382)}label{margin-bottom:4px;font-size:14px;font-weight:500;display:block}input,textarea,select{font:inherit;color:inherit;border:1px solid var(--porfier-382);border-radius:var(--r-klein);background:var(--wit);width:100%;padding:9px 11px}textarea{resize:vertical;min-height:76px;line-height:1.5}.veld{margin-bottom:18px}.veld .hulp{color:var(--porfier-618);margin-top:4px;font-size:13px}.rij{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.rij>*{flex:none}.raster{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.kolommen{grid-template-columns:1.618fr 1fr;align-items:start;gap:29px;display:grid}.kaart{background:var(--wit);border-radius:var(--r);margin-bottom:18px;padding:29px}.kaart.vlak{border:1px solid var(--porfier-382);background:0 0}.melding{border-radius:var(--r-klein);margin-bottom:18px;padding:11px 18px;font-size:15px}.melding.fout{color:#6e2a12;background:#f6e1d8}.melding.ok{color:#234030;background:#e3ece5}.melding.info{background:var(--wit);border:1px solid var(--porfier-382)}.pil{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-klein);background:var(--tufsteen);color:var(--porfier-618);padding:3px 7px;font-size:11px;display:inline-block}.pil.menie{background:var(--menie-diep);color:var(--tufsteen)}.pil.groen{background:var(--groen);color:var(--tufsteen)}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--porfier-618);border-bottom:1px solid var(--porfier-382);padding:7px 11px;font-size:11px;font-weight:400}td{vertical-align:top;border-bottom:1px solid #ece9e3;padding:9px 11px}tr.klikbaar{cursor:pointer}tr.klikbaar:hover td{background:var(--tufsteen)}td.getal,th.getal{text-align:right;font-variant-numeric:tabular-nums}.stappen{flex-wrap:wrap;gap:4px;margin-bottom:29px;display:flex}.stappen button{background:var(--wit);color:var(--porfier-618);box-shadow:none;border-radius:var(--r-klein);min-height:36px;font-weight:400}.stappen button.actief{background:var(--porfier);color:var(--tufsteen)}.stappen button.klaar:before{content:"✓";color:var(--menie)}.voortgang{background:var(--wit);border-radius:var(--r);align-items:center;gap:11px;margin-bottom:18px;padding:18px;display:flex}.voortgang .bol{background:var(--menie);border-radius:50%;width:11px;height:11px;animation:1.618s ease-in-out infinite puls}@keyframes puls{50%{opacity:.25}}.bevinding{border-bottom:1px solid #ece9e3;padding:7px 0;font-size:14px}.bevinding b{font-weight:500}.bevinding.fout b{color:var(--menie-diep)}.bevinding.waarschuwing b{color:var(--oranje)}.voorbeeld{max-width:38em;font-size:17px;line-height:1.618}.voorbeeld h2{margin:47px 0 11px;font-size:29px}.voorbeeld h3{margin:29px 0 7px;font-size:20px}.voorbeeld .blok{border-left:2px solid var(--menie);background:var(--tufsteen);margin:18px 0;padding:7px 18px}.voorbeeld blockquote{font-family:var(--serif);margin:29px 0;font-size:23px}.voorbeeld .kortantwoord{font-size:19px;font-weight:500}.blokbewerken{border:1px dashed var(--porfier-382);border-radius:var(--r-klein);margin:11px 0;padding:11px}.piramide-argument{border-left:2px solid var(--porfier);margin-bottom:29px;padding-left:18px}.teller{font-family:var(--mono);font-size:12px}.teller.fout{color:var(--menie-diep)}.inloggen{grid-template-columns:1.618fr 1fr;min-height:100vh;display:grid}.inloggen .vlak{background:var(--porfier);color:var(--tufsteen);flex-direction:column;justify-content:flex-end;padding:clamp(29px,6vw,123px);display:flex}.inloggen .vlak .logo{width:199px;height:auto;margin-bottom:auto;padding-bottom:47px;display:block}.inloggen .vlak h1{font-size:clamp(47px,6.18vw,97px);line-height:1.128}.inloggen .vlak h1 span{color:var(--menie-licht)}.inloggen form{align-self:center;padding:clamp(29px,6vw,76px)}.media-raster{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:11px;display:grid}.media-raster button{border-radius:var(--r-klein);background:0 0;border:2px solid #0000;min-height:0;padding:0;display:block;overflow:hidden}.media-raster button.gekozen{border-color:var(--menie)}.media-raster img{aspect-ratio:1.618;object-fit:cover;width:100%;display:block}@media (width<=900px){.app{grid-template-columns:1fr}.zijbalk{height:auto;position:static}.kolommen,.inloggen{grid-template-columns:1fr}.inloggen .vlak .logo{width:123px;padding-bottom:29px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.handleiding-raster{grid-template-columns:220px 1fr;align-items:start;gap:47px;display:grid}.handleiding-inhoud{max-height:calc(100vh - 36px);padding-right:7px;font-size:14px;position:sticky;top:18px;overflow-y:auto}.handleiding-inhoud a{color:var(--porfier-618);padding:3px 0;text-decoration:none;display:block}.handleiding-inhoud a:hover{color:var(--menie-diep)}.handleiding-inhoud a.hfd{color:var(--porfier);margin-top:18px;font-weight:500}.handleiding-inhoud a.hfd .label{margin-right:4px}.handleiding-inhoud a.sec{padding-left:25px}.handleiding{max-width:42em;font-size:16px}.handleiding h1{border-top:1px solid var(--menie);margin:76px 0 18px;padding-top:29px;scroll-margin-top:18px;font-size:38px}.handleiding h1:first-child{border-top:0;margin-top:0;padding-top:0}.handleiding h2{margin:47px 0 11px;scroll-margin-top:18px;font-size:26px}.handleiding h3{margin:29px 0 7px;scroll-margin-top:18px;font-size:17px}.handleiding ul,.handleiding ol{margin:0 0 11px;padding-left:22px}.handleiding li{margin-bottom:4px}.handleiding li::marker{color:var(--menie)}.handleiding table{background:var(--wit);border-radius:var(--r-klein);margin:11px 0 29px}.handleiding td:first-child{width:30%;font-weight:500}.handleiding blockquote{border-left:2px solid var(--menie);background:var(--wit);margin:18px 0 29px;padding:11px 18px}.handleiding blockquote p:last-child{margin:0}.handleiding code{font-family:var(--mono);background:var(--wit);border-radius:3px;padding:1px 5px;font-size:13px}.handleiding pre{background:var(--wit);border-radius:var(--r-klein);padding:11px 18px;font-size:13px;overflow-x:auto}.handleiding pre code{padding:0}.hulp-link{color:var(--porfier-618);font-size:14px}@media (width<=900px){.handleiding-raster{grid-template-columns:1fr}.handleiding-inhoud{max-height:none;position:static}}.tabel-scroll{margin:18px 0 11px;overflow-x:auto}table.clusters td,table.clusters th{vertical-align:top;padding:11px 7px}table.clusters th{text-align:left}table.clusters .getal{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.clusters details{margin-top:4px}table.clusters details p{margin:4px 0}.mono{font-family:var(--mono);font-size:12px}.pil.rand{box-shadow:inset 0 0 0 1px var(--porfier-382);background:0 0}.filters{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.filters button{padding:4px 11px;font-size:13px}.voortgangsbalk{background:var(--tufsteen);border-radius:3px;max-width:320px;height:6px;margin:7px 0 4px;display:flex;overflow:hidden}.voortgangsbalk span{height:100%;display:block}.invoer-rij{align-items:center;gap:11px;display:flex}.invoer-rij>input,.invoer-rij>select{flex:auto;width:auto;min-width:0}.invoer-rij>button{white-space:nowrap;flex:none}.themas{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.themas>button{color:var(--porfier);box-shadow:inset 0 0 0 1px var(--porfier-382);background:0 0;border:0;padding:4px 10px;font-size:13px}.themas>button.aan{background:var(--porfier);color:var(--tufsteen);box-shadow:none}.themas>button.los{background:var(--porfier-618)}.themas input{padding:4px 8px;font-size:13px}.filterbalk{flex-wrap:wrap;align-items:center;gap:7px;margin:11px 0 18px;display:flex}.filterbalk input{flex:220px;width:auto;min-width:0}.filterbalk select{flex:0 auto;width:auto}th button.sorteer{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;box-shadow:none;white-space:nowrap;background:0 0;border:0;padding:0}th button.sorteer span{color:var(--porfier-382)}th button.sorteer.actief{color:var(--porfier)}th button.sorteer.actief span{color:var(--menie)}th.getal button.sorteer{margin-left:auto}dialog.bevestig{border-radius:var(--r);background:var(--wit);width:min(34em,100vw - 36px);color:var(--porfier);border:0;padding:29px}dialog.bevestig::backdrop{background:#2414189e}dialog.bevestig h3{margin:0 0 11px}dialog.bevestig p{color:var(--porfier-618);margin:0 0 29px}