/* MASTER TEMPLATE LOCK V3.0: Canonical shared styleset. 
   PERFORMANCE TIP: Zodra mogelijk, verplaats dit hele blok naar je globale thema CSS en verwijder de @import voor betere Core Web Vitals. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:where(.editor-styles-wrapper,.entry-content,.wp-site-blocks,.site-main,.is-layout-constrained,.wp-block-post-content) .kb-wp-shell.kb-wp-shell-v2,
.kb-wp-shell.kb-wp-shell-v2{
  --blue:#2f6fe4;
  --blue-accent:#1f5fe0;
  --ink:#0f172a;
  --ink-body:#1e293b;
  --ink-muted:rgba(15,23,42,.62);
  --border:rgba(15,23,42,.08);
  --shadow-sm:0 12px 35px rgba(15,23,42,.07);
  --shadow-hover:0 14px 34px rgba(15,23,42,.08);
  --radius:12px;
  --rsm:8px;
  --content-max:900px;
  width:100%;
  max-width:var(--content-max) !important;
  margin:0 auto !important;
  padding:18px 0 8px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  font-family:"Inter",sans-serif !important;
  color:var(--ink-body) !important;
  line-height:1.75 !important;
}

.kb-wp-shell.kb-wp-shell-v2,
.kb-wp-shell.kb-wp-shell-v2 *,
.kb-wp-shell.kb-wp-shell-v2 *::before,
.kb-wp-shell.kb-wp-shell-v2 *::after{box-sizing:border-box;}

.kb-wp-shell.kb-wp-shell-v2 :where(.wp-block-group,.wp-block-heading,.wp-block-paragraph,.wp-block-list,.wp-block-table,.wp-block-buttons,.wp-block-button,.wp-block-image,figure,p,ul,ol,li,h2,h3,h4){
  margin-block-start:0 !important;
}

.kb-wp-shell.kb-wp-shell-v2 > .wp-block-group,
.kb-wp-shell.kb-wp-shell-v2 .wp-block-group{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

.kb-wp-shell.kb-wp-shell-v2 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.kb-wp-shell.kb-wp-shell-v2 .wp-block-group__inner-container,
.kb-wp-shell.kb-wp-shell-v2 .wp-block-group.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width:none !important;
  width:100% !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block{
  width:100%;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7FBFE 55%,#EDF6FF 100%);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:28px 32px !important;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct{
  background:
    radial-gradient(120% 110% at 82% 14%, rgba(160,185,212,.70) 0%, rgba(160,185,212,0) 55%),
    radial-gradient(140% 140% at 12% 88%, rgba(34,47,66,.60) 0%, rgba(34,47,66,0) 60%),
    linear-gradient(180deg,#3a567a 0%,#2a4265 50%,#1e3050 100%);
  border-color:rgba(255,255,255,0.10);
  color:rgba(255,255,255,.90) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-tldr{
  background:linear-gradient(180deg,rgba(237,246,255,1) 0%, rgba(195,221,250,0.35) 100%);
  border-color:rgba(47,111,228,0.18);
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-note{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-update{
  background:linear-gradient(180deg,#fff8f7 0%,#fff0ee 100%);
  border-color:rgba(207,46,46,0.2);
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block h3,
.kb-wp-shell.kb-wp-shell-v2 .kb-block h4,
.kb-wp-shell.kb-wp-shell-v2 .kb-block .wp-block-heading{
  font-family:"Outfit",sans-serif !important;
  color:var(--ink) !important;
  line-height:1.45 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block .wp-block-heading:is(h2){
  font-size:17px !important;
  font-weight:600 !important;
  margin:0 0 16px !important;
  padding:0 0 13px !important;
  border-bottom:1px solid rgba(15,23,42,.07);
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-tldr h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-note h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-update h2{
  font-family:"Inter",sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct h2{
  color:#fff !important;
  border-bottom-color:rgba(255,255,255,.15) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-tldr h2,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-note h2{
  color:var(--blue-accent) !important;
  border-bottom-color:rgba(47,111,228,.15) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-update h2{
  color:#b91c1c !important;
  border-bottom-color:rgba(207,46,46,.15) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block h3,
.kb-wp-shell.kb-wp-shell-v2 .kb-block .wp-block-heading:is(h3){
  font-size:15px !important;
  font-weight:600 !important;
  margin:20px 0 10px !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block p,
.kb-wp-shell.kb-wp-shell-v2 .kb-block li,
.kb-wp-shell.kb-wp-shell-v2 .kb-block td,
.kb-wp-shell.kb-wp-shell-v2 .kb-block th,
.kb-wp-shell.kb-wp-shell-v2 .rank-math-answer,
.kb-wp-shell.kb-wp-shell-v2 .rank-math-answer p{
  font-family:"Inter",sans-serif !important;
  font-size:15px !important;
  line-height:1.75 !important;
  color:var(--ink-body) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .kb-block p{margin:0 0 12px !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block p:last-child{margin-bottom:0 !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block ul,
.kb-wp-shell.kb-wp-shell-v2 .kb-block ol{margin:0 0 12px !important;padding-left:21px !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block li{margin:0 0 7px !important;padding-left:3px !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block li::marker{color:var(--blue);}
.kb-wp-shell.kb-wp-shell-v2 .kb-block a{color:var(--blue) !important;text-decoration:none !important;font-weight:500 !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block a:hover{text-decoration:underline !important;}
.kb-wp-shell.kb-wp-shell-v2 .kb-block strong{color:var(--ink) !important;}

.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct p,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct li,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct strong,
.kb-wp-shell.kb-wp-shell-v2 .kb-block.block-direct a{
  color:rgba(255,255,255,.94) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .eyebrow{
  display:inline-block !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  background:rgba(47,111,228,.08) !important;
  color:var(--blue-accent) !important;
}

.kb-wp-shell.kb-wp-shell-v2 .callout{
  border:1px solid rgba(47,111,228,.12) !important;
  background:rgba(237,246,255,.80) !important;
  border-radius:10px !important;
  padding:12px 14px !important;
}
.kb-wp-shell.kb-wp-shell-v2 .callout p{margin:0 !important;}

.kb-wp-shell.kb-wp-shell-v2 .toc-list{columns:2;column-gap:22px;}
.kb-wp-shell.kb-wp-shell-v2 .toc-list li{break-inside:avoid;}

.kb-wp-shell.kb-wp-shell-v2 .wp-block-table,
.kb-wp-shell.kb-wp-shell-v2 .table-shell{
  margin:10px 0 14px !important;
  overflow-x:auto !important;
  border-radius:var(--rsm) !important;
  transition:transform .15s ease, box-shadow .2s ease !important;
}

.kb-wp-shell.kb-wp-shell-v2 .wp-block-table:hover,
.kb-wp-shell.kb-wp-shell-v2 .table-shell:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-hover);
}

.kb-wp-shell.kb-wp-shell-v2 .wp-block-table table,
.kb-wp-shell.kb-wp-shell-v2 table{
  width:100% !important;
  min-width:640px;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  table-layout:fixed;
  font-size:14px !important;
  margin:0 !important;
  overflow:hidden;
  border-radius:var(--rsm);
  background:#fff;
}

.kb-wp-shell.kb-wp-shell-v2 thead tr{background:linear-gradient(90deg,#1f5fe0 0%,#2f6fe4 100%) !important;}
.kb-wp-shell.kb-wp-shell-v2 thead th{
  padding:11px 14px !important;
  text-align:left !important;
  color:#fff !important;
  font-weight:600 !important;
  font-size:12.5px !important;
  letter-spacing:.04em !important;
  border:none !important;
}

.kb-wp-shell.kb-wp-shell-v2 tbody tr{
  border-bottom:1px solid rgba(15,23,42,0.06) !important;
  transition:background .15s ease !important;
}

.kb-wp-shell.kb-wp-shell-v2 tbody tr:nth-child(even){background:rgba(244,247,252,0.7) !important;}
.kb-wp-shell.kb-wp-shell-v2 tbody tr:hover{background:rgba(237,246,255,1) !important;}
.kb-wp-shell.kb-wp-shell-v2 td{
  padding:11px 14px !important;
  vertical-align:top !important;
  line-height:1.55 !important;
  border:none !important;
}
.kb-wp-shell.kb-wp-shell-v2 td:first-child{color:var(--ink) !important;font-weight:500 !important;}

/* FLOWCHART CSS */
.kb-wp-shell.kb-wp-shell-v2 .flowchart-figure{ margin:14px 0 18px !important; }
.kb-wp-shell.kb-wp-shell-v2 .flowchart-canvas{
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:12px !important;
  padding:18px 18px 14px !important;
  background:
    radial-gradient(900px 420px at 8% 6%, rgba(223,241,255,.9) 0%, rgba(223,241,255,0) 55%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  box-shadow:0 12px 35px rgba(15,23,42,.06) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-stage{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 10px !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node{
  flex:1 1 220px !important;
  min-width:220px !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  color:var(--ink) !important;
  box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node strong{
  display:block !important;
  margin:0 0 4px !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--blue-accent) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node.start{
  background:
    radial-gradient(120% 110% at 82% 14%, rgba(160,185,212,.40) 0%, rgba(160,185,212,0) 55%),
    linear-gradient(180deg,#eef6ff 0%,#f7fbff 100%) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node.decision{
  border-color:rgba(47,111,228,.18) !important;
  background:linear-gradient(180deg,rgba(237,246,255,1) 0%, rgba(195,221,250,0.28) 100%) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node.action{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;}
.kb-wp-shell.kb-wp-shell-v2 .flow-node.outcome{
  background:linear-gradient(180deg,#fff8f7 0%,#fff0ee 100%) !important;
  border-color:rgba(207,46,46,.16) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-node.note{background:rgba(195,221,250,0.30) !important;}
.kb-wp-shell.kb-wp-shell-v2 .flow-arrow{
  flex:0 0 auto !important;
  font-size:18px !important;
  line-height:1 !important;
  color:#2f6fe4 !important;
  opacity:.9 !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-branches{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:0 0 12px !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-branch{
  padding:11px 13px !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1.5 !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-branch.yes{
  background:linear-gradient(180deg,#f7fbfe 0%,#edf6ff 100%) !important;
  border-color:rgba(47,111,228,.14) !important;
  color:var(--ink-body) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-branch.no{
  background:linear-gradient(180deg,#fff8f7 0%,#fff0ee 100%) !important;
  border-color:rgba(207,46,46,.16) !important;
  color:#7f1d1d !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flow-merge{
  margin:2px 0 10px !important;
  padding-left:2px !important;
  font-size:12px !important;
  color:var(--ink-muted) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .flowchart-figure figcaption,
.kb-wp-shell.kb-wp-shell-v2 .wp-element-caption{
  margin-top:8px !important;
  font-size:12px !important;
  color:var(--ink-muted) !important;
}

/* RANK MATH VISUALS (Alleen voor weergave) */
.kb-wp-shell.kb-wp-shell-v2 .wp-block-rank-math-faq-block{
  margin-top:8px !important;
  border-top:1px solid rgba(15,23,42,0.07) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-faq-item{
  padding:22px 0 !important;
  border-bottom:1px solid rgba(15,23,42,0.07) !important;
}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-faq-item:first-child{padding-top:10px !important;}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-faq-item:last-child{border-bottom:none !important;padding-bottom:6px !important;}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-question,
.kb-wp-shell.kb-wp-shell-v2 h3.rank-math-question{
  font-family:"Inter",sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:var(--ink) !important;
  line-height:1.4 !important;
  margin:0 0 12px !important;
  padding:0 !important;
  border:none !important;
  background:none !important;
}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-answer,
.kb-wp-shell.kb-wp-shell-v2 .rank-math-answer p{
  font-size:14.5px !important;
  color:rgba(15,23,42,0.60) !important;
  line-height:1.7 !important;
  margin:0 !important;
}
.kb-wp-shell.kb-wp-shell-v2 .rank-math-answer p + p{margin-top:10px !important;}

.kb-wp-shell.kb-wp-shell-v2 .reviewed-note{
  margin-top:12px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(15,23,42,.07) !important;
  font-size:13px !important;
  color:var(--ink-muted) !important;
}

/* RESPONSIVE MEDIA QUERIES */
@media (max-width: 740px){
  .kb-wp-shell.kb-wp-shell-v2 .flow-stage{flex-direction:column !important;align-items:stretch !important;}
  .kb-wp-shell.kb-wp-shell-v2 .flow-arrow{align-self:center !important;transform:rotate(90deg) !important;}
  .kb-wp-shell.kb-wp-shell-v2 .flow-branches{grid-template-columns:1fr !important;}
}

@media (max-width: 700px){
  .kb-wp-shell.kb-wp-shell-v2 .toc-list{columns:1;}
}

@media (max-width: 640px){
  .kb-wp-shell.kb-wp-shell-v2{padding:12px 0 6px !important;gap:14px !important;}
  .kb-wp-shell.kb-wp-shell-v2 .kb-block{padding:20px 18px !important;}
  .kb-wp-shell.kb-wp-shell-v2 .wp-block-table table,
  .kb-wp-shell.kb-wp-shell-v2 .table-shell table,
  .kb-wp-shell.kb-wp-shell-v2 table{min-width:560px;}
}