:root{--vraagbaak-var-color-conceptual: #4338ca;--vraagbaak-var-color-conceptual-darker: #312e81;--vraagbaak-var-color-conceptual-lighter: #e0e7ff;--vraagbaak-var-color-spirit: #e0e7ff;--vraagbaak-var-color-spirit-darker: #c7d2fe;--vraagbaak-var-color-spirit-lighter: #eef2ff;--vraagbaak-var-color-success: #0ae06b;--vraagbaak-var-color-success-darker: #07a951;--vraagbaak-var-color-success-lighter: #c8f8de;--vraagbaak-var-color-warning: #f7b917;--vraagbaak-var-color-warning-darker: #d59e05;--vraagbaak-var-color-warning-lighter: #fdedc1;--vraagbaak-var-color-alert: #b6000a;--vraagbaak-var-color-alert-darker: #910008;--vraagbaak-var-color-alert-lighter: #fceaeb;--vraagbaak-var-color-knowledge-darker: #172033;--vraagbaak-var-color-knowledge: #243047;--vraagbaak-var-color-knowledge-lighter: #e2e8f0;--vraagbaak-var-color-honesty-darker: #1d93c1;--vraagbaak-var-color-honesty: #23afe6;--vraagbaak-var-color-honesty-lighter: #e0f4fb;--vraagbaak-var-color-legend: #fb7c1c;--vraagbaak-var-color-legend-darker: #bc5d15;--vraagbaak-var-color-legend-lighter: #fee2cc;--vraagbaak-var-color-uplifting: #942fea;--vraagbaak-var-color-uplifting-darker: #6f23b0;--vraagbaak-var-color-uplifting-lighter: #ead5fb;--vraagbaak-var-color-black: #0c0f16;--vraagbaak-var-color-dark: #191e1f;--vraagbaak-var-color-gray-800: #495057;--vraagbaak-var-color-gray-600: #6d7881;--vraagbaak-var-color-gray-500: #9ca7b0;--vraagbaak-var-color-gray-400: #d6d6d6;--vraagbaak-var-color-gray-200: #ededed;--vraagbaak-var-color-gray-100: #f8f9fa;--vraagbaak-var-color-white: #ffffff;--vraagbaak-var-spacing-base: 4px;--vraagbaak-var-spacing-1: 4px;--vraagbaak-var-spacing-2: 8px;--vraagbaak-var-spacing-3: 12px;--vraagbaak-var-spacing-4: 16px;--vraagbaak-var-spacing-5: 20px;--vraagbaak-var-spacing-6: 24px;--vraagbaak-var-spacing-7: 28px;--vraagbaak-var-spacing-8: 32px;--vraagbaak-var-spacing-9: 36px;--vraagbaak-var-spacing-10: 40px;--vraagbaak-var-font-family: system-ui, -apple-system, "Segoe UI", sans-serif;--vraagbaak-var-font-size-h1: 22px;--vraagbaak-var-font-size-h2: 18px;--vraagbaak-var-font-size-normal: 14px;--vraagbaak-var-font-size-small: 12px;--vraagbaak-var-font-weight-regular: 400;--vraagbaak-var-font-weight-bold: 600}:root{color-scheme:light;font-family:var(--vraagbaak-var-font-family);font-size:var(--vraagbaak-var-font-size-normal);font-weight:var(--vraagbaak-var-font-weight-regular);--spot-color-action-primary: var(--vraagbaak-var-color-conceptual);--spot-color-action-primary-hover: var(--vraagbaak-var-color-conceptual-darker);--spot-color-action-accent: var(--vraagbaak-var-color-spirit);--spot-color-action-accent-hover: var(--vraagbaak-var-color-spirit-darker);--spot-color-action-accent-text: var(--vraagbaak-var-color-knowledge-darker);--spot-color-focus: var(--vraagbaak-var-color-conceptual);--spot-color-input-border: var(--vraagbaak-var-color-gray-600);--spot-color-canvas: var(--vraagbaak-var-color-gray-100);--spot-color-surface: var(--vraagbaak-var-color-white);--spot-color-surface-muted: var(--vraagbaak-var-color-gray-100);--spot-color-border: var(--vraagbaak-var-color-gray-400);--spot-color-border-soft: var(--vraagbaak-var-color-gray-200);--spot-color-text: var(--vraagbaak-var-color-gray-800);--spot-color-text-muted: var(--vraagbaak-var-color-gray-800);--spot-color-heading: var(--vraagbaak-var-color-knowledge);--spot-color-success: color-mix(in srgb, var(--vraagbaak-var-color-success-darker) 60%, var(--vraagbaak-var-color-black));--spot-color-success-bg: var(--vraagbaak-var-color-success-lighter);--spot-color-warning: color-mix(in srgb, var(--vraagbaak-var-color-warning-darker) 60%, var(--vraagbaak-var-color-black));--spot-color-warning-bg: var(--vraagbaak-var-color-warning-lighter);--spot-color-danger: var(--vraagbaak-var-color-alert);--spot-color-danger-hover: var(--vraagbaak-var-color-alert-darker);--spot-color-danger-bg: var(--vraagbaak-var-color-alert-lighter);--spot-color-disabled-bg: var(--vraagbaak-var-color-gray-200);--spot-color-disabled-text: var(--vraagbaak-var-color-gray-600);--spot-radius-none: 0;--spot-radius-sm: 4px;--spot-radius-md: 6px;--spot-radius-lg: 8px;--spot-radius-xl: 16px;--spot-radius-round: 1000px;--spot-shadow-surface: 0 1px 3px rgb(0 42 77 / 10%);--spot-shadow-popover: 0 8px 24px rgb(0 42 77 / 16%);--spot-shadow-dialog: 0 20px 64px rgb(0 29 52 / 24%);--spot-motion-fast: .12s ease;--spot-content-max: 1440px;--color-page-bg: var(--spot-color-canvas);--color-surface: var(--spot-color-surface);--color-surface-muted: var(--spot-color-surface-muted);--color-row-hover: var(--vraagbaak-var-color-honesty-lighter);--color-border: var(--spot-color-border);--color-border-soft: var(--spot-color-border-soft);--color-border-muted: var(--spot-color-border-soft);--color-input-border: var(--spot-color-input-border);--color-text: var(--spot-color-text);--color-text-soft: var(--spot-color-text);--color-heading: var(--spot-color-heading);--color-label: var(--spot-color-heading);--color-muted: var(--spot-color-text-muted);--color-muted-strong: var(--spot-color-text-muted);--color-primary: var(--spot-color-action-primary);--color-primary-disabled: var(--spot-color-disabled-bg);--color-primary-accent: var(--spot-color-action-accent);--color-secondary-bg: var(--vraagbaak-var-color-knowledge-lighter);--color-secondary-text: var(--vraagbaak-var-color-knowledge);--color-danger: var(--spot-color-danger);--color-danger-bg: var(--spot-color-danger-bg);--color-danger-text: var(--spot-color-danger-hover);--color-error: var(--spot-color-danger);--color-success-bg: var(--spot-color-success-bg);--color-success-text: var(--spot-color-success);--color-warning-bg: var(--spot-color-warning-bg);--color-warning-text: var(--spot-color-warning);--color-neutral-bg: var(--spot-color-disabled-bg);--color-code-bg: var(--vraagbaak-var-color-knowledge-lighter);--color-code-text: var(--vraagbaak-var-color-knowledge);--color-sidebar-bg: var(--vraagbaak-var-color-knowledge);--color-sidebar-text: var(--vraagbaak-var-color-white);--color-sidebar-muted: var(--vraagbaak-var-color-knowledge-lighter);--color-sidebar-border: var(--vraagbaak-var-color-conceptual-darker);--color-sidebar-active: var(--vraagbaak-var-color-conceptual);--radius-sm: var(--spot-radius-md);--radius-md: var(--spot-radius-lg);--radius-pill: var(--spot-radius-round);--panel-padding: var(--vraagbaak-var-spacing-5);background:var(--spot-color-canvas);color:var(--spot-color-text)}*{box-sizing:border-box}html{background:var(--spot-color-canvas)}body{margin:0;min-width:320px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:1100;background:var(--spot-color-surface);color:var(--spot-color-heading);padding:var(--vraagbaak-var-spacing-3)}.skip-link:focus{transform:none}button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}body,button,input,select,textarea{font:inherit}h1,h2,h3,h4{color:var(--spot-color-heading);font-weight:var(--vraagbaak-var-font-weight-bold);line-height:1.3}h1{font-size:var(--vraagbaak-var-font-size-h1)}h2,h3{font-size:var(--vraagbaak-var-font-size-h2)}a{color:inherit}button,input,select,textarea,a,summary{transition:background-color var(--spot-motion-fast),border-color var(--spot-motion-fast),color var(--spot-motion-fast),box-shadow var(--spot-motion-fast)}button,[role=button]{font-weight:var(--vraagbaak-var-font-weight-bold)}input,select,textarea{background:var(--spot-color-surface);color:var(--spot-color-text)}::placeholder{color:var(--spot-color-text-muted);opacity:1}:where(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:3px solid var(--spot-color-focus);outline-offset:2px}:where(button,input,select,textarea):disabled{cursor:not-allowed}th{color:var(--spot-color-heading);font-size:var(--vraagbaak-var-font-size-small);font-weight:var(--vraagbaak-var-font-weight-bold);letter-spacing:.02em}.resource-link{color:var(--spot-color-action-primary);font-weight:var(--vraagbaak-var-font-weight-bold);text-decoration:none}.resource-link:hover{text-decoration:underline}.spot-button{align-items:center;border:1px solid transparent;border-radius:var(--spot-radius-lg);cursor:pointer;display:inline-flex;gap:var(--vraagbaak-var-spacing-2);justify-content:center;min-height:40px;padding:0 var(--vraagbaak-var-spacing-4);text-decoration:none}.spot-button--compact{min-height:32px;padding-inline:var(--vraagbaak-var-spacing-3)}.spot-button.spot-button--primary{background:var(--spot-color-action-primary);color:var(--spot-color-surface)}.spot-button--primary:hover:not(:disabled){background:var(--spot-color-action-primary-hover)}.spot-button.spot-button--accent{background:var(--spot-color-action-accent);color:var(--spot-color-action-accent-text)}.spot-button--accent:hover:not(:disabled){background:var(--spot-color-action-accent-hover)}.spot-button.spot-button--secondary{background:var(--spot-color-surface);border-color:var(--spot-color-action-primary);color:var(--spot-color-action-primary)}.spot-button.spot-button--tertiary{background:transparent;color:var(--spot-color-action-primary)}.spot-button.spot-button--link{background:transparent;color:var(--spot-color-action-primary);min-height:auto;padding:0;text-decoration:underline}.spot-button.spot-button--warning{background:var(--spot-color-warning-bg);border-color:var(--spot-color-warning);color:var(--spot-color-heading)}.spot-button.spot-button--destructive{background:var(--spot-color-danger);color:var(--spot-color-surface)}.spot-button--destructive:hover:not(:disabled){background:var(--spot-color-danger-hover)}.spot-button.spot-button--destructive-outline{background:var(--spot-color-surface);border-color:var(--spot-color-danger);color:var(--spot-color-danger)}.spot-button:disabled,.spot-button[aria-disabled=true]{background:var(--spot-color-disabled-bg);border-color:var(--spot-color-disabled-bg);color:var(--spot-color-disabled-text);cursor:not-allowed}.spot-input{border:1px solid var(--spot-color-input-border);border-radius:var(--spot-radius-lg);min-height:40px;padding:var(--vraagbaak-var-spacing-2) var(--vraagbaak-var-spacing-3);width:100%}.spot-input:hover:not(:disabled){border-color:var(--spot-color-action-primary)}.spot-input[aria-invalid=true]{border-color:var(--spot-color-danger)}.spot-panel{background:var(--spot-color-surface);border:1px solid var(--spot-color-border);border-radius:var(--spot-radius-lg);padding:var(--vraagbaak-var-spacing-5)}.spot-table-wrap{contain:paint;overflow-x:auto}.spot-table-wrap table{border-collapse:collapse;min-width:640px;width:100%}.spot-table-wrap :where(th,td){border-bottom:1px solid var(--spot-color-border-soft);padding:var(--vraagbaak-var-spacing-3);text-align:left}.spot-table-wrap tbody tr:hover{background:var(--color-row-hover)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}