:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f5f6f8)var(--lightningcss-dark,#0e1116);--panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#171b22);--text:var(--lightningcss-light,#14171c)var(--lightningcss-dark,#e8ebf0);--muted:var(--lightningcss-light,#5a6270)var(--lightningcss-dark,#9aa4b2);--line:var(--lightningcss-light,#dde1e8)var(--lightningcss-dark,#2a303b);--accent:var(--lightningcss-light,#0b57d0)var(--lightningcss-dark,#8ab4ff);--good:var(--lightningcss-light,#13683a)var(--lightningcss-dark,#6fd49a);--bad:var(--lightningcss-light,#a1261b)var(--lightningcss-dark,#ff9a90);--radius:.75rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.shell{min-height:100dvh;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));grid-template-rows:auto 1fr auto;max-inline-size:72rem;margin-inline:auto;padding-block-end:env(safe-area-inset-bottom);display:grid}.top{padding-block:clamp(1.25rem,4vw,2.5rem) 1rem}h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,1.1rem + 2vw,2.25rem)}h2{margin:0 0 .5rem;font-size:1.125rem}.tagline{color:var(--muted);margin:.25rem 0 0}.content{align-content:start;container-type:inline-size}.cards{gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem}@container (width>=40rem){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.goed{color:var(--good);margin:0}.fout{color:var(--bad);margin:0 0 .75rem}.leeg{color:var(--muted);margin:0}.bronnen{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.bronnen li{border-block-end:1px solid var(--line);justify-content:space-between;gap:1rem;padding-block:.5rem;display:flex}.meta{color:var(--muted);font-size:.875rem}button{font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:.5rem;min-block-size:2.75rem;padding:.5rem 1rem}button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.bottom{color:var(--muted);padding-block:1.5rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
