/*
  Wegboete redactionele huisstijl (staging).
  Vertrouwd Nederlands informatieloket: donkerblauw, staalblauw, warm goud.
  Vormgeving only: alle bestaande pagina's, links en formulieren blijven intact.
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root {
  --ink:#173A63;
  --ink-dark:#142F4D;
  --blue:#2C5EA8;
  --yellow:#D6B24C;
  --cream:#F7F8FA;
  --mint:#EEF3F7;
  --peach:#F3F0E8;
  --line:#DEE6EC;
  --body:#34475B;
  --radius:12px;
  --shadow:0 6px 24px rgba(23,58,99,.065);
}
body {
  color:#24364A;
  background:#fff;
  font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;
  font-size:16px;
  line-height:1.72;
}
body p {color:#34475B}
body h1,body h2,body h3,body h4,body h5,
.kb-page h1,.kb-page h2,.kb-page h3,
.kb-single-page h1,.kb-single-page h2,.kb-single-page h3,
.kb-article-content h2,.kb-article-content h3,
.entry-content h2,.entry-content h3,
.wb-form-card h2,.wb-form-card h3 {
  font-family:'Manrope','Segoe UI',Arial,sans-serif;
  letter-spacing:-.025em;
  font-weight:700;
}
body h1 {font-weight:800}
body h2 {font-weight:700}
body a:focus-visible,body button:focus-visible {outline:3px solid #BD9843;outline-offset:3px}
body a {text-underline-offset:3px}

/* Sitewide navigation and brand. */
.microbar {background:#173A63}
.microbar a {color:#F0CD6F}
.site-header {background:#fff;border-bottom:1px solid #E0E5EB;box-shadow:0 2px 8px rgba(14,43,76,.025)}
.site-header .nav-inner {height:78px}
.site-header .main-nav>a {font-weight:700;color:#203C5E}
.site-header .main-nav>a:not(.nav-cta):hover {color:#2C5EA8}
.site-header .main-nav .nav-cta {
  border-radius:10px;
  padding:11px 13px 11px 18px;
  font-weight:700;
  background:#173A63;
  box-shadow:none;
}
.site-header .main-nav .nav-cta:hover {background:#2C5EA8}
.site-header .nav-cta span {
  width:27px;height:27px;
  background:#D6B24C;
  color:#173A63;
}
.wb-brand img {max-width:190px}
.btn,.kb-bottom-cta a,.wb-form-card .wpcf7-submit {
  border-radius:9px;
  box-shadow:none;
  transition:background-color .2s,color .2s,border-color .2s;
  font-weight:700;
}
.btn:hover {transform:none}
.btn-primary {background:#2C5EA8;box-shadow:none}
.btn-primary:hover {background:#173A63}
.btn-dark {background:#173A63}
.btn-dark:hover {background:#2C5EA8}
.btn-yellow {background:#D6B24C;color:#173A63}
.btn-yellow:hover {background:#E5C77A;color:#173A63}
.btn-outline {border-color:#CBD7DF;background:#fff}
.btn-outline:hover {border-color:#2C5EA8;color:#2C5EA8}

/* Homepage: editorial typography, understated imagery and cards. */
.hero,.section-soft,.page-hero,.post-hero {background:#F7F8FA}
.hero .wrap {min-height:565px;padding-top:65px;padding-bottom:65px}
.hero h1 {font-size:clamp(40px,5.1vw,69px);line-height:1.12;letter-spacing:-.038em}
.hero h1 em {color:#2C5EA8}
.hero h1 em:after {border-bottom:4px solid #D6B24C;bottom:0;opacity:.5}
.hero-copy>p {font-size:18px;line-height:1.65}
.hero .hero-picture {min-height:450px}
.hero .hero-photo {
  inset:7px 5px 7px 25px;
  border-radius:14px;
  transform:none;
  box-shadow:0 7px 24px rgba(23,58,99,.09);
}
.hero-picture:before,.hero-picture:after {display:none}
.hero-sticker {
  transform:none;
  left:0;
  bottom:24px;
  padding:14px 18px;
  border-radius:8px;
  background:#D6B24C;
  box-shadow:none;
  font:700 20px/1.14 'Manrope','Segoe UI',sans-serif;
}
.hero-sticker span {font-size:10px;letter-spacing:.04em}
.hero-badge {transform:none;right:0;top:29px;padding:11px 13px;border-radius:8px;box-shadow:0 5px 15px rgba(23,58,99,.07)}
.hero-note .dotset {display:none}
.hero-note {font-size:12px;color:#5F6C7B}
.eyebrow,.tiny-label {color:#2C5EA8;font-weight:700;letter-spacing:.09em;font-size:11px}
.eyebrow:before {width:14px;height:2px}
.section {padding:74px 0}
.section-heading h2 {font-size:clamp(31px,3.5vw,45px)}
.type-card {
  border:1px solid rgba(23,58,99,.09);
  min-height:243px;
  padding:23px;
  border-radius:11px;
  transition:border-color .17s,box-shadow .17s;
}
.type-card:hover,.post-card:hover {transform:none;box-shadow:0 7px 18px rgba(23,58,99,.075)}
.type-card:after {display:none}
.type-card .type-icon {transform:none;border-radius:9px;width:53px;height:53px;margin-bottom:25px}
.type-card h3 {font-size:22px;line-height:1.27}
.type-card .arrow-pill {border-radius:8px}
.post-card {border-radius:11px}
.post-card-body {padding:23px}
.post-card h2 {font-size:22px}
.post-card:hover img {transform:none}
.step,.faq-list details {border-radius:10px}
.quote-band {background:#173A63;border-radius:11px;padding:30px 35px;box-shadow:none}
.quote-band p {font:700 21px/1.5 'Manrope','Segoe UI',sans-serif}
.quote-band p em {color:#E8CF8D}
.footer {background:#173552;padding-top:57px}
.footer-main {padding-bottom:54px}
.footer-aside {background:#254764;border-radius:11px}
.footer-aside-title {font:700 20px/1.3 'Manrope','Segoe UI',sans-serif}
.footer-star,.cta-decor {display:none}
.footer-links h3 {font-weight:700}

/* Knowledgebank overview: less decorative UI and quieter cards. */
.kb-page,.kb-single-page {
  --kb-ink:#173A63;
  --kb-blue:#2C5EA8;
  --kb-cream:#F7F8FA;
  --kb-yellow:#D6B24C;
  --kb-line:#DFE6EC;
  --kb-muted:#617287;
  --kb-mint:#EDF3F7;
  font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;
}
.kb-hero,.kb-single-hero {background:#F7F8FA;border-bottom:1px solid #E4E9EF}
.kb-hero-inner {min-height:395px;padding-top:42px;padding-bottom:42px}
.kb-hero h1 {font-size:clamp(37px,4.4vw,58px);letter-spacing:-.036em;line-height:1.18}
.kb-hero h1 em {color:#2C5EA8;background:none}
.kb-hero-copy>p,.kb-single-lead {font-size:16px;line-height:1.7;color:#4B5E70}
.kb-search {border-radius:10px;box-shadow:none;border-color:#CCD7E3}
.kb-search:focus-within {box-shadow:0 0 0 3px rgba(44,94,168,.12)}
.kb-search button {border-radius:7px;background:#2C5EA8}
.kb-hero-art {height:320px}
.kb-hero-orbit,.kb-hero-art:after,.kb-hero-label,.kb-hero-float {display:none}
.kb-hero-photo {inset:0 12px;border:0;border-radius:12px;transform:none;box-shadow:0 4px 18px rgba(23,58,99,.06)}
.kb-ticker {background:#173A63}
.kb-ticker b {color:#D6B24C}
.kb-index {padding:65px 0 75px}
.kb-index-heading h2 {font-size:clamp(29px,3vw,40px)}
.kb-filter,.kb-pagination a {
  border-radius:7px;
  background:#F0F4F8;
  border-color:#E0E6ED;
}
.kb-filter.is-current,.kb-pagination a.is-current {background:#2C5EA8;border-color:#2C5EA8}
.kb-filter:hover,.kb-pagination a:hover {transform:none}
.kb-card {
  background:#fff;
  min-height:235px;
  border:1px solid #DFE5EC;
  border-radius:10px;
  padding:21px 22px;
  box-shadow:none;
}
.kb-card:hover {box-shadow:0 5px 16px rgba(23,58,99,.07);transform:none;border-color:#BFCEDC}
.kb-card--featured {background:#EDF3F8;border-color:#D1DFEA;color:#173A63}
.kb-card--featured h3,.kb-card--featured .kb-card-topic,.kb-card--featured .kb-reading {color:#173A63}
.kb-card--featured p {color:#53657A}
.kb-card--featured .kb-card-bottom {border-top-color:#CAD9E5}
.kb-card--featured .kb-card-bottom a {color:#2C5EA8}
.kb-card--featured .kb-mini-mark {color:#D6B24C}
.kb-mini-mark {font-size:14px;color:#D6B24C}
.kb-card-topic {color:#49617B}
.kb-card-navigate,.kb-card--featured .kb-card-navigate {background:#EAF0F6;border-radius:8px;font-size:19px}
.kb-card h3 {font-size:20px;letter-spacing:-.02em;line-height:1.32}
.kb-card--featured h3 {font-size:25px}
.kb-card p {font-size:14px;line-height:1.65}
.kb-card-bottom a {color:#2C5EA8}
.kb-bottom-cta {background:#EEF3F7}
.kb-bottom-cta h2 {font-size:clamp(27px,3vw,35px)}
.kb-bottom-cta a {background:#173A63;border-radius:9px}

/* Reading page: flat layout, more restrained TOC and utility panel. */
.kb-single-hero-inner {padding-top:39px;padding-bottom:46px}
.kb-single-hero-spark {display:none}
.kb-single-kicker {font-weight:600}
.kb-topic-chip {background:#E9F0F7;color:#2C5EA8;border-radius:7px}
.kb-topic-chip span {display:none}
.kb-single-hero h1 {font-size:clamp(34px,4.15vw,53px);font-weight:700;line-height:1.22;letter-spacing:-.033em}
.kb-single-hero .kb-breadcrumb {margin-bottom:23px}
.kb-single-byline {font-weight:600}
.kb-single-body {padding:48px 0 65px}
.kb-single-layout {gap:50px;grid-template-columns:minmax(0,1fr) 300px}
.kb-article-intro {
  background:#F1F5F8;
  border-left:3px solid #A5BCD3;
  border-radius:6px;
  margin-bottom:30px;
  padding:16px 20px;
}
.kb-article-intro p {font-size:15px;line-height:1.65;font-weight:400}
.kb-article-intro span {color:#2C5EA8;font-weight:700;letter-spacing:.05em}
.kb-article-content {
  color:#273D51;
  font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;
  font-size:17px;
  line-height:1.83;
}
.kb-article-content h2,.kb-article-content h3 {
  color:#173A63;
  font-family:'Manrope','Segoe UI',sans-serif;
  letter-spacing:-.025em;
  font-weight:700;
}
.kb-article-content h2 {font-size:clamp(25px,2.6vw,30px);margin:33px 0 13px}
.kb-article-content h3 {font-size:21px;margin:24px 0 12px}
.kb-article-content a {color:#2C5EA8;text-decoration-thickness:1px}
.kb-article-content blockquote {border-left:3px solid #D6B24C;border-radius:5px;background:#F8F7F3}
.kb-article-content img {border-radius:6px}
.kb-single-aside {top:100px;gap:16px}
.kb-toc {
  background:#F7F9FB;
  border:1px solid #E2E8EF;
  border-radius:9px;
  padding:20px;
  max-height:70vh;
  scrollbar-width:thin;
}
.kb-aside-label {letter-spacing:.07em;font-size:11px;color:#2C5EA8}
.kb-toc a {font-size:12.5px;font-weight:500;line-height:1.55;color:#41556B;padding:7px 3px;border-radius:0}
.kb-toc a.is-reading {color:#2C5EA8;font-weight:700}
.kb-toc a span {color:#7892AC;font-size:11px}
.kb-side-help {
  background:#EEF3F7;
  border:1px solid #DCE6EE;
  border-radius:9px;
  padding:22px;
  color:#173A63;
}
.kb-side-help .kb-aside-label {color:#59718A}
.kb-side-help-icon {display:none}
.kb-side-help h2 {color:#173A63;font-size:21px;font-weight:700;margin:14px 0 10px;line-height:1.4}
.kb-side-help p {color:#445B70;font-size:13px;line-height:1.6;margin-bottom:18px}
.kb-side-help>a {border-radius:7px;background:#D6B24C;color:#173A63;font-size:13px;justify-content:center}
.kb-side-help>a:hover {background:#E6C877;color:#173A63}
.kb-article-end {background:#F3F7F8;border-radius:8px}
.kb-related-section {background:#F7F8FA}
.kb-related-heading h2 {font-size:clamp(27px,3vw,37px)}

/* The imported CTA plugin contained hard-coded neon lime and black.
   Override its precise selectors after the plugin stylesheet loads. */
.wb-auto-banner,.wb-auto-cta {
  --wb-green:#D6B24C;
  --wb-green-deep:#BD9843;
  --wb-ink:#173A63;
  --wb-text:#34475B;
  --wb-muted:#637384;
  --wb-border:#DEE5EB;
  --wb-shadow:none;
  font-family:'Source Sans 3','Segoe UI',Arial,sans-serif;
  margin:26px 0;
}
.wb-auto-banner {
  grid-template-columns:47px minmax(0,1fr);
  gap:17px;
  border-radius:9px;
  border:1px solid #DDE6EC;
  background:#F6F8FA;
  box-shadow:none;
  padding:19px 22px;
}
.wb-auto-banner:before {background:#D6B24C;width:3px;top:16px;bottom:16px}
.wb-auto-banner__icon {
  width:45px;height:45px;border-radius:7px;
  background:#E7EDF3;
}
.wb-auto-banner__icon svg {width:25px;height:25px;stroke:#2C5EA8}
.wb-auto-banner__eyebrow,.wb-auto-cta__eyebrow {
  color:#BD9843;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}
.wb-auto-banner h3,.wb-auto-cta h3 {
  font-family:'Manrope','Segoe UI',sans-serif !important;
  font-size:clamp(19px,1.9vw,25px) !important;
  letter-spacing:-.025em !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  margin:0 0 7px !important;
}
.wb-auto-banner h3 {color:#173A63 !important}
.wb-auto-banner p,.wb-auto-cta p {font-size:14.5px !important;line-height:1.6 !important}
.wb-auto-banner p {color:#40556A !important}
.wb-auto-cta {
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  padding:25px 28px;
  border-radius:9px;
  background:#173A63;
  border:1px solid #23466D;
  box-shadow:none;
}
.wb-auto-cta:before {
  height:3px;
  background:#D6B24C;
}
.wb-auto-cta__eyebrow {color:#E2C87F}
.wb-auto-cta h3 {color:#fff !important}
.wb-auto-cta p {color:#D8E4F0 !important;max-width:740px}
.wb-auto-cta__action {min-width:190px}
.wb-auto-cta__button {
  padding:13px 17px !important;
  min-height:45px;
  gap:10px;
  border:1px solid #D6B24C !important;
  border-radius:7px !important;
  background:#D6B24C !important;
  color:#173A63 !important;
  box-shadow:none !important;
  font-size:14px !important;
  font-weight:700 !important;
}
.wb-auto-cta__button:hover,.wb-auto-cta__button:focus {
  background:#E6CB83 !important;
  color:#173A63 !important;
  box-shadow:none !important;
  transform:none !important;
  opacity:1;
}
.wb-auto-cta__button span {font-size:17px}
.wb-auto-cta__action small {color:#BCD0E3;font-size:11px}
.wb-auto-cta__glow {display:none}
.wb-auto-cta:after {display:none}

/* Standard blog and static pages. */
.page-hero h1,.post-hero h1 {
  font-family:'Manrope','Segoe UI',sans-serif;
  letter-spacing:-.03em;
  font-weight:700;
  font-size:clamp(32px,4vw,52px);
}
.page-hero:after,.post-hero:after {display:none}
.entry-content {color:#34475B;line-height:1.8;font-family:'Source Sans 3','Segoe UI',Arial,sans-serif}
.entry-content h2,.entry-content h3,.entry-content h4 {font-family:'Manrope','Segoe UI',sans-serif;color:#173A63;font-weight:700}
.entry-content a:not(.btn) {color:#2C5EA8}
.article-card {border-radius:10px;box-shadow:none}
.article-card:hover {transform:none;box-shadow:0 5px 16px rgba(23,58,99,.06)}
.sidebar-card {background:#F0F4F7;border:1px solid #DFE7EE;border-radius:9px;color:#173A63}
.sidebar-card h3 {color:#173A63;font-size:22px}
.sidebar-card p {color:#4B6175}
.sidebar-card .sidebar-index {color:#2C5EA8}
.sidebar-card .btn {background:#D6B24C;color:#173A63}
.sidebar-card .btn:hover {background:#E7CA79;color:#173A63}
.wb-form-hero {background:#F7F8FA}
.wb-form-card,.wb-compact-landing .wb-form-card {border-radius:9px;box-shadow:none}
.wb-compact-landing .wb-form-card .wpcf7-submit {
  background:#D6B24C;border-color:#BD9843;color:#173A63;border-radius:8px;box-shadow:none;
}
.wb-compact-landing .wb-form-card .wpcf7-submit:hover {background:#E7C977;transform:none;box-shadow:none}
.wb-compact-landing .wb-form-card::before {background:#D6B24C;height:3px}

/* Smaller controls on mobile, no layout regression. */
@media(max-width:850px) {
  .kb-single-layout {display:block}
  .kb-single-aside {position:static}
  .hero .wrap {min-height:auto}
  .hero .hero-picture {min-height:440px}
  .kb-hero-art {height:260px}
}
@media(max-width:760px) {
  .wb-auto-cta {grid-template-columns:1fr;padding:21px;gap:17px}
  .wb-auto-cta__action {min-width:0;text-align:left}
  .wb-auto-cta__button {width:auto;min-height:44px}
  .wb-auto-cta__action small {text-align:left}
  .wb-auto-banner {grid-template-columns:40px minmax(0,1fr);padding:17px 19px;gap:12px}
  .wb-auto-banner__icon {width:40px;height:40px}
  .wb-auto-banner h3,.wb-auto-cta h3 {font-size:20px !important}
  .section {padding:58px 0}
}
@media(max-width:590px) {
  .kb-page .wrap,.kb-single-page .wrap {width:calc(100% - 36px)}
  .kb-single-hero-inner {padding-top:30px;padding-bottom:35px}
  .kb-single-hero h1 {font-size:clamp(31px,8.7vw,40px)}
  .kb-single-body {padding-top:30px}
  .kb-article-content {font-size:16px}
  .kb-card--featured {grid-column:1}
  .kb-hero-photo {inset:0;border-radius:9px}
  .kb-hero-art {height:230px}
  .hero .hero-picture {min-height:360px}
  .hero .hero-photo {inset:10px 0;border-radius:10px}
  .hero-sticker {left:4px;bottom:13px;max-width:210px}
  .quote-band {border-radius:10px;padding:25px}
  .wb-auto-cta {margin:22px 0;padding:18px;border-radius:8px}
  .wb-auto-cta__button {width:100%}
  .wb-auto-banner {margin:20px 0}
  .kb-single-aside {gap:13px}
  .kb-toc {max-height:none}
}
/* Keep the header action legible: avoid the generic menu link colour overriding white text. */
.site-header .main-nav>a.nav-cta,
.site-header .main-nav>a.nav-cta:hover,
.site-header .main-nav>a.nav-cta:focus-visible {color:#fff}
.site-header .main-nav>a.nav-cta span {color:#173A63}

/* Reduced template decoration in the home/knowledge navigation strips. */
.ticker {background:#EEF3F7;color:#173A63;border-top:1px solid #E0E6EC;border-bottom:1px solid #E0E6EC}
.ticker .ticker-inner {min-height:46px}
.ticker .ticker-inner span {font-size:12px;font-weight:700;letter-spacing:.03em}
.ticker .ticker-inner i {display:none}
.kb-ticker {background:#EEF3F7;color:#173A63;border-top:1px solid #E0E6EC;border-bottom:1px solid #E0E6EC}
.kb-ticker .wrap {min-height:44px}
.kb-ticker span {color:#34526B;font-size:10px;font-weight:700;letter-spacing:.04em}
.kb-ticker b {display:none}
.kb-small-dots,.kb-hero-meta .kb-small-dots {display:none}
.kb-card .kb-mini-mark {display:none}
.kb-card .kb-card-topic {font-size:11px;letter-spacing:.015em}
.kb-related-section .kb-card,.kb-index .kb-card {background:#fff}
.kb-index .kb-card--featured {background:#EDF3F8}
@media(max-width:590px) {
 .ticker .ticker-inner {gap:12px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
 .ticker .ticker-inner span {white-space:nowrap;flex:0 0 auto;font-size:11px}
 .kb-ticker .wrap {gap:16px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .kb-ticker span {font-size:10px;flex:0 0 auto}
}