/*
 * LekkenRadar – stijlen van het block theme.
 * Opbouw: 1. tokens (aliassen naar theme.json)  2. basis  3. componenten uit het design system  4. paginaonderdelen.
 * Breakpoints: mobiel tot 640 px, tablet 640–1023 px, desktop vanaf 1024 px.
 */

/* 1. Tokens ------------------------------------------------------------- */
:root{
--teal-900:var(--wp--preset--color--teal-900);--teal-800:var(--wp--preset--color--teal-800);--teal-700:var(--wp--preset--color--primair);--teal-500:var(--wp--preset--color--teal-500);--teal-300:var(--wp--preset--color--accent);--teal-100:var(--wp--preset--color--teal-100);--teal-50:var(--wp--preset--color--teal-50);
--paper:var(--wp--preset--color--achtergrond);--white:var(--wp--preset--color--kaart);
--sand-100:var(--wp--preset--color--sand-100);--sand-200:var(--wp--preset--color--sand-200);--sand-300:var(--wp--preset--color--sand-300);--sand-400:var(--wp--preset--color--sand-400);
--ink-900:var(--wp--preset--color--tekst);--ink-700:var(--wp--preset--color--ink-700);--ink-500:var(--wp--preset--color--ink-500);--ink-300:var(--wp--preset--color--ink-300);
--sev-critical:var(--wp--custom--ernst--kritiek--kleur);--sev-critical-fg:var(--wp--custom--ernst--kritiek--tekst);--sev-critical-bg:var(--wp--custom--ernst--kritiek--achtergrond);--sev-critical-border:var(--wp--custom--ernst--kritiek--rand);
--sev-high:var(--wp--custom--ernst--hoog--kleur);--sev-high-fg:var(--wp--custom--ernst--hoog--tekst);--sev-high-bg:var(--wp--custom--ernst--hoog--achtergrond);--sev-high-border:var(--wp--custom--ernst--hoog--rand);
--sev-medium:var(--wp--custom--ernst--middel--kleur);--sev-medium-fg:var(--wp--custom--ernst--middel--tekst);--sev-medium-bg:var(--wp--custom--ernst--middel--achtergrond);--sev-medium-border:var(--wp--custom--ernst--middel--rand);
--sev-low:var(--wp--custom--ernst--laag--kleur);--sev-low-fg:var(--wp--custom--ernst--laag--tekst);--sev-low-bg:var(--wp--custom--ernst--laag--achtergrond);--sev-low-border:var(--wp--custom--ernst--laag--rand);
--background:var(--paper);--surface:var(--white);--surface-page:var(--paper);--surface-card:var(--white);--surface-sunken:var(--sand-100);--surface-hover:var(--sand-100);--surface-brand:var(--teal-700);--surface-brand-subtle:var(--teal-50);--surface-inverse:var(--ink-900);
--text-strong:var(--ink-900);--text-body:var(--ink-900);--text-muted:var(--ink-700);--text-subtle:var(--ink-500);--text-disabled:var(--ink-300);--text-on-brand:var(--white);--text-link:var(--teal-700);--text-link-hover:var(--teal-900);--text-brand:var(--teal-700);
--border-subtle:var(--sand-200);--border-default:var(--sand-300);--border-strong:var(--sand-400);--border-focus:var(--teal-700);--border-selected:var(--teal-300);--border-hover-accent:var(--teal-300);
--text-error:var(--wp--custom--fout--tekst);--border-error:var(--wp--custom--fout--rand);
--action-primary:var(--teal-700);--action-primary-hover:var(--teal-800);--action-primary-active:var(--teal-900);--action-secondary-bg:var(--white);--action-secondary-hover:var(--teal-50);
--focus-ring:var(--wp--custom--focus);
--font-sans:var(--wp--preset--font-family--sans);--font-mono:var(--wp--preset--font-family--mono);
--weight-regular:400;--weight-medium:500;--weight-semibold:600;
--text-display:44px;--lh-display:52px;--text-h1:34px;--lh-h1:42px;--text-h2:26px;--lh-h2:34px;--text-h3:20px;--lh-h3:28px;--text-h4:17px;--lh-h4:24px;--text-lead:19px;--lh-lead:30px;--text-body-size:17px;--lh-body:28px;--text-sm:15px;--lh-sm:22px;--text-xs:13px;--lh-xs:18px;--text-mono-sm:13px;
--tracking-tight:-0.01em;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--container-max:var(--wp--custom--container);--gutter:var(--wp--custom--gutter);--control-sm:32px;--control-md:40px;--control-lg:48px;
--radius-sm:var(--wp--custom--radius--sm);--radius-md:var(--wp--custom--radius--md);--radius-lg:var(--wp--custom--radius--lg);--radius-pill:var(--wp--custom--radius--pill);
--shadow-sm:0 1px 2px rgba(28,43,43,.05);--shadow-md:var(--wp--preset--shadow--md);--shadow-overlay:var(--wp--preset--shadow--overlay);--scrim:rgba(28,43,43,.36);
--ease-standard:var(--wp--custom--beweging--curve);--duration-fast:var(--wp--custom--beweging--snel);--duration-base:var(--wp--custom--beweging--basis);--duration-slow:var(--wp--custom--beweging--traag);
--lr-pad:clamp(16px,4vw,24px);
}

/* 2. Basis -------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:92px}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--lh-body);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;color:var(--text-strong);text-wrap:balance}
h1{font-size:var(--text-h1);line-height:var(--lh-h1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
h2{font-size:var(--text-h2);line-height:var(--lh-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
h3{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--weight-medium)}
h4{font-size:var(--text-h4);line-height:var(--lh-h4);font-weight:var(--weight-semibold)}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0}
a{color:var(--text-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--text-link-hover);text-decoration-thickness:2px}
code,kbd,samp{font-family:var(--font-mono);font-size:.9em}
:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
::selection{background:var(--teal-100)}
img{max-width:100%;height:auto}
svg.lr-icon{display:inline-block;flex:none;vertical-align:middle}
.lr-mono{font-family:var(--font-mono)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:var(--white);clip:auto!important;clip-path:none;color:var(--text-strong);display:block;height:auto;left:8px;padding:12px 16px;top:8px;width:auto;z-index:100000}
.skip-link.screen-reader-text:focus{box-shadow:var(--shadow-overlay);border-radius:var(--radius-md)}
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.wp-site-blocks>main,.wp-site-blocks>.lr-main{flex:1 0 auto}
.lr-container{width:100%;max-width:calc(var(--container-max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--lr-pad)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* 3. Componenten (design system, ongewijzigd) ---------------------------- */
/* LekkenRadar component styles — class prefix lr- */

/* Icon (Lucide via CSS mask, inherits currentColor) */

/* Button */
.lr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-md);padding:0 18px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
.lr-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lr-btn--sm{height:var(--control-sm);padding:0 12px;font-size:var(--text-xs);gap:6px;border-radius:var(--radius-sm)}
.lr-btn--lg{height:var(--control-lg);padding:0 22px;font-size:16px}
.lr-btn--full{width:100%}
.lr-btn--primary{background:var(--action-primary);color:var(--text-on-brand)}
.lr-btn--primary:hover{background:var(--action-primary-hover);color:var(--text-on-brand)}
.lr-btn--primary:active{background:var(--action-primary-active)}
.lr-btn--secondary{background:var(--action-secondary-bg);color:var(--text-brand);border-color:var(--border-strong)}
.lr-btn--secondary:hover{background:var(--action-secondary-hover);border-color:var(--border-hover-accent);color:var(--teal-800)}
.lr-btn--secondary:active{background:var(--teal-100)}
.lr-btn--ghost{background:transparent;color:var(--text-body)}
.lr-btn--ghost:hover{background:var(--surface-hover);color:var(--text-strong)}
.lr-btn--ghost:active{background:var(--sand-200)}
.lr-btn--link{background:none;height:auto;padding:0;color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lr-btn--link:hover{color:var(--text-link-hover);text-decoration-thickness:2px}
.lr-btn:disabled,.lr-btn[aria-disabled="true"]{background:var(--sand-200);color:var(--text-disabled);border-color:transparent;cursor:not-allowed}
.lr-btn--link:disabled{background:none}

/* IconButton */
.lr-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
.lr-iconbtn:hover{background:var(--surface-hover);color:var(--text-strong)}
.lr-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lr-iconbtn--outline{border-color:var(--border-strong);background:var(--white)}
.lr-iconbtn--outline:hover{background:var(--teal-50);border-color:var(--border-hover-accent);color:var(--teal-800)}
.lr-iconbtn--sm{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-sm)}
.lr-iconbtn:disabled{color:var(--text-disabled);background:transparent;cursor:not-allowed}

/* Field / Input / Select */
.lr-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lr-label{font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:var(--weight-medium);color:var(--text-strong)}
.lr-help{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-subtle)}
.lr-error{font-size:var(--text-xs);line-height:var(--lh-xs);color:var(--text-error);display:flex;gap:6px;align-items:center}
.lr-inputwrap{position:relative;display:flex;align-items:center}
.lr-inputwrap>.lr-icon{position:absolute;left:12px;color:var(--text-subtle);pointer-events:none}
.lr-input,.lr-select{width:100%;height:var(--control-md);padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--white);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.lr-input--lg{height:var(--control-lg);font-size:16px}
.lr-input--icon{padding-left:38px}
.lr-input::placeholder{color:var(--text-subtle)}
.lr-input:hover,.lr-select:hover{border-color:var(--ink-300)}
.lr-input:focus,.lr-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
.lr-input[aria-invalid="true"]{border-color:var(--border-error)}
.lr-input:disabled,.lr-select:disabled{background:var(--sand-100);color:var(--text-disabled);cursor:not-allowed}
.lr-select{appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235F6B6A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}

/* Checkbox / Radio */
.lr-check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-body)}
.lr-check input{appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;border:1.5px solid var(--ink-300);background:var(--white);border-radius:5px;display:grid;place-items:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}
.lr-check input[type="radio"]{border-radius:50%}
.lr-check input:hover{border-color:var(--teal-700)}
.lr-check input:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lr-check input:checked{background:var(--teal-700);border-color:var(--teal-700)}
.lr-check input[type="checkbox"]:checked::after{content:"";width:10px;height:6px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.lr-check input[type="radio"]:checked{background:var(--white);border-width:5px}
.lr-check input:disabled{background:var(--sand-100);border-color:var(--sand-400);cursor:not-allowed}
.lr-check--disabled{color:var(--text-disabled);cursor:not-allowed}
.lr-check__desc{display:block;color:var(--text-subtle);font-size:var(--text-xs);line-height:var(--lh-xs);margin-top:2px}

/* Switch */
.lr-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--text-sm);color:var(--text-body)}
.lr-switch input{appearance:none;flex:none;width:36px;height:20px;margin:0;border-radius:999px;background:var(--sand-400);position:relative;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard)}
.lr-switch input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(28,43,43,.2);transition:transform var(--duration-base) var(--ease-standard)}
.lr-switch input:checked{background:var(--teal-700)}
.lr-switch input:checked::after{transform:translateX(16px)}
.lr-switch input:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lr-switch input:disabled{opacity:.5;cursor:not-allowed}

/* SegmentedControl */
.lr-seg{display:inline-flex;padding:3px;gap:2px;background:var(--sand-100);border:1px solid var(--border-subtle);border-radius:10px}
.lr-seg button{height:34px;padding:0 14px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}
.lr-seg button:hover{color:var(--text-strong)}
.lr-seg button[aria-pressed="true"]{background:var(--white);color:var(--teal-800);box-shadow:var(--shadow-sm),0 0 0 1px var(--border-default)}
.lr-seg button:focus-visible{outline:none;box-shadow:var(--focus-ring)}

/* Severity badge */
.lr-sev{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 9px;border-radius:var(--radius-sm);border:1px solid;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}
.lr-sev__dot{width:8px;height:8px;border-radius:2px;flex:none}
.lr-sev__score{font-family:var(--font-mono);font-weight:var(--weight-medium);padding-left:8px;border-left:1px solid currentColor;border-left-color:inherit}
.lr-sev--sm{height:24px;gap:6px;padding:0 8px 0 7px;font-size:12px}
.lr-sev--lg{height:36px;gap:10px;padding:0 14px 0 12px;font-size:var(--text-sm)}
.lr-sev--lg .lr-sev__dot{width:10px;height:10px}
.lr-sev--critical{background:var(--sev-critical-bg);color:var(--sev-critical-fg);border-color:var(--sev-critical-border)}.lr-sev--critical .lr-sev__dot{background:var(--sev-critical)}
.lr-sev--high{background:var(--sev-high-bg);color:var(--sev-high-fg);border-color:var(--sev-high-border)}.lr-sev--high .lr-sev__dot{background:var(--sev-high)}
.lr-sev--medium{background:var(--sev-medium-bg);color:var(--sev-medium-fg);border-color:var(--sev-medium-border)}.lr-sev--medium .lr-sev__dot{background:var(--sev-medium)}
.lr-sev--low{background:var(--sev-low-bg);color:var(--sev-low-fg);border-color:var(--sev-low-border)}.lr-sev--low .lr-sev__dot{background:var(--sev-low)}

/* Badge (status/meta — never severity) */
.lr-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-medium);line-height:1;white-space:nowrap}
.lr-badge--neutral{background:var(--sand-100);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-default)}
.lr-badge--brand{background:var(--teal-50);color:var(--teal-800);box-shadow:inset 0 0 0 1px #CFE7E2}
.lr-badge--solid{background:var(--teal-700);color:#fff}
.lr-badge--outline{background:transparent;color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-strong)}

/* Tag (product / leverancier) */
.lr-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--border-default);color:var(--text-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;text-decoration:none}
a.lr-tag:hover,button.lr-tag:hover{border-color:var(--border-hover-accent);color:var(--teal-800);background:var(--teal-50)}
.lr-tag--mono{font-family:var(--font-mono);font-weight:var(--weight-regular)}
.lr-tag--selected{background:var(--teal-50);border-color:var(--border-selected);color:var(--teal-800)}
.lr-tag__x{display:inline-flex;margin-right:-4px;padding:2px;border:0;background:none;color:inherit;cursor:pointer;border-radius:4px}
.lr-tag__x:hover{background:var(--sand-200)}
button.lr-tag{font-family:var(--font-sans);cursor:pointer}

/* Callout */
.lr-callout{display:flex;gap:14px;padding:18px 20px;border-radius:var(--radius-lg);border:1px solid;font-size:var(--text-sm);line-height:var(--lh-sm)}
.lr-callout>.lr-icon{margin-top:1px}
.lr-callout__title{font-size:var(--text-h4);line-height:var(--lh-h4);font-weight:var(--weight-semibold);color:var(--text-strong);margin-bottom:4px}
.lr-callout__body{min-width:0;flex:1;color:var(--text-body)}
.lr-callout--advice{background:var(--teal-50);border-color:#CFE7E2}.lr-callout--advice>.lr-icon{color:var(--teal-700)}
.lr-callout--neutral{background:var(--sand-100);border-color:var(--border-default)}.lr-callout--neutral>.lr-icon{color:var(--text-muted)}
.lr-callout--urgent{background:var(--surface);border-color:var(--ink-700)}.lr-callout--urgent>.lr-icon{color:var(--ink-900)}

/* Card */
.lr-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}
.lr-card--flush{padding:0;overflow:hidden}
.lr-card--sunken{background:var(--surface-sunken);border-color:var(--border-subtle)}
.lr-card--interactive{cursor:pointer;text-decoration:none;color:inherit;display:block;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.lr-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);color:inherit}
.lr-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}

/* Tabs */
.lr-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-default);overflow-x:auto}
.lr-tabs button{position:relative;height:44px;padding:0 14px;border:0;background:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.lr-tabs button:hover{color:var(--text-strong)}
.lr-tabs button[aria-selected="true"]{color:var(--teal-800)}
.lr-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--teal-700)}
.lr-tabs button:focus-visible{outline:none;box-shadow:inset var(--focus-ring);border-radius:6px}
.lr-tabs__count{font-family:var(--font-mono);font-size:12px;color:var(--text-subtle);background:var(--sand-100);padding:1px 6px;border-radius:999px}

/* Dialog */
.lr-scrim{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;padding:24px;z-index:100;animation:lr-fade var(--duration-base) var(--ease-standard)}
.lr-dialog{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:lr-rise var(--duration-slow) var(--ease-standard)}
.lr-dialog__head{display:flex;align-items:flex-start;gap:12px;padding:22px 24px 0}
.lr-dialog__title{flex:1;font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--weight-semibold);color:var(--text-strong)}
.lr-dialog__body{padding:12px 24px 24px;font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-muted)}
.lr-dialog__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-subtle);background:var(--paper);border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.lr-dialog--inline{position:static;animation:none}

/* Toast */
.lr-toast{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:380px;padding:14px 14px 14px 16px;background:var(--ink-900);color:#F3F0EA;border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);font-size:var(--text-sm);line-height:var(--lh-sm);animation:lr-rise var(--duration-slow) var(--ease-standard)}
.lr-toast>.lr-icon{color:var(--teal-300);margin-top:2px}
.lr-toast__body{flex:1;min-width:0}
.lr-toast__title{font-weight:var(--weight-semibold);color:#fff}
.lr-toast .lr-iconbtn{color:#B9C1C0;width:28px;height:28px;margin:-4px -4px 0 0}
.lr-toast .lr-iconbtn:hover{background:rgba(255,255,255,.08);color:#fff}
.lr-toast--light{background:var(--white);color:var(--text-body);border:1px solid var(--border-default)}
.lr-toast--light .lr-toast__title{color:var(--text-strong)}.lr-toast--light>.lr-icon{color:var(--teal-700)}
.lr-toast--light .lr-iconbtn{color:var(--text-subtle)}.lr-toast--light .lr-iconbtn:hover{background:var(--surface-hover);color:var(--text-strong)}

/* Tooltip */
.lr-tip{position:relative;display:inline-flex}
.lr-tip__bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:260px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--ink-900);color:#F3F0EA;font-size:var(--text-xs);line-height:var(--lh-xs);font-weight:var(--weight-regular);text-align:left;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);z-index:50}
.lr-tip__bubble::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--ink-900)}
.lr-tip:hover .lr-tip__bubble,.lr-tip:focus-within .lr-tip__bubble,.lr-tip--open .lr-tip__bubble{opacity:1}
.lr-tip--bottom .lr-tip__bubble{bottom:auto;top:calc(100% + 8px)}
.lr-tip--bottom .lr-tip__bubble::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ink-900)}

/* CveCard */
.lr-cve{display:flex;flex-direction:column;gap:12px}
.lr-cve__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lr-cve__id{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--text-subtle);letter-spacing:.01em}
.lr-cve__title{font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--weight-semibold);color:var(--text-strong);text-wrap:balance}
.lr-cve__summary{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-muted);text-wrap:pretty}
.lr-cve__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}
.lr-cve__date{margin-left:auto;font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}
.lr-cve--compact{flex-direction:row;align-items:center;gap:16px}
.lr-cve--compact .lr-cve__title{font-size:16px;line-height:22px}

/* StepList */
.lr-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:lr-step}
.lr-steps li{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:0 0 20px;position:relative}
.lr-steps li:last-child{padding-bottom:0}
.lr-steps li:not(:last-child)::before{content:"";position:absolute;left:15.5px;top:34px;bottom:4px;width:1px;background:var(--border-default)}
.lr-steps__n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--teal-50);color:var(--teal-800);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid #CFE7E2}
.lr-steps__done .lr-steps__n{background:var(--teal-700);border-color:var(--teal-700);color:#fff}
.lr-steps__title{font-size:16px;line-height:24px;font-weight:var(--weight-semibold);color:var(--text-strong);padding-top:4px}
.lr-steps__body{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--text-muted);margin-top:2px}

@keyframes lr-fade{from{opacity:0}to{opacity:1}}
@keyframes lr-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lr-scrim,.lr-dialog,.lr-toast{animation:none}}

/* 4. Paginaonderdelen ----------------------------------------------------- */

/* Extra staten bij componenten */
.lr-seg a{height:34px;padding:0 14px;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:all var(--duration-fast) var(--ease-standard)}
.lr-seg a:hover{color:var(--text-strong)}
.lr-seg a[aria-current="true"]{background:var(--white);color:var(--teal-800);box-shadow:var(--shadow-sm),0 0 0 1px var(--border-default)}
.lr-seg a:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lr-btn .lr-icon,.lr-iconbtn .lr-icon{pointer-events:none}
.lr-btn[hidden],.lr-iconbtn[hidden]{display:none}
.lr-btn--secondary.lr-btn--sm{border-color:transparent}
.lr-sev--none{background:var(--white);color:var(--ink-700);border:1px dashed var(--sand-400);gap:6px;font-size:var(--text-xs)}
.lr-sev--none.lr-sev--sm{font-size:12px}
.lr-sev--none.lr-sev--lg{gap:8px;padding:0 12px;font-size:15px}
.lr-sev--none.lr-sev--lg .lr-icon{width:16px;height:16px}
.lr-label{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--weight-semibold);line-height:1;white-space:nowrap}
.lr-label--actief-misbruikt{background:var(--ink-900);color:#FFFFFF}
.lr-label--aanvalscode-openbaar{background:var(--white);color:var(--ink-900);border:1px solid var(--ink-700)}
.lr-label--bijgewerkt{height:22px;gap:5px;border-radius:var(--radius-pill);background:var(--sand-100);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-default);font-weight:var(--weight-medium)}
.lr-label--klein{height:20px;padding:0 6px;border-radius:5px;font-size:11px;gap:5px}
.lr-kopieer .lr-kopieer__klaar{display:none}
.lr-kopieer.is-gekopieerd .lr-icon{display:none}
.lr-kopieer.is-gekopieerd .lr-kopieer__klaar{display:inline-block}
.lr-alleen-desktop{display:none!important}
@media (min-width:1024px){.lr-alleen-desktop{display:flex!important}.lr-alleen-mobiel{display:none!important}}

/* Header (variant A: teal) */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:30}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:var(--wp-admin--admin-bar--height,32px)}
@media (max-width:600px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:0}}
.lr-header{position:relative;background:var(--teal-700);border-bottom:1px solid var(--teal-800);color:#FFFFFF}
.lr-header__balk{height:60px;display:flex;align-items:center;gap:2px;padding-inline:16px 6px}
.lr-logo{display:flex;flex:none;margin-right:auto;color:#FFFFFF;text-decoration:none;border-radius:4px}
.lr-logo svg{display:block;height:24px;width:auto}
.lr-logo .lr-logo__kleur{display:none}
.lr-header__knop{width:44px;height:44px;color:#FFFFFF;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer}
.lr-header__knop:hover,.lr-header__knop[aria-expanded="true"]{background:rgba(255,255,255,.12)}
.lr-header__knop[aria-expanded="true"]{background:rgba(255,255,255,.16)}
.lr-header__knop .lr-icon--sluiten{display:none}
.lr-header__knop[aria-expanded="true"] .lr-icon--menu{display:none}
.lr-header__knop[aria-expanded="true"] .lr-icon--sluiten{display:inline-block}
.lr-header :focus-visible{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:none}
.lr-header .lr-input:focus{outline:2px solid #FFFFFF;outline-offset:2px}
.lr-header__menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--white);color:var(--text-body);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-overlay);padding:16px 16px 24px;flex-direction:column;gap:16px;max-height:calc(100vh - 60px);overflow-y:auto}
.lr-header.is-menu-open .lr-header__menu{display:flex}
.lr-header:not(.lr-js) .lr-header__menu{display:flex;position:static;box-shadow:none;max-height:none}
.lr-header__menu :focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.lr-header__menu .lr-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
.lr-header__menu .lr-header__zoek{order:1}
.lr-header__zoek--desktop{display:none}
.lr-header__menu .lr-nav{order:2}
.lr-header__menu .lr-header__acties{order:3;border-top:1px solid var(--border-subtle);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.lr-header__acties .lr-btn{height:var(--control-lg);font-size:16px;width:100%;background:var(--action-primary);color:#FFFFFF;border-color:transparent}
.lr-header__acties .lr-btn:hover{background:var(--action-primary-hover);color:#FFFFFF}
.lr-header__noot{font-size:14px;line-height:20px;color:var(--text-subtle);text-align:center}
.lr-header__zoek .lr-input{height:var(--control-lg);font-size:16px}
.lr-header__zoekpaneel{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-overlay);color:var(--text-body)}
.lr-header__zoekpaneel[hidden]{display:none}
.lr-header__zoekpaneel form{max-width:1168px;margin:0 auto;padding:16px;display:flex;gap:8px;align-items:flex-end}
.lr-header__zoekpaneel .lr-field{flex:1 1 auto}
.lr-header__zoekpaneel :focus-visible{outline:2px solid var(--border-focus)}
.lr-header__zoekpaneel .lr-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
/* Navigatie in het mobiele menu */
.lr-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.lr-nav.wp-block-navigation .wp-block-navigation__container{flex-direction:column;align-items:stretch;gap:2px}
.lr-nav .wp-block-navigation-item{width:100%}
.lr-nav .wp-block-navigation-item__content{display:flex!important;align-items:center;gap:12px;min-height:52px;padding:0 12px!important;border-radius:var(--radius-md);font-size:17px;font-weight:var(--weight-medium);text-decoration:none;color:var(--text-strong)!important;width:100%}
.lr-nav .wp-block-navigation-item__content:hover{background:var(--sand-100)}
.lr-nav .wp-block-navigation-item__content::before{content:"";width:20px;height:20px;flex:none;background:var(--text-muted);-webkit-mask:var(--lr-nav-icoon) center/contain no-repeat;mask:var(--lr-nav-icoon) center/contain no-repeat}
.lr-nav .wp-block-navigation-item__content::after{content:"";width:18px;height:18px;flex:none;margin-left:auto;background:var(--text-subtle);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center/contain no-repeat}
.lr-nav .current-menu-item>.wp-block-navigation-item__content,.lr-nav [aria-current="page"]{background:var(--teal-50);color:var(--teal-800)!important;font-weight:var(--weight-semibold)}
.lr-nav .current-menu-item>.wp-block-navigation-item__content::before{background:var(--teal-700)}
.lr-nav .wp-block-navigation-item:nth-child(1){--lr-nav-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E")}
.lr-nav .wp-block-navigation-item:nth-child(2){--lr-nav-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E")}
.lr-nav .wp-block-navigation-item:nth-child(3){--lr-nav-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E")}
.lr-nav .wp-block-navigation-item:nth-child(4){--lr-nav-icoon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
@media (min-width:1024px){
 .lr-header__balk{height:68px;gap:28px;max-width:1168px;margin:0 auto;padding-inline:24px}
 .lr-logo{margin-right:0}
 .lr-logo svg{height:28px}
 .lr-header__knop{display:none}
 .lr-header__menu{display:flex;position:static;flex:1;flex-direction:row;align-items:center;align-self:stretch;gap:10px;background:none;border:0;box-shadow:none;padding:0;max-height:none;overflow:visible;color:#FFFFFF}
 .lr-header__menu .lr-nav{order:1;flex:1;align-self:stretch;display:flex}
 .lr-header__menu .lr-header__zoek{order:2;width:220px}
 .lr-header__zoek--mobiel{display:none}
 .lr-header__zoek--desktop{display:block}
 .lr-header__menu .lr-header__acties{order:3;border:0;padding:0;flex-direction:row}
 .lr-header__menu :focus-visible{outline:2px solid #FFFFFF}
 .lr-header__menu .lr-input:focus{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:none}
 .lr-header__zoek .lr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 .lr-header__zoek .lr-input{height:var(--control-md);font-size:var(--text-sm)}
 .lr-header__acties .lr-btn{height:var(--control-sm);padding:0 12px;font-size:var(--text-xs);width:auto;gap:6px;border-radius:var(--radius-sm);background:var(--action-secondary-bg);color:var(--text-brand);border-color:var(--border-strong)}
 .lr-header__acties .lr-btn:hover{background:var(--action-secondary-hover);border-color:var(--border-hover-accent);color:var(--teal-800)}
 .lr-header__noot{display:none}
 .lr-header__zoekpaneel{display:none}
 .lr-nav.wp-block-navigation .wp-block-navigation__container,.lr-nav ul{flex-direction:row;align-items:stretch;gap:0;height:100%}
 .lr-nav .wp-block-navigation-item{width:auto}
 .lr-nav .wp-block-navigation-item__content{min-height:0;height:100%;padding:0 12px!important;border-radius:0;font-size:15px;line-height:20px;color:#FFFFFF!important;white-space:nowrap;background:none}
 .lr-nav .wp-block-navigation-item__content::before,.lr-nav .wp-block-navigation-item__content::after{display:none}
 .lr-nav .wp-block-navigation-item__content:hover{background:none;box-shadow:inset 0 -3px 0 rgba(255,255,255,.45)}
 .lr-nav .current-menu-item>.wp-block-navigation-item__content,.lr-nav [aria-current="page"]{background:none;color:#FFFFFF!important;font-weight:var(--weight-semibold);box-shadow:inset 0 -3px 0 var(--teal-300)}
 .lr-nav .wp-block-navigation-item__content:focus-visible{outline-offset:-4px}
}

/* Header variant B: licht met teal lijn */
.lr-header-licht .lr-header{background:rgba(250,248,244,.94);border-bottom:2px solid var(--teal-700);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-body)}
.lr-header-licht .lr-logo{color:var(--text-strong)}
.lr-header-licht .lr-logo .lr-logo__wit{display:none}
.lr-header-licht .lr-logo .lr-logo__kleur{display:block}
.lr-header-licht .lr-header__knop{color:var(--text-muted)}
.lr-header-licht .lr-header__knop:hover{background:var(--sand-100)}
.lr-header-licht .lr-header__knop[aria-expanded="true"]{background:var(--sand-200)}
.lr-header-licht .lr-header :focus-visible{outline-color:var(--border-focus)}
@media (min-width:1024px){
 .lr-header-licht .lr-header__menu{color:var(--text-body)}
 .lr-header-licht .lr-header__menu :focus-visible{outline-color:var(--border-focus)}
 .lr-header-licht .lr-header__menu .lr-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}
 .lr-header-licht .lr-nav .wp-block-navigation-item__content{color:var(--text-muted)!important}
 .lr-header-licht .lr-nav .wp-block-navigation-item__content:hover{color:var(--text-strong)!important;box-shadow:inset 0 -3px 0 var(--sand-400)}
 .lr-header-licht .lr-nav .current-menu-item>.wp-block-navigation-item__content,.lr-header-licht .lr-nav [aria-current="page"]{color:var(--teal-800)!important;box-shadow:inset 0 -3px 0 var(--teal-700)}
}

/* Footer (teal; variant B wit) */
.lr-footer{background:var(--teal-700);color:#FFFFFF}
.lr-footer :focus-visible{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:none}
.lr-footer .lr-input:focus{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:none;border-color:var(--border-strong)}
.lr-footer a{color:#FFFFFF}
.lr-footer a:hover{color:#FFFFFF}
.lr-footer__boven{max-width:1168px;margin:0 auto;padding:48px var(--lr-pad) 32px;display:flex;flex-wrap:wrap;gap:40px 48px}
.lr-footer__merk{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px}
.lr-footer__merk svg{height:26px;width:auto;align-self:flex-start}
.lr-footer__merk .lr-logo__kleur{display:none}
.lr-footer__merk p{font-size:15px;line-height:24px;max-width:340px;color:#E4F2EF}
.lr-footer__nav{flex:0 1 160px;display:flex;flex-direction:column;gap:6px}
.lr-footer h2{font-size:15px;line-height:22px;font-weight:600;letter-spacing:0;color:inherit}
.lr-footer__nav h2{margin-bottom:4px}
.lr-footer__nav ul,.lr-footer__nav .wp-block-navigation__container{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.lr-footer__nav a{font-size:15px;line-height:28px;text-decoration:underline}
.lr-footer .lr-nieuwsbrief--voet{flex:1 1 300px;max-width:400px;display:flex;flex-direction:column;gap:10px}
.lr-nieuwsbrief--voet p{font-size:14px;line-height:22px;color:#E4F2EF}
.lr-nieuwsbrief--voet form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.lr-nieuwsbrief--voet .lr-field{flex:1 1 180px}
.lr-nieuwsbrief--voet .lr-label{font-size:14px;line-height:20px;color:inherit;margin-top:4px}
.lr-footer__onder{border-top:1px solid rgba(255,255,255,.18)}
.lr-footer__onder>div{max-width:1168px;margin:0 auto;padding:16px var(--lr-pad) 20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px;line-height:20px;color:#E4F2EF}
.lr-header-licht .lr-footer{background:var(--white);color:var(--text-strong);border-top:1px solid var(--border-default)}
.lr-header-licht .lr-footer a{color:var(--text-link)}
.lr-header-licht .lr-footer :focus-visible{outline-color:var(--border-focus)}
.lr-header-licht .lr-footer__merk p,.lr-header-licht .lr-nieuwsbrief--voet p,.lr-header-licht .lr-footer__onder>div{color:var(--text-muted)}
.lr-header-licht .lr-footer__merk .lr-logo__wit{display:none}
.lr-header-licht .lr-footer__merk .lr-logo__kleur{display:block}
.lr-header-licht .lr-footer__onder{border-top-color:var(--border-subtle)}
.lr-header-licht .lr-nieuwsbrief--voet .lr-btn{background:var(--action-primary);color:#FFFFFF;border-color:transparent}

/* Zoekformulier */
.lr-zoekformulier{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.lr-zoekformulier .lr-field{flex:1 1 280px;min-width:0}
.lr-inputwrap>.lr-icon{position:absolute;left:12px;color:var(--text-subtle);pointer-events:none}
.lr-input--lg.lr-input--icon{padding-left:40px}

/* Kruimelpad */
.lr-kruimelpad ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14px;line-height:20px;color:var(--text-subtle)}
.lr-kruimelpad__scheiding{display:flex}
.lr-kruimelpad .lr-mono{font-size:13px}

/* CVE-kaart */
.lr-kaarten,.lr-gerelateerd__lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.lr-kaarten>li,.lr-gerelateerd__lijst>li{display:flex}
.lr-kaart{display:flex;flex-direction:column;gap:12px;width:100%;height:100%;padding:20px;text-decoration:none;color:inherit}
.lr-kaart:hover{border-color:var(--border-hover-accent);box-shadow:var(--shadow-md);color:inherit}
.lr-kaart__top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lr-kaart__id{font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--text-subtle);letter-spacing:.01em}
.lr-kaart__titel{margin:0;min-height:52px;font-size:18px;line-height:26px;font-weight:600;letter-spacing:0;color:var(--text-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty;transition:color 160ms var(--ease-standard)}
.lr-kaart:hover .lr-kaart__titel{color:var(--teal-800)}
.lr-kaart__product{font-size:14px;line-height:20px;color:var(--text-muted);display:flex;align-items:center;gap:6px;min-width:0}
.lr-kaart__product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-kaart__voet{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:37px}
.lr-kaart__datum{margin-left:auto;font-size:13px;line-height:18px;color:var(--text-subtle);white-space:nowrap}
.lr-kaart__pijl{display:flex;color:var(--ink-300);transition:transform 160ms var(--ease-standard),color 160ms var(--ease-standard)}
.lr-kaart:hover .lr-kaart__pijl,.lr-kaart:focus-visible .lr-kaart__pijl{color:var(--teal-700);transform:translateX(2px)}

/* Advertenties: ruimte vooraf gereserveerd */
.lr-advertentievak{display:block}
.lr-advertentie{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:6px}
.lr-advertentie__label{font-size:12px;line-height:16px;color:var(--text-subtle)}
.lr-advertentie__vak{width:100%;background:var(--sand-100);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}
.lr-advertentie__blok{width:100%;height:100%}
.lr-advertentie--plek-1{max-width:300px}
.lr-advertentie--plek-1 .lr-advertentie__vak{aspect-ratio:300/250}
.lr-advertentie--plek-2{max-width:320px}
.lr-advertentie--plek-2 .lr-advertentie__vak{aspect-ratio:320/100}
@media (min-width:640px){.lr-advertentie--plek-2{max-width:728px}.lr-advertentie--plek-2 .lr-advertentie__vak{aspect-ratio:728/90}}
.lr-advertentie-tussen{padding:16px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.lr-sponsor{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px 24px;display:flex;gap:16px 24px;align-items:center;flex-wrap:wrap}

/* Homepage */
.lr-hero{padding-top:clamp(40px,7vw,88px);padding-bottom:clamp(40px,5vw,64px)}
.lr-hero__inhoud{max-width:760px;display:flex;flex-direction:column;gap:20px}
.lr-hero h1{font-size:clamp(32px,4.6vw,46px);line-height:1.15;letter-spacing:-0.015em}
.lr-hero__intro{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--text-muted);max-width:620px}
.lr-hero .lr-zoekformulier{margin-top:8px;gap:10px}
.lr-hero .lr-zoekformulier .lr-field{flex-basis:300px}
.lr-hero__voorbeeld{font-size:14px;line-height:20px;color:var(--text-subtle)}
.lr-sectiekop{display:flex;align-items:flex-end;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-bottom:20px}
.lr-sectiekop__tekst{display:flex;flex-direction:column;gap:6px;max-width:620px}
.lr-sectiekop h2{display:flex;align-items:center;gap:10px}
.lr-sectiekop p{font-size:15px;line-height:22px;color:var(--text-muted)}
.lr-sectiekop>a{font-size:15px;line-height:22px}
.lr-sectiekop--basis{align-items:baseline}
.lr-icoonvak{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--ink-900);color:#FFFFFF;flex:none}
.lr-home-laatste{padding-top:clamp(48px,6vw,72px);display:flex;gap:48px;align-items:flex-start}
.lr-home-laatste__hoofd{flex:1 1 0;min-width:0}
.lr-home-laatste__meer{margin-top:24px;display:flex}
.lr-zijbalk{display:none}
@media (max-width:1023px){.lr-home-laatste .lr-kaarten{grid-template-columns:1fr;gap:12px}}
@media (min-width:1024px){.lr-zijbalk{flex:0 0 300px;position:sticky;top:92px;display:flex;flex-direction:column;gap:24px}.lr-home-laatste .lr-zijbalk{padding-top:54px}}
.lr-home-advertentie{padding-top:clamp(40px,5vw,56px)}
.lr-home-uitleg{padding-top:clamp(48px,6vw,72px)}
.lr-uitlegkaart{padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;gap:32px 56px}
.lr-uitlegkaart__tekst{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px}
.lr-uitlegkaart__tekst p{color:var(--text-muted)}
.lr-uitlegkaart__stappen{flex:1 1 320px;min-width:0}
.lr-icoonvak--licht{width:44px;height:44px;border-radius:10px;background:var(--teal-50);color:var(--teal-700)}
.lr-home-nieuwsbrief{padding-top:16px;padding-bottom:clamp(64px,8vw,96px)}
.lr-legenda{padding:20px;display:flex;flex-direction:column;gap:14px}
.lr-legenda h2{font-size:17px;line-height:24px;letter-spacing:0}
.lr-legenda p{font-size:14px;line-height:21px;color:var(--text-muted)}
.lr-legenda__lijst{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center}
.lr-legenda__lijst dt{display:flex}
.lr-legenda__lijst dd{margin:0;font-size:13px;color:var(--text-muted)}
.lr-legenda>a{font-size:14px;line-height:20px}
.lr-nieuwsbrief--kaart{padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px}
.lr-nieuwsbrief__logo{width:56px;height:56px;flex:none}
.lr-nieuwsbrief__tekst{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px}
.lr-nieuwsbrief__tekst p{font-size:15px;line-height:24px;color:var(--text-muted)}
.lr-nieuwsbrief--kaart form{flex:1 1 340px;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.lr-nieuwsbrief--kaart .lr-field{flex:1 1 220px;min-width:0}
.lr-leeg--klein{padding:24px;color:var(--text-muted);font-size:15px}

/* CVE-detailpagina */
.lr-detail{padding-top:clamp(20px,3vw,32px);padding-bottom:clamp(64px,8vw,96px)}
.lr-detailkop{margin-top:clamp(20px,3vw,32px);max-width:820px;display:flex;flex-direction:column;gap:14px}
.lr-detailkop__id{display:flex;align-items:center;gap:4px}
.lr-detailkop__id .lr-mono{font-size:15px;line-height:22px;font-weight:500;color:var(--text-muted)}
.lr-detailkop__titel{font-size:clamp(28px,3.6vw,38px);line-height:1.2;letter-spacing:-0.015em}
.lr-detailkop__bijnaam{font-size:16px;line-height:24px;color:var(--text-muted);margin-top:-4px}
.lr-detailkop__bijnaam strong{font-weight:600;color:var(--text-strong)}
.lr-detailkop__labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}
.lr-detailkop__labels .lr-label--actief-misbruikt,.lr-detailkop__labels .lr-label--aanvalscode-openbaar{height:36px;padding:0 12px;gap:8px;font-size:15px}
.lr-detailkop__labels .lr-label--actief-misbruikt .lr-icon,.lr-detailkop__labels .lr-label--aanvalscode-openbaar .lr-icon{width:16px;height:16px}
.lr-detailkop__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:14px;line-height:20px;color:var(--text-subtle)}
.lr-detailkop__meta .lr-mono{font-size:13px}
.lr-detailkop__nagekeken{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted)}
.lr-detailkop__nagekeken .lr-icon{color:var(--teal-700)}
.lr-detail__raster{margin-top:clamp(28px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.lr-detail__artikel{min-width:0;max-width:740px;display:flex;flex-direction:column;gap:clamp(32px,4vw,44px)}
.lr-detail__onder{display:flex;flex-direction:column;gap:40px;margin-top:clamp(56px,7vw,80px)}
.lr-detail__zijbalk{margin-top:40px}
.lr-detail__zijbalk-binnen{display:flex;flex-direction:column;gap:24px;align-items:center}
.lr-detail__zijbalk .lr-inhoud{display:none}
@media (min-width:1024px){
 .lr-detail__raster{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"artikel zijbalk" "onder onder";column-gap:48px}
 .lr-detail__artikel{grid-area:artikel}
 .lr-detail__zijbalk{grid-area:zijbalk;margin-top:0}
 .lr-detail__zijbalk-binnen{position:sticky;top:92px;align-items:stretch}
 .lr-detail__zijbalk .lr-inhoud{display:block}
 .lr-detail__onder{grid-area:onder}
}
.lr-kerngegevens{padding:clamp(18px,2.4vw,24px)}
.lr-kerngegevens h2,.lr-deel h2{font-size:17px;line-height:24px;letter-spacing:0;margin-bottom:14px}
.lr-feiten{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:16px 24px}
.lr-feiten>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lr-feiten dt{font-size:13px;line-height:18px;color:var(--text-subtle)}
.lr-feiten dd{margin:0;font-size:15px;line-height:22px;color:var(--text-strong);overflow-wrap:anywhere}
.lr-uitleg{display:flex;flex-direction:column;gap:14px}
.lr-uitleg h3{font-size:17px;line-height:24px;font-weight:600;margin-top:4px}
.lr-uitleg h3+p~h3{margin-top:8px}
.lr-wat-doen{padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.lr-callout .lr-icon{flex:none;margin-top:1px;color:var(--text-muted)}
.lr-callout--neutral>.lr-icon{color:var(--text-muted)}
.lr-technisch>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(18px,2.4vw,24px) clamp(20px,3vw,32px);border-radius:var(--radius-lg)}
.lr-technisch>summary::-webkit-details-marker{display:none}
.lr-technisch>summary:hover{background:var(--sand-100)}
.lr-technisch>summary:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}
.lr-technisch__titel{display:flex;flex-direction:column;gap:2px}
.lr-technisch__h2{font-size:clamp(22px,2.4vw,26px);line-height:1.3;font-weight:600;letter-spacing:-0.01em;color:var(--text-strong)}
.lr-technisch__sub{font-size:14px;line-height:20px;color:var(--text-muted)}
.lr-technisch__knop{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-strong);color:var(--teal-700);flex:none;transition:transform var(--duration-base) var(--ease-standard)}
.lr-technisch[open] .lr-technisch__knop{transform:rotate(180deg)}
.lr-technisch__inhoud{border-top:1px solid var(--border-subtle);padding:clamp(18px,2.4vw,24px) clamp(20px,3vw,32px) clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.lr-technisch__blok{display:flex;flex-direction:column;gap:8px}
.lr-technisch h3{font-size:15px;line-height:22px;font-weight:600}
.lr-technisch p{font-size:15px;line-height:24px}
.lr-technisch__noot{font-weight:400;color:var(--text-subtle)}
.lr-codeblok{display:flex;align-items:center;gap:8px;background:var(--sand-100);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 8px 8px 14px}
.lr-codeblok code{flex:1;min-width:0;font-size:13px;line-height:20px;color:var(--text-strong);word-break:break-all}
.lr-advies{list-style:none;margin:0;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}
.lr-advies li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}
.lr-advies li:last-child{border-bottom:0}
.lr-advies__tekst{flex:1 1 200px;display:flex;flex-direction:column;gap:2px}
.lr-advies__naam{font-size:15px;line-height:22px;font-weight:600;color:var(--text-strong)}
.lr-advies__oordeel{font-size:13px;line-height:18px;color:var(--text-muted)}
.lr-advies a{font-size:14px;line-height:20px;display:inline-flex;align-items:center;gap:6px}
.lr-bronnen{display:flex;flex-direction:column;gap:14px}
.lr-bronnen ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-default)}
.lr-bronnen li{border-bottom:1px solid var(--border-default)}
.lr-bronnen a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;text-decoration:none}
.lr-bronnen a:hover{background:var(--sand-100)}
.lr-bronnen a>.lr-icon{color:var(--teal-700)}
.lr-bronnen__tekst{display:flex;flex-direction:column;gap:2px;min-width:0}
.lr-bronnen__titel{font-size:16px;line-height:24px;font-weight:500;color:var(--text-link)}
.lr-bronnen__domein{font-size:13px;line-height:18px;color:var(--text-subtle)}
.lr-deel{display:flex;flex-direction:column}
.lr-deel h2{margin-bottom:12px}
.lr-deel__knoppen{display:flex;gap:8px;flex-wrap:wrap}
.lr-inhoud{padding:20px}
.lr-inhoud h2{font-size:15px;line-height:22px;letter-spacing:0;margin-bottom:8px}
.lr-inhoud ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lr-inhoud a{display:block;padding:6px 0;font-size:15px;line-height:22px}
.lr-gerelateerd__kop{margin-bottom:20px}

/* Overzicht, zoekresultaten en archieven */
.lr-overzicht{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(64px,8vw,96px)}
.lr-overzichtkop{display:flex;flex-direction:column;gap:12px;max-width:760px}
.lr-overzichtkop h1{font-size:clamp(28px,3.6vw,38px);line-height:1.2;letter-spacing:-0.015em}
.lr-overzichtkop__intro{color:var(--text-muted)}
.lr-overzichtkop .lr-zoekformulier{margin-top:8px}
.lr-overzicht__raster{margin-top:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:24px}
.lr-overzicht__zijbalk{display:flex;flex-direction:column;gap:24px;min-width:0}
.lr-overzicht__hoofd{min-width:0;display:flex;flex-direction:column;gap:24px}
@media (min-width:1024px){
 .lr-overzicht__raster{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px 40px;align-items:start}
 .lr-overzicht__zijbalk{position:sticky;top:92px}
}
.lr-filterknop{height:48px;justify-content:space-between}
.lr-filterknop__tekst{display:inline-flex;align-items:center;gap:8px}
.lr-filterknop__aantal{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--teal-700);color:#FFFFFF;font-family:var(--font-mono);font-size:12px}
.lr-filterknop[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
.lr-filterpaneel{display:flex;flex-direction:column;gap:12px}
.lr-filterpaneel.is-ingeklapt .lr-filters{display:none}
@media (min-width:1024px){.lr-filterknop{display:none!important}.lr-filterpaneel.is-ingeklapt .lr-filters{display:flex}}
.lr-filters{padding:20px;display:flex;flex-direction:column;gap:22px}
.lr-filters[aria-busy="true"]{opacity:.7}
.lr-filters__kop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lr-filters__titel{font-size:17px;line-height:24px;letter-spacing:0}
.lr-filters__wissen{font-size:14px}
.lr-filters__actief{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.lr-filters__actief .lr-tag{text-decoration:none}
.lr-filters__groep{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.lr-filters__groep legend{padding:0;margin-bottom:10px;font-size:15px;line-height:22px}
fieldset.lr-filters__groep+fieldset.lr-filters__groep{border-top:1px solid var(--border-subtle);padding-top:18px}
.lr-filters__ernst{align-items:center;width:100%;gap:10px}
.lr-filters__ernst input{margin:0}
.lr-filters__bereik{font-family:var(--font-mono);font-size:12px;color:var(--text-subtle)}
.lr-filters__aantal{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--text-subtle)}
.lr-filters .lr-check__desc{margin-top:-4px}
.lr-filters__toepassen{height:var(--control-lg);font-size:16px}
@media (min-width:1024px){.lr-filters.is-verbeterd .lr-filters__toepassen{display:none}}
.lr-resultaten{display:flex;flex-direction:column;gap:16px}
.lr-resultaten__kop{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.lr-resultaten__aantal{font-size:15px;line-height:22px;color:var(--text-muted)}
.lr-resultaten__aantal strong{font-weight:600;color:var(--text-strong)}
.lr-resultaten__keuzes{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.lr-resultaten__sorteer{width:200px}
.lr-tabelwrap{overflow-x:auto}
.lr-tabel{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
.lr-tabel thead tr{background:var(--sand-100);text-align:left}
.lr-tabel th{padding:10px 12px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--border-default)}
.lr-tabel th:first-child{padding-left:16px}
.lr-tabel th:last-child{padding-right:16px;text-align:right}
.lr-tabel td{padding:10px 12px;vertical-align:top}
.lr-tabel tbody tr{border-bottom:1px solid var(--border-subtle)}
.lr-tabel tbody tr:hover{background:var(--teal-50)}
.lr-tabel__id{padding:12px 16px!important;font-family:var(--font-mono);font-size:13px;white-space:nowrap;color:var(--text-muted)}
.lr-tabel__lek{display:flex;flex-direction:column;gap:2px}
.lr-tabel__lek a{font-weight:500;color:var(--text-strong);text-decoration:none}
.lr-tabel__lek a:hover{color:var(--teal-800);text-decoration:underline}
.lr-tabel__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-subtle)}
.lr-tabel__datum{padding:12px 16px!important;white-space:nowrap;text-align:right;color:var(--text-subtle)}
.lr-tabel__advertentie:hover{background:none!important}
.lr-tabel__advertentie td{padding:16px!important}
@media (max-width:639px){
 .lr-tabelwrap{background:none;border:0;overflow:visible}
 .lr-tabel,.lr-tabel tbody{display:block}
 .lr-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .lr-tabel tbody{display:flex;flex-direction:column;gap:8px}
 .lr-tabel tbody tr{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ernst id" "lek lek" "datum datum";gap:6px 8px;padding:14px 16px;background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-lg);position:relative}
 .lr-tabel tbody tr:hover{background:var(--white);border-color:var(--border-strong);box-shadow:var(--shadow-md)}
 .lr-tabel td{padding:0!important;display:block}
 .lr-tabel__ernst{grid-area:ernst}
 .lr-tabel__id{grid-area:id;text-align:right;font-size:12px!important}
 .lr-tabel__lek{grid-area:lek}
 .lr-tabel__lek a{font-size:15px;line-height:21px;font-weight:600}
 .lr-tabel__lek a::after{content:"";position:absolute;inset:0}
 .lr-tabel__datum{grid-area:datum;text-align:left;font-size:13px;line-height:18px}
 .lr-tabel__advertentie{display:block!important;padding:16px 0!important;background:none!important;border:0!important;border-top:1px solid var(--border-subtle)!important;border-bottom:1px solid var(--border-subtle)!important;border-radius:0!important}
}
.lr-leeg{padding:clamp(32px,5vw,56px) 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.lr-leeg__icoon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--sand-100);color:var(--text-muted)}
.lr-leeg h2{font-size:20px;line-height:28px;letter-spacing:0}
.lr-leeg p{font-size:15px;line-height:24px;color:var(--text-muted);max-width:420px}
.lr-leeg .lr-btn{margin-top:8px}
.lr-paginering{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lr-paginering__bereik{font-size:14px;line-height:20px;color:var(--text-subtle)}
.lr-paginering__knoppen{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.lr-paginering .lr-btn{padding:0 12px}
.lr-paginering .lr-btn[aria-disabled="true"]{background:none;color:var(--text-disabled);cursor:default}
.lr-paginering__nr{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none}
.lr-paginering__nr:hover{border-color:var(--teal-300);color:var(--text-strong)}
.lr-paginering__nr[aria-current="page"]{background:var(--teal-50);color:var(--teal-800);border-color:var(--teal-300)}
.lr-paginering__puntjes{color:var(--text-subtle);padding:0 4px}
.lr-overzicht__advertentie{margin-top:24px}

/* Pagina's, nieuwsbrief en 404 */
.lr-pagina{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(64px,8vw,96px)}
.lr-paginakop{margin-top:clamp(20px,3vw,32px);max-width:720px;display:flex;flex-direction:column;gap:12px}
.lr-paginakop h1{font-size:clamp(30px,4vw,42px);line-height:1.18;letter-spacing:-0.015em}
.lr-paginakop .wp-block-post-excerpt__excerpt,.lr-paginakop__intro{font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:var(--text-muted)}
.lr-paginakop .wp-block-post-excerpt__more-text{display:none}
.lr-prose{margin-top:clamp(28px,4vw,48px);max-width:720px}
.lr-prose>*+*{margin-top:16px}
.lr-prose>h2{margin-top:clamp(40px,5vw,56px)}
.lr-prose>h3{margin-top:28px}
.lr-prose ul,.lr-prose ol{padding-left:1.25em}
.lr-prose li+li{margin-top:6px}
.lr-prose .wp-block-group.is-style-kaart,.lr-prose .lr-card{margin-top:24px}
.lr-nieuwsbrieven{list-style:none;margin:clamp(28px,4vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.lr-nieuwsbrieven .wp-block-post{background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:8px}
.lr-nieuwsbrieven .wp-block-post-title{font-size:18px;line-height:26px;font-weight:600;letter-spacing:0}
.lr-nieuwsbrieven .wp-block-post-title a{text-decoration:none;color:var(--text-strong)}
.lr-nieuwsbrieven .wp-block-post-title a:hover{color:var(--teal-800);text-decoration:underline}
.lr-nieuwsbrieven .wp-block-post-date{font-size:13px;color:var(--text-subtle)}
.lr-nieuwsbrieven .wp-block-post-excerpt{font-size:15px;line-height:22px;color:var(--text-muted)}
.lr-nieuwsbrieven .wp-block-post-excerpt__more-text{display:none}
.lr-datum{font-size:14px;line-height:20px;color:var(--text-subtle)}
.wp-block-query-pagination{margin-top:32px;gap:8px;font-size:15px}
.lr-404{padding-top:clamp(56px,10vw,120px);padding-bottom:clamp(72px,10vw,128px)}
.lr-404__inhoud{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.lr-404__inhoud img,.lr-404__inhoud svg{width:64px;height:64px}
.lr-404__code{font-family:var(--font-mono);font-size:13px;line-height:18px;color:var(--text-subtle)}
.lr-404 h1{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-0.015em}
.lr-404 p{color:var(--text-muted)}
.lr-404 .lr-zoekformulier{width:100%;margin-top:12px;text-align:left}
.lr-404 .lr-zoekformulier .lr-field{flex-basis:260px}

/* Cookie-instellingen en voorwaardelijke lijsten */
.lr-cookie-instellingen{background:none;border:0;padding:0;font:inherit;font-size:15px;line-height:28px;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.lr-cookie-instellingen:hover{text-decoration-thickness:2px}
.lr-prose .wp-block-list+.wp-block-list{margin-top:6px}
.lr-cookie-overzicht{overflow-x:auto}

/* Over en contact */
.lr-prose--breed{max-width:none}
.lr-over{display:flex;flex-wrap:wrap;gap:48px 56px;align-items:flex-start}
.lr-over__tekst{flex:1 1 440px;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:clamp(36px,5vw,48px)}
.lr-over__sectie{display:flex;flex-direction:column;gap:12px}
.lr-over__sectie>h2+.lr-card{margin-top:6px}
.lr-over__stappen{padding:clamp(20px,3vw,28px)}
.lr-over__klein{font-size:15px;line-height:24px;color:var(--text-muted)}
.lr-over__disclaimer{padding:20px 24px;display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:24px}
.lr-contact{flex:1 1 360px;max-width:460px;min-width:0;padding:clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:18px;scroll-margin-top:92px}
.lr-prose>.lr-contact,.lr-prose .lr-over .lr-contact{margin-top:0}
.lr-contact__kop{display:flex;flex-direction:column;gap:6px}
.lr-contact__kop p{font-size:15px;line-height:24px;color:var(--text-muted)}
.lr-contact__formulier{display:flex;flex-direction:column;gap:16px}
.lr-contact textarea.lr-input{height:auto;padding:10px 12px;line-height:22px;resize:vertical;min-height:140px}
.lr-contact__fouten{padding:14px 16px;border:1px solid var(--border-error);border-radius:var(--radius-md);background:var(--white);display:flex;flex-direction:column;gap:6px}
.lr-contact__fouten p{display:flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:var(--text-error)}
.lr-contact__fouten ul{margin:0;padding-left:26px;font-size:14px;line-height:22px}
.lr-contact__fouten a{color:var(--text-error)}
.lr-contact__fouten:focus{outline:2px solid var(--border-error);outline-offset:2px}
.lr-contact__privacy{font-size:13px;line-height:18px;color:var(--text-subtle)}
.lr-contact__klaar{display:flex;flex-direction:column;gap:14px}
.lr-contact__val{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.lr-callout--advice>.lr-icon{color:var(--teal-700)}

/* Uitleg */
.lr-uitlegpagina{display:flex;gap:56px;align-items:flex-start}
.lr-uitlegpagina__artikel{flex:1 1 0;min-width:0;max-width:720px;display:flex;flex-direction:column;gap:clamp(40px,5vw,56px)}
.lr-uitlegpagina__sectie{display:flex;flex-direction:column;gap:14px;scroll-margin-top:92px}
#updaten.lr-uitlegpagina__sectie{gap:18px}
.lr-uitlegpagina__stappen{padding:clamp(20px,3vw,28px)}
.lr-uitlegpagina__vraag{padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.lr-uitlegpagina__vraag p{font-size:15px;line-height:22px}
.lr-inhoudsopgave{padding:18px 20px}
.lr-inhoudsopgave h2{font-size:15px;line-height:22px;letter-spacing:0;margin-bottom:6px}
.lr-inhoudsopgave ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column}
.lr-inhoudsopgave li{font-size:15px;line-height:22px;color:var(--text-subtle)}
.lr-inhoudsopgave a{display:block;padding:7px 0}
.lr-uitlegpagina__zijbalk .lr-inhoudsopgave{padding:20px}
.lr-uitlegpagina__zijbalk .lr-inhoudsopgave a{padding:6px 0}
.lr-uitlegpagina .lr-alleen-mobiel.lr-inhoudsopgave{display:block}
@media (min-width:1024px){.lr-uitlegpagina .lr-alleen-mobiel.lr-inhoudsopgave{display:none!important}}
.lr-cve-uitleg{padding:20px;display:flex;flex-direction:column;gap:14px}
.lr-cve-uitleg__nummer{display:flex;flex-wrap:wrap;gap:4px;font-size:clamp(20px,2.6vw,26px);line-height:1.2;font-weight:500;color:var(--text-strong)}
.lr-cve-uitleg__nummer span{padding:6px 10px;background:var(--white);border:1px solid var(--border-default);border-radius:6px}
.lr-cve-uitleg__nummer .lr-cve-uitleg__streep{padding:6px 0;background:none;border:0;color:var(--text-subtle)}
.lr-cve-uitleg__lijst{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px;line-height:22px}
.lr-cve-uitleg__lijst dt{color:var(--text-strong)}
.lr-cve-uitleg__lijst dd{margin:0;color:var(--text-muted)}
.lr-ernsttabel__rij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}
.lr-ernsttabel__rij:last-child{border-bottom:0}
.lr-ernsttabel__label{flex:0 0 170px;display:flex;align-items:center;gap:10px}
.lr-ernsttabel__label .lr-mono{font-size:13px;color:var(--text-muted)}
.lr-ernsttabel__rij p{flex:1 1 260px;font-size:15px;line-height:22px}
.lr-label--groot{height:32px;padding:0 12px;gap:8px;font-size:14px}
.lr-prose .lr-uitlegpagina .lr-card{margin-top:0}

/* Widgetpagina en feeds (plugin-blokken) */
.lr-widget-insluiten{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.lr-widget-insluiten__keuzes{display:flex;flex-wrap:wrap;gap:16px 24px}
.lr-widget-insluiten fieldset.lr-seg{border:1px solid var(--border-subtle);margin:0;padding:3px;align-items:center}
.lr-widget-insluiten fieldset.lr-seg legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.lr-widget-insluiten .lr-seg label{height:34px;padding:0 14px;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer}
.lr-widget-insluiten .lr-seg input{position:absolute;opacity:0;pointer-events:none}
.lr-widget-insluiten .lr-seg label:has(input:checked){background:var(--white);color:var(--teal-800);box-shadow:var(--shadow-sm),0 0 0 1px var(--border-default)}
.lr-widget-insluiten .lr-seg label:has(input:focus-visible){box-shadow:var(--focus-ring)}
.lr-widget-insluiten__voorbeeld{padding:24px;background:var(--sand-100);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;justify-content:center}
.lr-widget-insluiten__voorbeeld>div{width:100%;max-width:760px;display:flex;justify-content:center}
.lr-widget-insluiten__code{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.lr-code{width:100%;font-family:var(--font-mono);font-size:13px;line-height:20px;padding:12px 14px;background:var(--sand-100);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-strong);resize:vertical}
.lr-feeds{display:flex;flex-direction:column;gap:24px;margin-top:20px}
.lr-feeds__kop{font-size:17px;line-height:24px;font-weight:600;margin-bottom:8px}
.lr-feeds__lijst{list-style:none;margin:0;padding:0;background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}
.lr-feeds__item{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}
.lr-feeds__item:last-child{border-bottom:0}
.lr-feeds__naam{flex:0 0 180px;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.lr-feeds__naam .lr-sev__dot{width:8px;height:8px;border-radius:2px}
.lr-sev__dot.lr-sev--critical{background:var(--sev-critical)}.lr-sev__dot.lr-sev--high{background:var(--sev-high)}.lr-sev__dot.lr-sev--medium{background:var(--sev-medium)}.lr-sev__dot.lr-sev--low{background:var(--sev-low)}
.lr-feeds__url{flex:1 1 240px;min-width:0;font-size:13px;color:var(--text-muted);overflow-wrap:anywhere}

/* Blokeditor: niets verbergen dat de redactie moet zien */
.editor-styles-wrapper .lr-alleen-desktop,.editor-styles-wrapper .lr-zijbalk{display:flex!important}
