:where(:root){--brand-primary-900: #2d2768;--brand-primary-950: #1c1943;--brand-secondary-50: #effafa;--brand-secondary-100: #def4f4;--brand-secondary-300: #95dcdf;--brand-secondary-400: #56c5ca;--brand-secondary-500: #00afb5;--brand-secondary-600: #009196;--brand-secondary-700: #00777b;--cta-500: #e4744c;--gray-50: #fafafa;--gray-100: #f1f3f8;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #111111;--white: #ffffff;--white-a-700: #ffffff33;--font-heading: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-5xl: 40px;--lh-shorter: 18px;--lh-short: 24px;--lh-moderate: 28px;--lh-tall: 32px;--lh-h2: 46px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--ls-wide: 0.4px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-3xl: 24px;--r-4xl: 32px;--r-full: 9999px;--sp-05: 2px;--sp-1: 4px;--sp-15: 6px;--sp-2: 8px;--sp-25: 10px;--sp-3: 12px;--sp-35: 14px;--sp-4: 16px;--sp-45: 18px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-9: 36px;--sp-10: 40px;--sp-11: 44px;--sp-12: 48px;--sp-14: 56px;--sp-16: 64px;--success-600: #16a34a;--error-50: #fef2f2;--error-700: #991919;--sh-sm: 0 2px 4px #18181b1a, 0 0 1px #18181b4d;--sh-card: 0 8px 16px #18181b1a, 0 0 1px #18181b4d;--ease: cubic-bezier(.2, .7, .2, 1);--maxw: 1360px}:where(.quiz-overlay .btn){display:inline-flex;align-items:center;gap:var(--sp-25);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5);border:0;border-radius:var(--r-lg);font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:var(--lh-short);letter-spacing:var(--ls-wide);white-space:nowrap;cursor:pointer;--btn-hover: var(--gray-100);--btn-ink: var(--brand-primary-900);color:var(--btn-ink);transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),transform .25s var(--ease)}:where(.quiz-overlay .btn:hover),:where(.quiz-overlay .btn:focus-visible){background-color:var(--btn-hover)}:where(.quiz-overlay .btn:active){transform:scale(0.99)}:where(.quiz-overlay .btn .ic){width:30px;height:30px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);line-height:1;flex:none}:where(.quiz-overlay .btn .ic i),:where(.quiz-overlay .matcard .mc-arrow i){transition:transform .2s var(--ease)}:where(.quiz-overlay .btn:hover .ic i),:where(.quiz-overlay .matcard:hover .mc-arrow i){transform:translateX(2px)}:where(.quiz-overlay .btn:hover .ic .fa-arrow-up-right),:where(.quiz-overlay .matcard:hover .mc-arrow .fa-arrow-up-right){transform:rotate(45deg)}:where(.quiz-overlay .btn:hover .ic .fa-turn-down-left),:where(.quiz-overlay .btn:hover .ic .fa-arrow-left),:where(.quiz-overlay .btn:hover .ic .fa-arrow-turn-down-left){transform:translateX(-2px)}:where(.quiz-overlay .btn-teal){background:var(--brand-secondary-500);--btn-ink: var(--brand-primary-950);--btn-hover: var(--brand-secondary-600)}:where(.quiz-overlay .btn-teal:hover),:where(.quiz-overlay .btn-teal:focus-visible){--btn-ink: var(--white)}:where(.quiz-overlay .btn-teal .ic){background:var(--brand-primary-950);color:var(--white)}:where(.quiz-overlay .btn-outline){background:rgba(0,0,0,0);border:1px solid var(--gray-200);padding:7px 7px 7px 19px;--btn-ink: var(--brand-primary-900);--btn-hover: var(--gray-100)}:where(.quiz-overlay .btn-outline:hover),:where(.quiz-overlay .btn-outline:focus-visible){border-color:var(--gray-300)}:where(.quiz-overlay .btn-outline .ic){background:var(--brand-primary-900);color:var(--white)}:where(.quiz-overlay .ic-tile){display:inline-flex;align-items:center;justify-content:center;flex:none;width:50px;height:50px;border-radius:var(--r-2xl);font-size:var(--fs-xl)}:where(.quiz-overlay .ic-tile-teal){background:var(--brand-secondary-500);color:var(--white)}:where(.quiz-overlay .pill){display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-25);border-radius:var(--r-full);background:var(--white-a-700);color:var(--white);font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide)}:where(.quiz-overlay .h5){font-family:var(--font-body);font-weight:var(--fw-medium);font-size:var(--fs-lg);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--brand-primary-900)}:where(.quiz-overlay .matcard){display:flex;flex-direction:column;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-3xl);padding:var(--sp-25) var(--sp-25) 0;overflow:hidden;transition:border-color .25s var(--ease),background-color .25s var(--ease)}:where(.quiz-overlay .matcard .mc-img){height:183px;border-radius:var(--r-xl);overflow:hidden;background:var(--gray-200)}:where(.quiz-overlay .matcard .mc-img img){width:100%;height:100%;object-fit:cover;display:block}:where(.quiz-overlay .matcard .mc-body){display:flex;align-items:center;justify-content:space-between;gap:var(--sp-25);padding:var(--sp-4)}:where(.quiz-overlay .matcard .mc-txt){display:flex;flex-direction:column;gap:var(--sp-05);min-width:0}:where(.quiz-overlay .matcard .mc-t){font-family:var(--font-heading);font-weight:var(--fw-medium);font-size:var(--fs-2xl);line-height:var(--lh-tall);color:var(--brand-primary-900)}:where(.quiz-overlay .matcard .mc-s){font-size:var(--fs-md);line-height:var(--lh-short);color:var(--gray-500)}:where(.quiz-overlay .matcard .mc-arrow){width:40px;height:40px;flex:none;border:1px solid var(--gray-100);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);color:var(--gray-950)}@media(hover: hover){:where(.quiz-overlay .zoom){overflow:hidden}:where(.quiz-overlay .zoom>img){transition:transform .5s var(--ease)}:where(.quiz-overlay .zoom:hover>img),:where(.quiz-overlay a:hover .zoom>img){transform:scale(1.05)}}.quiz-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:safe center;padding:var(--sp-8) var(--sp-5);background:rgba(28,25,67,.7019607843);overflow-y:auto;overscroll-behavior:contain;opacity:0;transition:opacity .25s var(--ease)}.quiz-overlay.open{opacity:1}.quiz-overlay[hidden]{display:none}.admin-bar .quiz-overlay{top:32px}@media screen and (max-width: 782px){.admin-bar .quiz-overlay{top:46px}}.quiz-card{position:relative;width:100%;max-width:720px;max-height:min(100%,860px);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-4xl);background:var(--white);box-shadow:var(--sh-card);transform:translateY(12px) scale(0.98);transition:transform .3s var(--ease)}.quiz-overlay.open .quiz-card{transform:none}.quiz-overlay.is-result .quiz-card{max-width:1360px;max-height:min(100%,1120px)}.quiz-overlay.is-result .quiz-head{display:none}.quiz-overlay.is-result .quiz-body{padding:var(--sp-14) var(--sp-14) 0;gap:var(--sp-10)}.quiz-overlay.is-result .quiz-foot{justify-content:center;padding:var(--sp-10) var(--sp-14) var(--sp-14);border-top:0}@media(prefers-reduced-motion: reduce){.quiz-overlay,.quiz-card{transition:none}.quiz-card{transform:none}}.quiz-head{display:flex;align-items:center;gap:var(--sp-4);flex:none;padding:var(--sp-6) var(--sp-8);padding-right:76px;border-bottom:1px solid var(--gray-100)}.quiz-head .ic-tile{width:46px;height:46px;border-radius:var(--r-lg);font-size:var(--fs-md)}.quiz-head-txt{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.quiz-t{margin:0;color:var(--brand-primary-900)}.quiz-s{font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide);color:var(--gray-600)}.quiz-close{position:absolute;top:var(--sp-6);right:var(--sp-6);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:0;border-radius:var(--r-full);background:var(--gray-100);color:var(--brand-primary-900);font-size:var(--fs-sm);cursor:pointer;transition:background-color .2s var(--ease)}.quiz-close:hover{background:var(--gray-200)}.quiz-body{display:flex;flex-direction:column;gap:var(--sp-6);flex:1 1 auto;min-height:0;padding:var(--sp-8);overflow-y:auto;overscroll-behavior:contain}.quiz-q{display:flex;flex-direction:column;gap:var(--sp-1)}.quiz-q-t{margin:0;font-family:var(--font-heading);font-weight:var(--fw-medium);font-size:var(--fs-2xl);line-height:var(--lh-tall);letter-spacing:var(--ls-wide);color:var(--brand-primary-900)}.quiz-q-h{margin:0;font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide);color:var(--gray-500)}.quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.quiz-opt{display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center;min-height:78px;padding:var(--sp-4);border:1px solid var(--gray-100);border-radius:var(--r-2xl);background:var(--white);text-align:left;cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.quiz-opt-row{display:flex;align-items:center;gap:var(--sp-3)}.quiz-opt-ic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:var(--r-xl);background:var(--gray-50);color:var(--brand-secondary-500);font-size:var(--fs-md);transition:background-color .2s var(--ease),color .2s var(--ease)}.quiz-opt-l{min-width:0;font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--brand-primary-900)}.quiz-opt:not(:disabled):hover{border-color:var(--brand-secondary-300)}.quiz-opt.is-on{background:var(--brand-secondary-100);border-color:var(--brand-secondary-500)}.quiz-opt.is-on .quiz-opt-ic{background:var(--brand-secondary-500);color:var(--white);font-size:var(--fs-lg)}.quiz-opt.is-off{cursor:not-allowed}.quiz-opt.is-off .quiz-opt-row{opacity:.5}.quiz-opt-warn{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-lg);background:var(--error-50);color:var(--error-700);font-size:var(--fs-xs);line-height:1.4;letter-spacing:var(--ls-wide)}.quiz-opt-warn i{flex:none;margin-top:2px}.quiz-hint{position:relative;z-index:1;flex:none;height:0}.quiz-hint::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(to top, var(--white), rgba(255, 255, 255, 0));opacity:0;transition:opacity .2s var(--ease);pointer-events:none}.quiz-card.is-scroll .quiz-hint::after{opacity:1}@media(prefers-reduced-motion: reduce){.quiz-hint::after{transition:none}}.quiz-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);flex:none;padding:var(--sp-5) var(--sp-8);border-top:1px solid var(--gray-100)}.quiz-overlay .btn{padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5)}.quiz-overlay .btn-outline{padding:7px 7px 7px 19px}.quiz-overlay .btn-back{padding:7px 19px 7px 7px}.quiz-overlay .btn-back::before{right:auto;left:23px;translate:-50% -50%}.quiz-overlay .btn-outline .ic{background:var(--brand-secondary-500);color:var(--white)}.quiz-overlay .btn-back:hover .ic i{transform:translateX(-2px)}.quiz-overlay .btn:disabled{opacity:.3;pointer-events:none;border-color:var(--gray-300)}.quiz-dots{display:flex;align-items:center;gap:var(--sp-2)}.quiz-dots span{width:8px;height:8px;border-radius:var(--r-full);background:var(--gray-300);transition:width .25s var(--ease),background-color .25s var(--ease)}.quiz-dots span.on{width:22px;background:var(--brand-secondary-500)}.quiz-restart{display:inline-flex;align-items:center;gap:var(--sp-2);padding:0;border:0;background:none;font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide);color:var(--gray-600);cursor:pointer;transition:color .2s var(--ease)}.quiz-restart:hover{color:var(--brand-secondary-600)}.quiz-label{display:flex;justify-content:center}.quiz-overlay .pill-teal{gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--brand-secondary-100);color:var(--brand-secondary-600)}.quiz-overlay .pill-teal i{font-size:var(--fs-xs)}.quiz-badge{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--brand-secondary-500);color:var(--white);font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide);white-space:nowrap}.quiz-best{display:flex;align-items:flex-start;gap:var(--sp-10);padding:var(--sp-12);border:2px solid var(--brand-secondary-500);border-radius:var(--r-4xl);background:var(--white);text-align:left}.quiz-best-img{flex:none;width:360px;height:320px;border-radius:var(--r-3xl);overflow:hidden;background:var(--brand-secondary-50)}.quiz-best-img img{width:100%;height:100%;object-fit:cover;display:block}.quiz-best-body{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;gap:var(--sp-4);min-width:0}.quiz-best-t{margin:0;font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-5xl);line-height:var(--lh-h2);letter-spacing:var(--ls-wide);color:var(--brand-primary-900)}.quiz-best-s{margin:0;width:100%;color:var(--gray-600)}.quiz-reden-wrap{display:flex;flex-direction:column;gap:var(--sp-3);width:100%}.quiz-reden-kop{margin:0;font-weight:var(--fw-bold);font-size:var(--fs-xl);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-950)}.quiz-redenen{columns:2;column-gap:0;margin-bottom:calc(var(--sp-3)*-1)}.quiz-reden{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0;padding-right:var(--sp-3);break-inside:avoid;margin-bottom:var(--sp-3)}.quiz-reden-q{font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-800)}.quiz-reden-a{display:flex;align-items:center;gap:var(--sp-15);font-size:var(--fs-md);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-800)}.quiz-reden-a i{flex:none;color:var(--success-600)}.quiz-reden-a.is-off i{color:var(--gray-300)}.quiz-acties{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.quiz-best .quiz-acties{justify-content:flex-start;width:100%;margin-top:var(--sp-3)}.quiz-alts{display:flex;flex-direction:column;gap:var(--sp-3)}.quiz-alts-kop{margin:0;text-align:center;font-size:var(--fs-sm);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide);color:var(--gray-500)}.quiz-alts-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--sp-6)}.quiz-altcard{position:relative;text-decoration:none}.quiz-altcard .quiz-badge{position:absolute;top:20px;right:20px;z-index:1}.quiz-leeg{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center}.quiz-leeg p{margin:0;color:var(--gray-600)}.quiz-stop{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center}.quiz-stop-t{margin:0;font-family:var(--font-heading);font-weight:var(--fw-semibold);font-size:var(--fs-2xl);line-height:var(--lh-tall);letter-spacing:var(--ls-wide);color:var(--brand-primary-900)}.quiz-stop-s{margin:0;max-width:60ch;color:var(--gray-600)}.quiz-leeg .quiz-stop-t{margin-top:var(--sp-1)}.quiz-uit{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);border:1px solid var(--gray-100);border-radius:var(--r-2xl);background:var(--gray-50)}.quiz-uit-kop{display:flex;align-items:center;gap:var(--sp-2);margin:0;font-weight:var(--fw-bold);font-size:var(--fs-md);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-800)}.quiz-uit-kop i{color:var(--gray-500)}.quiz-uit-rij{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--white);border-left:3px solid var(--gray-200)}.quiz-uit-rij.is-verboden{border-left-color:var(--error-700)}.quiz-uit-rij.is-niet_mogelijk{border-left-color:#9a6414}.quiz-uit-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.quiz-uit-naam{font-size:var(--fs-md);line-height:var(--lh-short);color:var(--gray-900)}.quiz-uit-tag i{margin-right:var(--sp-1);font-size:var(--fs-xs)}.quiz-uit-tag{flex:none;min-width:74px;padding:var(--sp-05) var(--sp-2);border-radius:var(--r-full);text-align:center;font-weight:var(--fw-bold);font-size:var(--fs-xs);line-height:var(--lh-shorter);letter-spacing:var(--ls-wide)}.quiz-uit-tag.is-verboden{background:var(--error-50);color:var(--error-700)}.quiz-uit-tag.is-niet_mogelijk{background:#fdf4e3;color:#9a6414}.quiz-uit-txt{min-width:0;font-size:var(--fs-sm);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-600)}.quiz-uit-txt b{color:var(--gray-900)}.quiz-voet{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);line-height:var(--lh-short);letter-spacing:var(--ls-wide);color:var(--gray-500)}.quiz-voet i{flex:none;line-height:var(--lh-short)}@media(max-width: 1200px){.quiz-overlay.is-result .quiz-body{padding:var(--sp-8) var(--sp-8) 0;gap:var(--sp-8)}.quiz-overlay.is-result .quiz-foot{padding:var(--sp-6) var(--sp-8) var(--sp-8)}.quiz-best{padding:var(--sp-8);gap:var(--sp-8)}.quiz-best-img{width:280px;height:249px}}@media(max-width: 900px){.quiz-best{flex-direction:column}.quiz-best-img{width:100%;max-width:none;height:200px;aspect-ratio:auto}.quiz-alts-row{grid-template-columns:1fr 1fr}}@media(max-width: 720px){.quiz-overlay{padding:var(--sp-3);max-height:100dvh}.quiz-card{max-height:100%;border-radius:var(--r-2xl)}.quiz-head{padding:var(--sp-4) var(--sp-5);padding-right:64px}.quiz-head .ic-tile{width:40px;height:40px}.quiz-body{padding:var(--sp-5);gap:var(--sp-5)}.quiz-foot{padding:var(--sp-4) var(--sp-5)}.quiz-close{top:var(--sp-4);right:var(--sp-4)}.quiz-opts{grid-template-columns:1fr}.quiz-q-t{font-size:var(--fs-xl);line-height:var(--lh-moderate)}.quiz-overlay.is-result .quiz-body{padding:var(--sp-5) var(--sp-5) 0;gap:var(--sp-5)}.quiz-overlay.is-result .quiz-foot{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.quiz-best{padding:var(--sp-5) var(--sp-4);gap:var(--sp-5)}.quiz-best-t{font-size:var(--fs-2xl);line-height:var(--lh-tall)}.quiz-reden-kop{font-size:var(--fs-lg)}.quiz-redenen{columns:1}.quiz-reden{padding-right:0}.quiz-alts-row{grid-template-columns:1fr}.quiz-acties .btn{flex:1 1 100%;justify-content:center}.quiz-uit{padding:var(--sp-4)}.quiz-uit-top{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.quiz-uit-tag{min-width:0;align-self:flex-start}.quiz-stop-t{font-size:var(--fs-xl);line-height:var(--lh-moderate)}}@media(max-width: 600px){.quiz-dots{display:none}}