:root{--ink:#172033;--muted:#657084;--line:#e7eaf0;--brand:#155eef;--brand2:#0d47b5;--bg:#f7f8fb;--card:#fff;--radius:18px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:22px}.nav a{color:var(--muted)}
.hero{background:linear-gradient(135deg,#eef4ff,#fff);padding:72px 0 64px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 14px;letter-spacing:-1.5px}.hero p{color:var(--muted);font-size:18px;margin:0 0 28px}.search{display:flex;background:#fff;border:1px solid #dce1ea;border-radius:14px;padding:6px;box-shadow:0 15px 35px #17203312}.search input{border:0;outline:0;flex:1;padding:15px;font-size:16px;background:transparent}.btn{border:0;background:var(--brand);color:#fff;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.btn:hover{background:var(--brand2)}
.section{padding:52px 0}.section h2{font-size:28px;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1720330d}.icon{width:44px;height:44px;border-radius:12px;background:#eef4ff;color:var(--brand);display:grid;place-items:center;font-weight:800;margin-bottom:16px}.card h3{margin:0 0 6px}.muted{color:var(--muted)}.article-list{display:grid;gap:10px}.article-link{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;gap:15px}.breadcrumbs{padding:24px 0;color:var(--muted);font-size:14px}.content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px}.content h1{line-height:1.2}.answer a{color:var(--brand);text-decoration:underline}.answer img{max-width:100%;height:auto}.faq-meta{color:var(--muted);font-size:14px;margin-bottom:24px}.results{display:grid;gap:12px}.empty{padding:40px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.admin-body{background:#f5f6f8}.adminbar{height:64px;background:#172033;color:#fff;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.adminbar nav{display:flex;gap:18px;font-size:14px}.adminbar a{color:#fff}.admin{width:min(1180px,calc(100% - 40px));margin:30px auto}.admin h1{margin-top:0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid var(--line);padding:22px;border-radius:14px}.stat b{display:block;font-size:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn.secondary{background:#eef1f6;color:var(--ink)}.btn.danger{background:#c62828}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:11px;border:1px solid #d6dae2;border-radius:9px;font:inherit}.field textarea{min-height:260px}.login{width:min(430px,calc(100% - 40px));margin:10vh auto;background:#fff;padding:30px;border-radius:18px;border:1px solid var(--line)}.notice{padding:12px 15px;border-radius:10px;background:#eef4ff;margin-bottom:15px}
@media(max-width:800px){.grid{grid-template-columns:1fr}.hero h1{font-size:38px}.adminbar{height:auto;padding:16px;gap:12px;align-items:flex-start;flex-direction:column}.adminbar nav{flex-wrap:wrap}.admin-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.table{display:block;overflow:auto;white-space:nowrap}}

/* FAQ article overview - two-column list inspired by the supplied reference */
.home-faq{padding:26px 0 70px}
.category-page{padding-bottom:70px}
.category-intro{padding:0 0 28px}
.category-intro h1,.faq-category-block h2{font-size:28px;line-height:1.2;margin:0 0 14px;font-weight:700}
.category-intro p,.category-description{font-size:17px;color:#7b8797;margin:0 0 22px}
.slash{color:var(--faq-article-marker-color,#5fbd54);font-weight:800;margin-right:5px}
.faq-category-block{padding:22px 0 34px}
.faq-category-block h2 a{color:inherit}
.faq-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px;row-gap:10px}
.faq-article-item{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:8px;font-size:17px;line-height:1.55;color:#111}
.faq-article-item:hover{text-decoration:underline}
.faq-bullet{color:#7b8797;font-size:18px;line-height:1.5}
.category-page .breadcrumbs{padding:18px 0 4px}
.category-page .breadcrumbs span{margin:0 4px}
@media(max-width:800px){
  .faq-article-grid{grid-template-columns:1fr;column-gap:0}
  .faq-article-item{font-size:16px}
  .category-intro h1,.faq-category-block h2{font-size:25px}
}

/* Hoofdpagina: categorieën naast elkaar, geïnspireerd op de aangeleverde referentie */
.home-faq-two-columns {
  padding-top: 34px;
  padding-bottom: 80px;
}

.home-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 72px;
  row-gap: 52px;
}

.home-category {
  min-width: 0;
}

.home-category h2 {
  margin: 0 0 12px;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 700;
}

.home-category h2 a {
  color: #111827;
  text-decoration: none;
}

.home-category h2 a:hover {
  text-decoration: none;
}

.home-category .slash {
  color: var(--faq-article-marker-color,#5fbd54);
  margin-right: 7px;
}

.home-category .category-description {
  margin: 0 0 18px;
  color: #7b8797;
  font-size: 16px;
  line-height: 1.55;
}

.home-article-list {
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 2;
  column-gap: 42px;
}

.home-article-list li {
  display: flex;
  align-items: flex-start;
  break-inside: avoid;
  margin: 0 0 9px;
  padding: 0;
  font-size: 16px;
  line-height: 1.5;
}

.home-article-list li::before {
  content: "•";
  flex: 0 0 18px;
  width: 18px;
  margin: 0;
  padding: 0;
  color: #7b8797;
  line-height: 1.5;
}

.home-article-list li a {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  color: #111827;
  text-decoration: none;
  line-height: 1.5;
}

.home-article-list li a:hover {
  text-decoration: underline;
}

.view-category {
  display: inline-block;
  margin-top: 15px;
  font-size: 14px;
  color: #52606d;
  text-decoration: none;
}

.view-category:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .home-category-grid {
    grid-template-columns: 1fr;
    row-gap: 38px;
  }
}

@media (max-width: 600px) {
  .home-article-list {
    columns: 1;
  }

  .home-category h2 {
    font-size: 24px;
  }
}

/* Fix article title wrapping: the second line starts under the title, not under the bullet. */
.home-article-list {
  columns: 1;
}

.home-article-list li {
  display: flex !important;
  width: 100%;
}

.home-article-list li::before {
  position: static !important;
  display: block !important;
}

@media (min-width: 901px) {
  .home-category-grid {
    align-items: start;
  }
  .home-category {
    width: 100%;
  }
}
@media (max-width: 900px) {
  .home-category-grid {
    grid-template-columns: 1fr;
    row-gap: 38px;
  }
}
@media (max-width: 600px) {
  .home-category h2 {
    font-size: 24px;
  }
}

/* FAQ-titels op de homepage: op desktop altijd op één regel */
@media (min-width: 901px) {
  .home-article-list li,
  .home-article-list li a {
    white-space: nowrap;
  }

  .home-article-list li a {
    overflow: visible;
    text-overflow: clip;
  }
}

/* VDX-inspired public shell on all public pages */
.public-header { width: 100%; }
.faq-category-nav { background:#fff; border-bottom:1px solid #e8ebee; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.faq-category-nav-inner { min-height:58px; display:flex; align-items:center; gap:28px; overflow-x:auto; }
.faq-home-link { flex:0 0 auto; font-weight:700; color:#162033; text-decoration:none; }
.faq-nav-links { display:flex; align-items:center; gap:24px; white-space:nowrap; }
.faq-nav-links a { color:#52606d; font-size:14px; text-decoration:none; }
.faq-nav-links a:hover,.faq-nav-links a.active { color:#111827; font-weight:700; }

.public-content { min-height:520px; padding-top:24px; padding-bottom:70px; }
.public-content .breadcrumbs { color:#7b8797; font-size:14px; margin-bottom:34px; }
.public-content .breadcrumbs span { margin:0 8px; }
.public-content .breadcrumbs a { color:#52606d; text-decoration:none; }
.faq-article {
  width:min(920px,100%);
  max-width:920px;
  margin:0 auto;
  padding:0;
}
.faq-article h1 {
  font-size:clamp(30px,4vw,44px);
  line-height:1.16;
  letter-spacing:-.7px;
  margin:0 0 34px;
  color:#111827;
  width:100%;
  max-width:none;
  text-wrap:balance;
}
.faq-article h1 .slash { color:var(--faq-article-marker-color,#5fbd54); display:inline-block; }
/* Categorie/subcategorie worden bewust niet onder de artikeltitel getoond. */
.faq-article .answer {
  width:100%;
  max-width:none;
  margin:0;
  font-size:17px;
  line-height:1.72;
  color:#263238;
  overflow-wrap:anywhere;
}
.faq-article .answer > *:first-child { margin-top:0; }
.faq-article .answer p { margin:0 0 20px; }
.faq-article .answer h2,
.faq-article .answer h3,
.faq-article .answer h4 {
  margin:32px 0 12px;
  color:#111827;
  line-height:1.3;
}
.faq-article .answer h2 { font-size:26px; }
.faq-article .answer h3 { font-size:21px; }
.faq-article .answer h4 { font-size:18px; }
.faq-article .answer ul,
.faq-article .answer ol {
  margin:0 0 22px;
  padding-left:28px;
}
.faq-article .answer li { margin:0 0 8px; padding-left:3px; }
.faq-article .answer a { color:#245a9b; text-decoration:underline; text-underline-offset:2px; }
.faq-article .answer img {
  display:block;
  max-width:100% !important;
  width:auto;
  height:auto !important;
  margin:22px auto;
}
.faq-article .answer figure {
  max-width:100%;
  margin:24px auto;
}
.faq-article .answer figure img { margin:0 auto; }
.faq-article .answer figcaption {
  margin-top:8px;
  text-align:center;
  color:#7b8797;
  font-size:14px;
}
.faq-article .answer table {
  width:100% !important;
  max-width:100%;
  margin:24px 0;
  border-collapse:collapse;
  display:table;
}
.faq-article .answer th,
.faq-article .answer td {
  padding:10px 12px;
  border:1px solid #dfe4ea;
  text-align:left;
  vertical-align:top;
}
.faq-article .answer th { background:#f7f8fa; font-weight:700; }
.faq-article .answer blockquote {
  margin:24px 0;
  padding:14px 20px;
  border-left:4px solid #5fbd54;
  background:#f7f9fb;
  color:#52606d;
}
.faq-article .answer iframe,
.faq-article .answer video {
  display:block;
  max-width:100%;
  margin:24px auto;
}
.faq-article .answer hr {
  border:0;
  border-top:1px solid #e8ebee;
  margin:32px 0;
}

.public-footer { border-top:1px solid #e8ebee; background:#f7f8fa; }
.public-footer-inner { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#52606d; font-size:14px; }
.public-footer-inner strong { color:#111827; font-size:18px; }
.public-footer-inner a { color:#52606d; text-decoration:none; }
.public-footer-inner a:hover { text-decoration:underline; }

.section { padding-top:40px; padding-bottom:70px; }
.section h2 { color:#111827; }
.results { max-width:900px; margin-top:24px; }
.article-link { display:flex; justify-content:space-between; gap:20px; padding:17px 0; border-bottom:1px solid #e8ebee; color:#111827; text-decoration:none; }
.article-link strong { font-size:16px; }
.article-link:hover strong { text-decoration:underline; }

@media (max-width:700px) {
  .faq-category-nav-inner { min-height:50px; gap:18px; }
  .faq-nav-links { gap:16px; }
  .public-footer-inner { padding-top:24px; padding-bottom:24px; flex-direction:column; align-items:flex-start; }
}

/* =========================================================
   VDX-geïnspireerde bovenbanner + zoekformulier
   ========================================================= */
.faq-banner {
  position: relative;
  height: 258px;
  overflow: hidden;
  background: #414141;
}

.faq-banner-dark {
  position: absolute;
  inset: 0;
  background: #414141;
  clip-path: polygon(0 0, 78% 0, 42% 100%, 0 100%);
}

.faq-banner-green {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #4f8139 0%, #70ba4d 100%);
  clip-path: polygon(76% 0, 100% 0, 100% 100%, 41% 100%);
}

.faq-banner-inner {
  position: relative;
  z-index: 5;
  width: min(900px, calc(100% - 40px));
  margin: 0 auto;
  padding-top: 101px;
  text-align: center;
}

.faq-banner-search {
  position: relative;
  width: min(700px, 100%);
  height: 60px;
  margin: 0 auto;
}

.faq-banner-search input {
  display: block;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  border: 0;
  border-radius: 9px;
  background: #fff;
  color: #263238;
  padding: 0 24px 0 62px;
  font-family: inherit;
  font-size: 19px;
  line-height: 60px;
  outline: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}

.faq-banner-search input::placeholder {
  color: #c7c7c7;
  opacity: 1;
}

.faq-banner-search button {
  display: none;
}

.faq-banner-search-icon {
  position: absolute;
  z-index: 10;
  left: 18px;
  top: 19px;
  width: 17px;
  height: 17px;
  border: 3px solid #7791a8;
  border-radius: 50%;
  box-sizing: border-box;
  pointer-events: none;
}

.faq-banner-search-icon::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 3px;
  background: #7791a8;
  border-radius: 2px;
  right: -8px;
  bottom: -5px;
  transform: rotate(48deg);
  transform-origin: left center;
}

.faq-banner-popular {
  margin-top: 12px;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
}

.faq-banner-popular strong {
  font-weight: 700;
}

.faq-banner-popular a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.faq-banner-popular a:hover {
  text-decoration: underline;
}

@media (max-width: 700px) {
  .faq-banner {
    height: 220px;
  }

  .faq-banner-inner {
    width: calc(100% - 30px);
    padding-top: 75px;
  }

  .faq-banner-search,
  .faq-banner-search input {
    height: 56px;
  }

  .faq-banner-search input {
    padding-left: 55px;
    font-size: 17px;
    line-height: 56px;
  }

  .faq-banner-search-icon {
    top: 17px;
  }

  .faq-banner-popular {
    padding: 0 6px;
    font-size: 14px;
  }
}

/* Vast hoofdmenu met vaste VDX-categorieën */
.faq-category-nav-inner {
  overflow-x: auto;
  scrollbar-width: thin;
}
.faq-nav-links {
  flex: 1 0 auto;
}
.faq-nav-links a {
  white-space: nowrap;
}

/* Fix: geen zichtbare horizontale scrollbar in het hoofdmenu */
.faq-category-nav-inner {
  overflow-x: visible;
  overflow-y: visible;
}

.faq-nav-links {
  min-width: 0;
  flex-wrap: wrap;
  row-gap: 8px;
}

@media (min-width: 1000px) {
  .faq-category-nav-inner {
    flex-wrap: nowrap;
    white-space: nowrap;
  }

  .faq-nav-links {
    flex-wrap: nowrap;
    gap: 20px;
  }

  .faq-nav-links a {
    font-size: 13px;
  }
}

@media (max-width: 999px) {
  .faq-category-nav-inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .faq-nav-links {
    gap: 10px 18px;
  }
}


/* =========================================================
   4KL FAQ - Clean Grid theme
   ========================================================= */
.faq-layout-clean-grid{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--faq-text);background:var(--faq-bg)}
.faq-clean-header{min-height:88px;background:var(--faq-header);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #e7eaf0;box-shadow:0 1px 6px rgba(15,23,42,.05);gap:22px}
.faq-clean-brand{display:flex;align-items:center;flex:0 0 auto;min-width:190px;text-decoration:none;color:var(--faq-primary)}
.faq-clean-brand img{display:block;max-width:190px;max-height:50px;width:auto;height:auto;object-fit:contain}
.faq-clean-brand span{font-size:27px;line-height:1;font-weight:600;letter-spacing:-.7px}
.faq-clean-nav{display:flex;align-items:center;justify-content:flex-start;gap:2px;overflow-x:auto;white-space:nowrap;flex:1;scrollbar-width:none}
.faq-clean-nav::-webkit-scrollbar{display:none}
.faq-clean-nav a{display:inline-flex;align-items:center;color:#52606d;font-size:var(--faq-nav-size);font-weight:400;padding:var(--faq-nav-py) var(--faq-nav-px);border-radius:7px;text-decoration:none;transition:background .15s,color .15s}
.faq-clean-nav a:hover,.faq-clean-nav a.active{background:#f1f4f8;color:var(--faq-text)}
.faq-clean-hero{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #edf0f4}
.faq-clean-hero-inner{max-width:1040px;margin:0 auto;padding:60px 24px 58px;text-align:center}
.faq-clean-hero h1{font-size:44px;line-height:1.12;letter-spacing:-1.5px;margin:0 0 10px;color:var(--faq-text)}
.faq-clean-hero p{font-size:17px;color:var(--faq-muted);margin:0 auto 27px;max-width:760px}
.faq-clean-search{position:relative;max-width:920px;margin:0 auto;height:62px}
.faq-clean-search>span{position:absolute;z-index:2;left:21px;top:10px;font-size:30px;line-height:40px;color:#7b8797}
.faq-clean-search input{width:100%;height:62px;border:1px solid #d9dfe8;border-radius:32px;background:#fff;padding:0 120px 0 57px;font:400 17px inherit;color:var(--faq-text);outline:none;box-shadow:0 3px 14px rgba(15,23,42,.06)}
.faq-clean-search input:focus{border-color:var(--faq-primary);box-shadow:0 0 0 4px rgba(23,105,224,.10)}
.faq-clean-search button{position:absolute;right:7px;top:7px;height:48px;padding:0 20px;border:0;border-radius:25px;background:var(--faq-primary);color:#fff;font:500 14px inherit;cursor:pointer}
.faq-clean-home{padding:42px 20px 80px}
.faq-clean-section{margin:0 0 46px}
.faq-clean-section>h2{font-size:23px;line-height:1.2;margin:0 0 18px;font-weight:650;color:var(--faq-text)}
.faq-popular-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.faq-popular-card{min-height:58px;background:#fff;border:1px solid #dfe4eb;border-radius:8px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#34475f;text-decoration:none}
.faq-popular-card:hover{border-color:#b9c9e5;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.faq-popular-card b{font-size:20px;font-weight:400;color:#8491a3}
.faq-category-cards{display:grid;grid-template-columns:repeat(var(--faq-columns),minmax(0,1fr));gap:18px}
.faq-category-card{background:#fff;border:1px solid #dfe4eb;border-radius:9px;padding:20px 20px 18px;min-width:0}
.faq-category-card-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.faq-category-card h3{font-size:19px;line-height:1.25;margin:0;flex:1;color:#172033}
.faq-category-card h3 .slash{color:var(--faq-article-marker-color,#5fbd54)}
.faq-count{background:#edf4ff;color:var(--faq-primary);font-size:12px;border-radius:999px;padding:4px 9px;white-space:nowrap}
.faq-category-card>p{font-size:14px;color:var(--faq-muted);margin:0 0 12px}
.faq-category-card ul{list-style:none;padding:0;margin:0 0 12px}
.faq-category-card li{font-size:14px;line-height:1.5;margin:0 0 9px}
.faq-category-card li a{color:#52657e;text-decoration:none}
.faq-category-card li a:hover{color:var(--faq-primary);text-decoration:underline}
.faq-view-all{font-size:13px;color:var(--faq-primary);text-decoration:none}
.faq-view-all:hover{text-decoration:underline}

/* Compact and Classic choices */
.faq-layout-compact .faq-category-nav-inner{min-height:54px}
.faq-layout-compact .faq-nav-links a{font-size:14px;font-weight:400}
.faq-layout-classic .faq-category-nav{background:#fff}
.faq-layout-classic .faq-category-nav-inner{min-height:64px}
.faq-layout-classic .faq-nav-links a{font-size:15px;font-weight:400}

/* Admin menu: groter, maar niet vet */
.adminbar nav a{font-weight:400;font-size:15px;padding:10px 16px;border-radius:8px}
.adminbar nav a.admin-top-link{display:inline-flex;align-items:center;gap:8px}
.adminbar nav a.admin-top-link svg,.adminbar .admin-top-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.adminbar .admin-settings-dropdown>summary{display:inline-flex;align-items:center;gap:8px}
.adminbar .admin-settings-dropdown>summary .admin-top-icon{display:block}
.adminbar nav a:hover{background:rgba(255,255,255,.10)}

@media(max-width:1100px){
 .faq-clean-brand{min-width:150px}.faq-clean-brand span{font-size:23px}
 .faq-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .faq-clean-header{padding:14px 18px;flex-wrap:wrap;gap:10px}
 .faq-clean-nav{width:100%;flex-basis:100%}
 .faq-clean-hero-inner{padding:44px 18px 46px}
 .faq-clean-hero h1{font-size:34px}
 .faq-category-cards{grid-template-columns:1fr}
 .faq-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:500px){
 .faq-clean-hero h1{font-size:29px}
 .faq-clean-search input{padding-left:50px;padding-right:90px;font-size:15px}
 .faq-clean-search button{padding:0 15px}
 .faq-popular-grid{grid-template-columns:1fr}
}

/* =========================================================
   4KL FAQ - Clean Grid v2 (reference screenshot)
   ========================================================= */
.faq-layout-clean-grid{background:#fff;color:#14233d}
.faq-layout-clean-grid .faq-clean-header{height:94px;min-height:94px;background:#fff;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #e8edf3;box-shadow:0 4px 16px rgba(15,23,42,.08);gap:28px}
.faq-layout-clean-grid .faq-clean-brand{display:flex;align-items:center;flex:0 0 330px;min-width:330px;gap:14px;text-decoration:none;color:#14233d}
.faq-layout-clean-grid .faq-clean-brand img{display:block;max-width:205px;max-height:52px;width:auto;height:auto;object-fit:contain}
.faq-layout-clean-grid .faq-clean-brand-4kl{font-size:48px;line-height:1;font-weight:800;letter-spacing:-2.8px;color:#2f73df}
.faq-layout-clean-grid .faq-clean-brand-faq{font-size:28px;line-height:1;font-weight:400;color:#6b7789;margin-top:7px}
.faq-layout-clean-grid .faq-clean-nav{display:flex;align-items:center;justify-content:space-between;gap:2px;overflow:visible;white-space:nowrap;flex:1;min-width:0}
.faq-layout-clean-grid .faq-clean-nav a{display:inline-flex;align-items:center;color:#20334f;font-size:16px;font-weight:400;padding:10px 11px;border-radius:7px;text-decoration:none;transition:background .15s,color .15s}
.faq-layout-clean-grid .faq-clean-nav a:hover,.faq-layout-clean-grid .faq-clean-nav a.active{background:#f3f6fa;color:#1769e0}
.faq-layout-clean-grid .faq-clean-hero{background:#fff;border:0}
.faq-layout-clean-grid .faq-clean-hero-inner{max-width:1100px;margin:0 auto;padding:65px 24px 48px;text-align:center}
.faq-layout-clean-grid .faq-clean-hero h1{font-size:45px;line-height:1.15;letter-spacing:-1.6px;margin:0 0 13px;color:#14233d;font-weight:700}
.faq-layout-clean-grid .faq-clean-hero p{font-size:18px;color:#68768a;margin:0 auto 29px;max-width:850px}
.faq-layout-clean-grid .faq-clean-search{position:relative;max-width:1020px;margin:0 auto;height:64px}
.faq-layout-clean-grid .faq-clean-search>span{position:absolute;z-index:2;left:23px;top:11px;font-size:32px;line-height:40px;color:#718198}
.faq-layout-clean-grid .faq-clean-search input{width:100%;height:64px;border:1px solid #d8e0e9;border-radius:34px;background:#fff;padding:0 26px 0 63px;font:400 17px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#42546d;outline:none;box-shadow:0 2px 6px rgba(15,23,42,.05)}
.faq-layout-clean-grid .faq-clean-search input:focus{border-color:#b9ccef;box-shadow:0 0 0 4px rgba(47,115,223,.08)}
.faq-layout-clean-grid .faq-clean-search button{display:none}
.faq-layout-clean-grid .faq-clean-main{width:min(1420px,calc(100% - 56px));margin:0 auto;padding:0 0 80px}
.faq-layout-clean-grid .faq-clean-section{margin:0 0 42px}
.faq-layout-clean-grid .faq-clean-section>h2{font-size:22px;line-height:1.25;margin:0 0 18px;font-weight:700;color:#14233d}
.faq-layout-clean-grid .faq-popular-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.faq-layout-clean-grid .faq-popular-card{height:52px;background:#fff;border:1px solid #dfe5ed;border-radius:8px;padding:0 17px;display:flex;align-items:center;gap:12px;color:#31445d;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.faq-layout-clean-grid .faq-popular-card:hover{border-color:#c6d6f0;box-shadow:0 3px 10px rgba(15,23,42,.06)}
.faq-layout-clean-grid .faq-card-icon{width:22px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:#2874df;font-size:19px;font-weight:700}
.faq-layout-clean-grid .faq-card-icon.large{width:25px;min-width:25px;height:25px;font-size:20px}
.faq-layout-clean-grid .faq-popular-name{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.faq-layout-clean-grid .faq-card-arrow{margin-left:auto;color:#697b91;font-size:25px;line-height:1;font-weight:300}
.faq-layout-clean-grid .faq-category-section{margin-top:3px}
.faq-layout-clean-grid .faq-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faq-layout-clean-grid .faq-category-card{background:#fff;border:1px solid #dfe5ed;border-radius:9px;padding:18px 17px 19px;min-width:0;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.faq-layout-clean-grid .faq-category-card-head{display:flex;align-items:center;gap:9px;margin:0 0 16px}
.faq-layout-clean-grid .faq-category-card h3{font-size:19px;line-height:1.2;margin:0;flex:1;color:#14233d;font-weight:700}
.faq-layout-clean-grid .faq-count{background:#eaf2ff;color:#2874df;font-size:13px;border-radius:999px;padding:5px 10px;white-space:nowrap}
.faq-layout-clean-grid .faq-category-card ul{list-style:none;padding:0;margin:0 0 12px}
.faq-layout-clean-grid .faq-category-card li{font-size:14px;line-height:1.45;margin:0 0 12px}
.faq-layout-clean-grid .faq-category-card li a{color:#617189;text-decoration:none}
.faq-layout-clean-grid .faq-category-card li a:hover{color:#2874df;text-decoration:none}
.faq-layout-clean-grid .faq-view-all{font-size:14px;color:#2874df;text-decoration:none}
.faq-layout-clean-grid .faq-view-all span{font-size:19px;vertical-align:-1px;margin-left:5px}
@media(max-width:1250px){.faq-layout-clean-grid .faq-clean-brand{flex-basis:260px;min-width:260px}.faq-layout-clean-grid .faq-clean-nav a{font-size:14px;padding-left:7px;padding-right:7px}.faq-layout-clean-grid .faq-popular-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.faq-layout-clean-grid .faq-clean-header{height:auto;min-height:88px;flex-wrap:wrap;padding:16px 22px}.faq-layout-clean-grid .faq-clean-brand{flex-basis:auto;min-width:220px}.faq-layout-clean-grid .faq-clean-nav{flex-basis:100%;overflow-x:auto;justify-content:flex-start;gap:4px}.faq-layout-clean-grid .faq-clean-nav a{font-size:15px}.faq-layout-clean-grid .faq-category-cards{grid-template-columns:repeat(2,1fr)}.faq-layout-clean-grid .faq-popular-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.faq-layout-clean-grid .faq-clean-main{width:min(100% - 32px,680px)}.faq-layout-clean-grid .faq-clean-hero-inner{padding:46px 18px 38px}.faq-layout-clean-grid .faq-clean-hero h1{font-size:34px}.faq-layout-clean-grid .faq-clean-hero p{font-size:16px}.faq-layout-clean-grid .faq-popular-grid{grid-template-columns:repeat(2,1fr)}.faq-layout-clean-grid .faq-category-cards{grid-template-columns:1fr}}
@media(max-width:480px){.faq-layout-clean-grid .faq-clean-brand-4kl{font-size:40px}.faq-layout-clean-grid .faq-clean-brand-faq{font-size:24px}.faq-layout-clean-grid .faq-clean-brand{min-width:0}.faq-layout-clean-grid .faq-popular-grid{grid-template-columns:1fr}.faq-layout-clean-grid .faq-clean-hero h1{font-size:29px}.faq-layout-clean-grid .faq-clean-search input{font-size:15px}}


/* =========================================================
   4KL FAQ - Layout-Nieuw
   Inspired by the information architecture of support.cloud86.io:
   strong hero/search, promoted articles, knowledge base topics,
   and a clear support contact section. Branding remains 4KL.
   ========================================================= */
.faq-layout-layout-new .faq-new-header{background:#fff;border-bottom:1px solid #e6e9ee;box-shadow:0 1px 8px rgba(15,23,42,.04)}
.faq-layout-layout-new .faq-new-header-inner{min-height:74px;display:flex;align-items:center;gap:42px;padding:0 24px}
.faq-layout-layout-new .faq-new-brand{display:flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap}
.faq-layout-layout-new .faq-new-brand img{max-width:190px;max-height:44px;object-fit:contain}
.faq-layout-layout-new .faq-new-brand-4kl{font-size:31px;font-weight:800;letter-spacing:-1.8px;color:#1769e0}
.faq-layout-layout-new .faq-new-brand-faq{font-size:22px;color:#667085;font-weight:400}
.faq-layout-layout-new .faq-new-nav{display:flex;align-items:center;gap:3px;overflow:auto;white-space:nowrap;flex:1}
.faq-layout-layout-new .faq-new-nav a{padding:10px 12px;color:#344054;text-decoration:none;font-size:14px;font-weight:400;border-radius:6px}
.faq-layout-layout-new .faq-new-nav a:hover,.faq-layout-layout-new .faq-new-nav a.active{background:#f1f5f9;color:#1769e0}
.faq-layout-layout-new .faq-new-hero{position:relative;overflow:hidden;background:#09235b;min-height:300px;color:#fff}
.faq-layout-layout-new .faq-new-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 7% 25%,rgba(23,105,224,.35),transparent 20%),radial-gradient(circle at 92% 30%,rgba(23,105,224,.35),transparent 24%),linear-gradient(120deg,#06215c 0%,#082b73 52%,#071e53 100%)}
.faq-layout-layout-new .faq-new-hero-bg:after{content:"";position:absolute;left:0;top:0;bottom:0;width:240px;background-image:radial-gradient(rgba(45,129,255,.45) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.45;mask-image:linear-gradient(to right,#000,transparent)}
.faq-layout-layout-new .faq-new-hero-inner{position:relative;z-index:1;text-align:center;padding:54px 20px 42px;max-width:980px}
.faq-layout-layout-new .faq-new-hero h1{margin:0 0 10px;font-size:40px;line-height:1.12;letter-spacing:-1px;font-weight:700;color:#fff}
.faq-layout-layout-new .faq-new-hero p{margin:0 auto 24px;max-width:760px;font-size:17px;line-height:1.6;color:#e1eaff}
.faq-layout-layout-new .faq-new-search{position:relative;max-width:750px;margin:0 auto;height:58px}
.faq-layout-layout-new .faq-new-search input{width:100%;height:58px;border:0;border-radius:9px;padding:0 122px 0 52px;font-size:16px;color:#344054;box-shadow:0 8px 30px rgba(0,0,0,.18);outline:none}
.faq-layout-layout-new .faq-new-search span:before{content:"⌕";position:absolute;z-index:2;left:18px;top:9px;font-size:29px;color:#667085}
.faq-layout-layout-new .faq-new-search button{position:absolute;right:6px;top:5px;height:48px;padding:0 22px;border:0;border-radius:6px;background:#1769e0;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.faq-layout-layout-new .faq-new-ask{display:inline-block;margin-top:18px;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:14px;font-weight:600}
.faq-layout-layout-new .faq-new-ask b{margin-left:6px;font-size:18px}
.faq-layout-layout-new .faq-new-main{max-width:1160px;margin:0 auto;padding:32px 22px 70px}
.faq-layout-layout-new .faq-new-section{margin-bottom:30px}
.faq-layout-layout-new .faq-new-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:16px}
.faq-layout-layout-new .faq-new-section-heading h2{margin:0 0 4px;font-size:23px;line-height:1.2;color:#172b4d;font-weight:700}
.faq-layout-layout-new .faq-new-section-heading p{margin:0;color:#667085;font-size:14px}
.faq-layout-layout-new .faq-new-section-heading>a{color:#1769e0;text-decoration:none;font-size:13px;white-space:nowrap;font-weight:600}
.faq-layout-layout-new .faq-new-section-heading>a span{font-size:18px}
/* Populaire onderwerpen: vier nette blokken naast elkaar */
.faq-layout-layout-new .faq-new-promoted{display:grid;grid-template-columns:repeat(var(--faq-columns,4),minmax(0,1fr));gap:14px}
.faq-layout-layout-new .faq-new-promoted-card{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;min-height:74px;padding:13px 15px;background:#fff;border:1px solid #e1e6ed;border-radius:9px;text-decoration:none;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:.15s}
.faq-layout-layout-new .faq-new-promoted-card:hover,.faq-layout-layout-new .faq-new-topic:hover{border-color:#bfd4f6;box-shadow:0 7px 20px rgba(15,23,42,.07);transform:translateY(-1px)}
.faq-layout-layout-new .faq-new-card-icon{width:40px;height:40px;border-radius:50%;background:#eef4ff;color:#1769e0;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:17px;font-weight:700}
.faq-layout-layout-new .faq-new-promoted-card strong{display:block;color:#172b4d;font-size:14px;line-height:1.35;font-weight:650}
.faq-layout-layout-new .faq-new-promoted-card small{display:block;color:#667085;font-size:12px;margin-top:3px}
.faq-layout-layout-new .faq-new-card-arrow{color:#1769e0;font-size:26px;line-height:1;text-align:right}
/* Categorieën: exact twee kolommen op desktop */
.faq-layout-layout-new .faq-new-knowledge{display:grid;grid-template-columns:repeat(var(--faq-columns,2),minmax(0,1fr));gap:18px 22px}
.faq-layout-layout-new .faq-new-topic{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:20px 20px 18px;min-height:185px;transition:.15s}
.faq-layout-layout-new .faq-new-topic-head{display:flex;align-items:center;gap:13px;margin-bottom:10px}
.faq-layout-layout-new .faq-new-topic-icon{width:42px;height:42px;border-radius:50%;background:#eef4ff;color:#1769e0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex:none}
.faq-layout-layout-new .faq-new-topic h3{margin:0 0 2px;font-size:17px;line-height:1.2;color:#172b4d}
.faq-layout-layout-new .faq-new-topic-head span:last-child{font-size:12px;color:#667085}
.faq-layout-layout-new .faq-new-topic>p{font-size:13px;color:#52657e;line-height:1.5;margin:0 0 10px}
.faq-layout-layout-new .faq-new-topic ul{list-style:none;padding:0;margin:0 0 12px}
.faq-layout-layout-new .faq-new-topic li{margin:0 0 6px;position:relative;padding-left:13px}
.faq-layout-layout-new .faq-new-topic li:before{content:"•";position:absolute;left:0;color:#52657e}
.faq-layout-layout-new .faq-new-topic li a{font-size:13px;color:#344b68;text-decoration:none;line-height:1.4}
.faq-layout-layout-new .faq-new-topic li a:hover{color:#1769e0}
.faq-layout-layout-new .faq-new-topic-link{font-size:13px;color:#1769e0;text-decoration:none;font-weight:600}
.faq-layout-layout-new .faq-new-topic-link span{font-size:17px;margin-left:4px}
.faq-layout-layout-new .faq-new-support{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 28px;background:#f5f8ff;border:1px solid #cbdcff;border-radius:10px}
.faq-layout-layout-new .faq-new-support h2{margin:0 0 5px;color:#172b4d;font-size:19px}
.faq-layout-layout-new .faq-new-support p{margin:0;color:#667085;font-size:13px}
.faq-layout-layout-new .faq-new-support-actions{display:flex;gap:10px;flex:none}
.faq-layout-layout-new .faq-new-support-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:6px;background:#1769e0;color:#fff;text-decoration:none;font-size:13px;font-weight:600}
.faq-layout-layout-new .faq-new-support-actions a+ a{background:#e9f1ff;color:#1769e0}
@media(max-width:950px){.faq-layout-layout-new .faq-new-promoted{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout-layout-new .faq-new-header-inner{gap:20px}.faq-layout-layout-new .faq-new-nav a{font-size:13px;padding:9px 9px}}
@media(max-width:650px){.faq-layout-layout-new .faq-new-header-inner{flex-wrap:wrap;padding:13px 18px}.faq-layout-layout-new .faq-new-nav{flex-basis:100%}.faq-layout-layout-new .faq-new-hero-inner{padding:48px 18px 42px}.faq-layout-layout-new .faq-new-hero h1{font-size:32px}.faq-layout-layout-new .faq-new-promoted,.faq-layout-layout-new .faq-new-knowledge{grid-template-columns:1fr}.faq-layout-layout-new .faq-new-section-heading{align-items:flex-start;flex-direction:column}.faq-layout-layout-new .faq-new-support{flex-direction:column;align-items:flex-start}.faq-layout-layout-new .faq-new-support-actions{width:100%}.faq-layout-layout-new .faq-new-support-actions a{flex:1}}



/* =========================================================
   LAYOUT-NIEUW - FINAL ROBUST GRID OVERRIDES
   These rules intentionally use the complete class names and
   also keep the two-column knowledge base layout on desktop.
   ========================================================= */
body{overflow-x:hidden}
.faq-layout-layout-new{width:100%;display:block;background:#f7f8fb;color:#172033}
.faq-layout-layout-new .faq-new-header{width:100%;display:block;background:#fff;border-bottom:1px solid #e6e9ee;box-shadow:0 1px 8px rgba(15,23,42,.04)}
.faq-layout-layout-new .faq-new-header-inner{width:min(1160px,calc(100% - 44px));margin:0 auto;min-height:74px;display:flex;align-items:center;gap:32px;padding:0}
.faq-layout-layout-new .faq-new-nav{min-width:0;display:flex;align-items:center;gap:3px;overflow-x:auto;white-space:nowrap;flex:1}
.faq-layout-layout-new .faq-new-nav a{display:inline-flex;align-items:center;padding:11px 13px;color:#344054;text-decoration:none;font-size:15px;line-height:1.2;font-weight:400;border-radius:7px;white-space:nowrap}
.faq-layout-layout-new .faq-new-hero{width:100%;display:block;position:relative;overflow:hidden;background:#09235b;color:#fff}
.faq-layout-layout-new .faq-new-hero-inner{width:min(980px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1;text-align:center;padding:58px 20px 44px}
.faq-layout-layout-new .faq-new-main{width:min(1160px,calc(100% - 44px));margin:0 auto;padding:34px 0 70px}
.faq-layout-layout-new .faq-new-section{width:100%;margin:0 0 34px}
.faq-layout-layout-new .faq-new-section-heading{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 17px}
.faq-layout-layout-new .faq-new-promoted{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.faq-layout-layout-new .faq-new-promoted-card{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:11px;min-height:78px;padding:14px 15px;background:#fff;border:1px solid #e1e6ed;border-radius:10px;text-decoration:none;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.faq-layout-layout-new .faq-new-knowledge{width:100%;display:grid;grid-template-columns:repeat(var(--faq-columns,2),minmax(0,1fr));gap:18px 22px;align-items:stretch}
.faq-layout-layout-new .faq-new-topic{min-width:0;width:100%;background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:21px 21px 18px;min-height:210px;box-shadow:0 1px 3px rgba(15,23,42,.025)}
.faq-layout-layout-new .faq-new-topic-head{display:flex;align-items:center;gap:13px;margin:0 0 12px}
.faq-layout-layout-new .faq-new-topic-head>div{min-width:0;flex:1}
.faq-layout-layout-new .faq-new-topic h3{margin:0 0 2px;font-size:18px;line-height:1.25;color:#172b4d;font-weight:700}
.faq-layout-layout-new .faq-new-topic>p{margin:0 0 12px;font-size:14px;color:#52657e;line-height:1.5}
.faq-layout-layout-new .faq-new-topic ul{list-style:none;padding:0;margin:0 0 14px}
.faq-layout-layout-new .faq-new-topic li{margin:0 0 7px;padding:0;line-height:1.4}
.faq-layout-layout-new .faq-new-topic li:before{display:none}
.faq-layout-layout-new .faq-new-topic li a{display:block;font-size:14px;color:#344b68;text-decoration:none}
.faq-layout-layout-new .faq-new-topic-link{display:inline-block;font-size:14px;color:#1769e0;text-decoration:none;font-weight:600}
@media(max-width:1000px){.faq-layout-layout-new .faq-new-promoted{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.faq-layout-layout-new .faq-new-header-inner{width:calc(100% - 32px);flex-wrap:wrap;padding:12px 0}.faq-layout-layout-new .faq-new-nav{flex-basis:100%;width:100%}.faq-layout-layout-new .faq-new-main{width:calc(100% - 32px)}.faq-layout-layout-new .faq-new-promoted,.faq-layout-layout-new .faq-new-knowledge{grid-template-columns:1fr}.faq-layout-layout-new .faq-new-section-heading{align-items:flex-start;flex-direction:column}.faq-layout-layout-new .faq-new-hero-inner{width:calc(100% - 28px)}}

/* Admin: menu button beheer */
.menu-manager-list{display:grid;gap:8px;max-width:760px}
.menu-manager-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.menu-manager-row:hover{background:#f2f5f9}
.menu-manager-row span{display:flex;flex-direction:column;gap:2px}
.menu-manager-row small{color:var(--muted);font-size:12px}
.menu-manager-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--brand)}
.table-wrap{overflow:auto}

/* Admin FAQ search */
.faq-admin-search{margin-top:0;margin-bottom:18px;padding:18px 22px}
.admin-search-form{display:flex;flex-direction:column;gap:8px}
.admin-search-form>label{font-weight:700}
.admin-search-row{display:flex;gap:10px;align-items:center}
.admin-search-row input{flex:1;min-width:0;padding:12px 14px;border:1px solid #d6dae2;border-radius:9px;font:inherit;outline:none}
.admin-search-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(21,94,239,.10)}
@media(max-width:600px){.admin-search-row{flex-wrap:wrap}.admin-search-row input{flex:1 1 100%}}

/* Gerelateerde F.A.Q. onder artikelen */
.related-faqs { margin-top:56px; padding-top:30px; border-top:1px solid #e8ebee; }
.related-faqs h2 { margin:0 0 18px; font-size:24px; color:#111827; }
.related-faqs-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.related-faq-card { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:58px; padding:15px 17px; border:1px solid #e1e5ea; border-radius:10px; background:#fff; color:#172033; text-decoration:none; transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease; }
.related-faq-card:hover { transform:translateY(-1px); border-color:#cbd2da; box-shadow:0 5px 16px rgba(23,32,51,.07); }
.related-faq-arrow { flex:0 0 auto; color:#5fbd54; font-weight:700; font-size:18px; }
.related-mode-options { display:flex; gap:22px; flex-wrap:wrap; padding:10px 0 4px; }
.related-mode-options label { display:flex; align-items:center; gap:7px; font-weight:600; }
.related-manual-fields { margin-top:10px; padding:15px; border:1px solid #e1e5ea; border-radius:10px; background:#f8f9fb; }
.related-help { margin:0 0 12px; }
.related-select-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.related-select-item { display:flex; flex-direction:column; gap:6px; }
.related-select-item select { width:100%; }
@media(max-width:700px){.related-faqs-list,.related-select-grid{grid-template-columns:1fr}}

/* Layout-Nieuw: titel en artikelinhoud exact op dezelfde leeslijn. */
.faq-layout-layout-new .public-content {
  width:min(1160px,calc(100% - 44px));
  margin:0 auto;
}
.faq-layout-layout-new .faq-article {
  width:min(920px,100%);
  max-width:920px;
  margin:0 auto;
  padding:0;
}
.faq-layout-layout-new .faq-article h1,
.faq-layout-layout-new .faq-article .answer,
.faq-layout-layout-new .faq-article .related-faqs {
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}

/* FAQ artikel: consistente uitlijning op kleinere schermen */
@media (max-width:700px) {
  .faq-article { width:100%; padding:0; }
  .faq-article h1 { margin-bottom:26px; font-size:32px; letter-spacing:-.4px; }
  .faq-article .answer { max-width:none; font-size:16px; line-height:1.68; }
  .faq-article .answer table { display:block; overflow-x:auto; white-space:nowrap; }
}


/* =========================================================
   FAQ ARTIKEL - Layout-Nieuw: nette titelkolom en leesbreedte
   ========================================================= */
.faq-public-article .faq-article-title {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  column-gap:10px;
  width:100%;
  max-width:1100px;
  margin:0 0 34px;
  font-size:34px;
  line-height:1.14;
  letter-spacing:-.75px;
  color:#111827;
  font-weight:700;
  text-wrap:nowrap;
}
.faq-public-article .faq-article-title-marker {
  display:block;
  color:var(--faq-article-marker-color,#5fbd54);
  font-weight:800;
  line-height:1.05;
  white-space:pre;
}
.faq-public-article .faq-article-title-text {
  display:block;
  min-width:0;
}
.faq-public-article .faq-article {
  width:min(980px,100%);
  max-width:980px;
  margin:0 auto;
}
.faq-public-article .faq-article .answer {
  width:100%;
  max-width:100%;
  font-size:17px;
  line-height:1.72;
}
.faq-public-article .faq-article .answer img {
  max-width:100%;
  height:auto;
}

@media (max-width:700px) {
  .faq-public-article .faq-article {
    width:100%;
  }
  .faq-public-article .faq-article-title {
    grid-template-columns:auto minmax(0,1fr);
    column-gap:7px;
    font-size:32px;
    line-height:1.16;
    letter-spacing:-.4px;
    margin-bottom:26px;
    text-wrap:wrap;
  }
}

.search-terms-field input{height:42px;min-height:42px;padding:8px 11px}

.related-search-item .related-article-search{width:100%;margin-bottom:8px;box-sizing:border-box}.related-search-item .related-article-select{width:100%}

.faq-row-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;white-space:nowrap}.faq-row-actions .btn{display:inline-flex!important;align-items:center;width:auto!important;margin:0!important;white-space:nowrap}

/* Zoekresultaten - nette, rustige kaarten */
.search-results-page{padding-top:34px;padding-bottom:60px}
.search-results-header{max-width:900px;margin:0 auto 22px}
.search-results-header h2{margin:0 0 7px;font-size:26px;line-height:1.25}
.search-results-header p{margin:0}
.search-results-page .results{max-width:900px;margin:0 auto;display:grid;gap:12px}
.search-results-page .search-result-card{box-sizing:border-box;display:block;padding:20px 22px;background:#fff;border:1px solid #e1e6ed;border-radius:14px;color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.035);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.search-results-page .search-result-card:hover{border-color:#cbd5e1;box-shadow:0 7px 20px rgba(15,23,42,.07);transform:translateY(-1px)}
.search-results-page .search-result-content{display:flex;flex-direction:column;gap:7px}
.search-results-page .search-result-content strong{font-size:16px;line-height:1.45}
.search-results-page .search-result-category{font-size:14px;color:#5f7893}
.search-results-page .search-no-results{max-width:900px;margin:0 auto;padding:24px;border:1px solid #e1e6ed;border-radius:14px;background:#fff}
@media(max-width:600px){.search-results-page{padding-top:24px}.search-results-header h2{font-size:22px}.search-results-page .search-result-card{padding:17px 18px}}

.admin-dashboard-search{margin-top:20px}
.admin-dashboard-search h2{margin-top:0;margin-bottom:14px}
.dashboard-search-count{margin:12px 0}
.dashboard-search-results{display:grid;gap:8px;margin-top:12px}
.dashboard-search-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #e1e6ed;border-radius:10px;background:#fff;text-decoration:none;color:inherit}
.dashboard-search-result:hover{border-color:#cbd5e1;background:#f8fafc}
.dashboard-search-result span:first-child{min-width:0}
.dashboard-search-result strong{display:block;line-height:1.35}
.dashboard-search-result small{display:block;margin-top:4px;color:#5f7893}
.dashboard-search-status{font-size:13px;white-space:nowrap;color:#5f7893}

/* Admin dashboard FAQ zoekresultaten: altijd één resultaat per regel */
.admin-dashboard-search .dashboard-search-results{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:8px;
  margin-top:12px;
}
.admin-dashboard-search .dashboard-search-result{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  justify-content:space-between;
  width:100%;
  box-sizing:border-box;
  min-width:0;
}
.admin-dashboard-search .dashboard-search-result span:first-child{
  display:block;
  flex:1 1 auto;
  min-width:0;
}
.admin-dashboard-search .dashboard-search-result strong{
  display:block !important;
  white-space:normal;
}
.admin-dashboard-search .dashboard-search-result small{
  display:block !important;
  margin-top:4px;
}
.admin-dashboard-search .dashboard-search-status{
  flex:0 0 auto;
  margin-left:16px;
}

.approval-dashboard-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0}
.approval-dashboard-notice h2{margin:0 0 6px}
.approval-dashboard-notice p{margin:0}
.approval-dashboard-notice.has-pending{border-left:4px solid #f59e0b}
.approval-list{display:grid;gap:14px}
.approval-card h2{margin:0 0 5px;font-size:19px}
.approval-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.approval-badge{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;background:#fff3cd;color:#7a5b00}
.approval-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media(max-width:700px){.approval-dashboard-notice,.approval-card-head{flex-direction:column;align-items:stretch}}

.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.stats-header h1{margin-bottom:5px}
.stats-header p{margin:0}
.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}
.stats-grid .stat{min-width:0}
.stats-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.stats-columns .panel,.stats-monthly{min-width:0}
.stats-list{display:flex;flex-direction:column;gap:7px}
.stats-list-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e1e6ed;border-radius:10px;text-decoration:none;color:inherit;background:#fff}
.stats-list-row:hover{border-color:#cbd5e1;background:#f8fafc}
.stats-rank{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef2f7;font-weight:700;font-size:12px;flex:0 0 auto}
.stats-row-main{min-width:0;flex:1}
.stats-row-main strong{display:block;line-height:1.35}
.stats-row-main small{display:block;margin-top:3px;color:#667b91}
.stats-value{white-space:nowrap}
.category-stat-row{padding:3px 0 10px}
.category-stat-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.category-stat-head span{white-space:nowrap;color:#667b91;font-size:13px}
.category-stat-bar{height:7px;border-radius:99px;background:#edf1f5;overflow:hidden}
.category-stat-bar span{display:block;height:100%;border-radius:99px;background:#2563eb}
.category-stat-row small{display:block;margin-top:5px}
.monthly-bars{display:flex;align-items:flex-end;gap:12px;height:230px;overflow-x:auto;padding:10px 4px 0}
.monthly-bar-item{height:100%;min-width:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.monthly-bar-track{height:175px;width:30px;display:flex;align-items:flex-end;justify-content:center}
.monthly-bar-track span{display:block;width:100%;min-height:6px;border-radius:5px 5px 2px 2px;background:#2563eb}
.monthly-bar-item strong{font-size:12px}
.monthly-bar-item small{font-size:11px;color:#667b91}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.stats-columns{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stats-section-title{margin:28px 0 12px}
.stats-search-grid .stat{min-height:88px}
.search-feedback-box{margin-top:24px;padding:20px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;text-align:center}
.search-feedback-box p{margin:6px 0 14px}
.search-feedback-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.search-feedback-actions form{margin:0}
.search-feedback-actions .btn{cursor:pointer}
.search-stats-columns{margin-top:20px}
.search-bars .monthly-bar-track{position:relative}
.search-bars .monthly-bar-track span{position:absolute;bottom:0;left:0;width:100%}
.search-bars .search-bar-all{background:#2563eb}
.search-bars .search-bar-no{background:#dc2626;width:45%!important;left:27.5%!important}
.chart-legend{font-size:12px;color:#667b91;margin:12px 0 0}
.chart-legend span{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 5px 0 12px}
.chart-legend span:first-child{margin-left:0}
.legend-all{background:#2563eb}.legend-no{background:#dc2626}

.stats-panel-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.stats-panel-header h2{margin-bottom:5px}
.stats-panel-header p{margin:0}
.retention-form label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}
.retention-form select{padding:7px 10px;border:1px solid #d7dee8;border-radius:7px;background:#fff}
.ip-stats-panel{margin-bottom:20px}
.ip-table-wrap{overflow:auto;margin-top:15px}
.ip-stats-table{width:100%;border-collapse:collapse}
.ip-stats-table th,.ip-stats-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e8edf2}
.ip-stats-table th{font-size:12px;color:#667b91}
.ip-stats-table code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:750px){.stats-panel-header{flex-direction:column}.retention-form{width:100%}}

.visitor-summary-grid{margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.visitor-detail-columns{margin-top:20px}

.faq-chatbot-toggle{position:fixed;right:22px;bottom:22px;z-index:9998;border:0;border-radius:999px;padding:13px 19px;background:#1769e0;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 28px rgba(15,23,42,.2)}
.faq-chatbot{display:none;position:fixed;right:22px;bottom:78px;width:360px;max-width:calc(100vw - 28px);height:520px;z-index:9999;background:#fff;border:1px solid #dce3ec;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22);overflow:hidden}
.faq-chatbot.open{display:flex;flex-direction:column}
.faq-chatbot-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e6ebf1}
.faq-chatbot-head button{border:0;background:transparent;font-size:25px;cursor:pointer;color:#667b91}
.faq-chatbot-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px;background:#f8fafc}
.faq-chatbot-msg{max-width:88%;padding:10px 12px;border-radius:12px;line-height:1.45;white-space:pre-wrap}
.faq-chatbot-msg.bot{background:#fff;border:1px solid #e1e7ef;align-self:flex-start}
.faq-chatbot-msg.user{background:#1769e0;color:#fff;align-self:flex-end}
.faq-chatbot-msg.source{font-size:12px;color:#667b91;background:transparent;border:0;padding:2px 4px}
.faq-chatbot-form{display:flex;gap:7px;padding:10px;border-top:1px solid #e6ebf1}
.faq-chatbot-form input{min-width:0;flex:1;border:1px solid #d6dee8;border-radius:9px;padding:10px}
.faq-chatbot-form button{border:0;border-radius:9px;padding:10px 12px;background:#1769e0;color:#fff;font-weight:600;cursor:pointer}
@media(max-width:520px){.faq-chatbot{right:10px;bottom:70px;width:calc(100vw - 20px);height:70vh}.faq-chatbot-toggle{right:12px;bottom:12px}}

.faq-chatbot-nav-link{font-weight:700!important}
.faq-chatbot-page{padding:48px 20px 70px}
.faq-chatbot-page-inner{max-width:860px;margin:0 auto}
.faq-chatbot-page-inner>h1{margin:0 0 8px}
.faq-chatbot-page-inner>p{margin:0 0 24px;color:var(--faq-muted,#657084)}
.faq-chatbot-page-box{height:620px;display:flex;flex-direction:column;background:#fff;border:1px solid #dce3ec;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px rgba(15,23,42,.08)}
.faq-chatbot-page-box .faq-chatbot-messages{background:#f8fafc}

/* FAQ Assistent – leesbare zoekresultaten */
.faq-chatbot-result{max-width:94%!important;padding:14px 16px!important}
.faq-chatbot-result-intro{font-weight:600;margin-bottom:12px;color:#172033}
.faq-chatbot-result-list{display:flex;flex-direction:column;gap:12px}
.faq-chatbot-result-card{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:14px 15px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.faq-chatbot-result-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.faq-chatbot-result-number{width:24px;height:24px;border-radius:50%;background:#1769e0;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.faq-chatbot-result-category{font-size:12px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 8px}
.faq-chatbot-result-card h3{font-size:16px;line-height:1.35;margin:0 0 9px;color:#142033}
.faq-chatbot-result-answer{font-size:14px;line-height:1.65;color:#42516a}
.faq-chatbot-result-answer p{margin:0 0 9px}
.faq-chatbot-result-answer p:last-child{margin-bottom:0}
.faq-chatbot-result-answer ul,.faq-chatbot-result-answer ol{margin:7px 0 9px;padding-left:22px}
.faq-chatbot-result-answer li{margin:3px 0}
.faq-chatbot-result-answer strong{color:#172033}
.faq-chatbot-result-answer a{color:#1769e0;text-decoration:underline}
.faq-chatbot-result-link{display:inline-block;margin-top:12px;color:#1769e0;font-weight:700;text-decoration:none;font-size:13px}
.faq-chatbot-result-link:hover{text-decoration:underline}
@media(max-width:600px){.faq-chatbot-result{max-width:96%!important}.faq-chatbot-result-card{padding:12px}.faq-chatbot-result-card h3{font-size:15px}}

.faq-chatbot-result-summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#64748b;margin:2px 0 5px}
.faq-chatbot-result-answer{max-height:7.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.faq-chatbot-result-link{margin-top:13px}

/* 404 pagina */
/* 404-pagina volgt de actieve layout: kleuren, lettertype en basiscomponenten
   komen uit de layout-variabelen die public_shell_header() op de pagina zet. */
.faq-404-page{min-height:58vh;display:flex;align-items:center;justify-content:center;padding:55px 20px;background:var(--faq-bg,#f7f8fb);color:var(--faq-text,#172033)}
.faq-404-card{width:min(760px,100%);text-align:center;background:var(--faq-header,#fff);border:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);border-radius:var(--radius,18px);padding:52px 42px;box-shadow:0 12px 35px color-mix(in srgb,var(--faq-text) 8%,transparent)}
.faq-404-code{font-size:76px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--faq-primary,#1769e0);margin-bottom:14px}
.faq-404-card h1{margin:0 0 12px;font-size:32px;color:var(--faq-text,#172033)}
.faq-404-card>p{margin:0 auto 24px;max-width:560px;color:var(--faq-muted,#657084);font-size:16px;line-height:1.65}
.faq-404-button{display:inline-block;text-decoration:none;background:var(--faq-primary,#1769e0);color:#fff}
.faq-404-search{margin-top:34px;padding-top:25px;border-top:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);text-align:left}
.faq-404-search>span{display:block;font-size:14px;font-weight:700;margin-bottom:9px;color:var(--faq-text,#26354a)}
.faq-404-search form{display:flex;gap:10px}
.faq-404-search input{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--faq-text) 15%,transparent);border-radius:10px;padding:12px 14px;font:inherit;background:var(--faq-header,#fff);color:var(--faq-text,#172033)}
.faq-404-search button{white-space:nowrap;background:var(--faq-primary,#1769e0);color:#fff}

/* Layout-specifieke 404-vormgeving. */
.faq-layout-vdx .faq-404-page{background:#fff}
.faq-layout-vdx .faq-404-card{max-width:760px;border:0;border-radius:0;box-shadow:none;background:#fff;padding:48px 20px}
.faq-layout-vdx .faq-404-code{font-size:64px;color:var(--faq-primary,#67b23e)}
.faq-layout-vdx .faq-404-card h1{font-size:28px;font-weight:600}
.faq-layout-vdx .faq-404-card>p{font-size:14px;color:#687386}
.faq-layout-vdx .faq-404-search{border-top:1px solid #edf0f3}
.faq-layout-modern .faq-404-card{border-radius:14px}
.faq-layout-layout-1 .faq-404-card{border-radius:9px}
.faq-layout-layout-new .faq-404-page{background:#f7f9fc}
.faq-layout-layout-new .faq-404-card{border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.10)}
.faq-layout-layout-new .faq-404-code{color:#1769e0}
@media(max-width:600px){
 .faq-404-card{padding:38px 22px}.faq-404-code{font-size:62px}.faq-404-card h1{font-size:26px}
 .faq-404-search form{flex-direction:column}.faq-404-search button{width:100%}
}

.faq-language-switcher-inline{display:inline-flex;align-items:center;gap:6px;margin-left:8px;font-size:13px}
.faq-language-switcher-inline span{opacity:.7}
.faq-language-switcher-inline select{border:1px solid #d9e1ea;background:#fff;border-radius:7px;padding:6px 8px;font:inherit;color:inherit}

.readonly-box{background:#f7f9fc;border:1px solid #d9e1ea;border-radius:8px;padding:11px 13px;min-height:42px;line-height:1.5}

.label-assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}.label-assignment-grid label{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#fff}.label-assignment-grid small{display:block;color:#64748b;margin-left:24px;margin-top:3px}

.label-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 20px}
.label-form-grid .field{display:flex;flex-direction:column;gap:6px}
.label-form-grid .field input,.label-form-grid .field select{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #d6dae2;border-radius:9px;background:#fff;color:inherit;font:inherit}
@media(max-width:800px){.label-form-grid{grid-template-columns:1fr}}

#label-form{display:block!important}
#label-form form{display:block!important}
#label-form .label-form-grid{display:grid!important}
#label-form .field{display:flex!important;visibility:visible!important}
#label-form input,#label-form select{visibility:visible!important;opacity:1!important}

.labels-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.label-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #e0e4eb;border-radius:12px;background:#fff}
.label-card-main h3{margin:0 0 8px;font-size:18px}
.label-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#657084;font-size:14px}
.label-active,.label-inactive{font-weight:700}
.label-active{color:#18794e}
.label-inactive{color:#a15c00}
.label-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.label-card-actions form{margin:0}
.btn.danger{background:#c92a2a;color:#fff;border-color:#c92a2a}
.empty-state{text-align:center;padding:30px 15px;border:1px dashed #d6dae2;border-radius:12px}
@media(max-width:800px){.label-card{align-items:flex-start;flex-direction:column}.label-card-actions{width:100%}}


/* =========================================================
   MODERN FAQ LAYOUT
   Available for the main site and individual business labels.
   ========================================================= */
.faq-modern-header{background:var(--faq-header);border-bottom:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);position:relative;z-index:10}
.faq-modern-header-inner{max-width:1180px;margin:0 auto;min-height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.faq-modern-brand{display:inline-flex;align-items:center;gap:10px;color:var(--faq-text);font-size:18px;font-weight:800;text-decoration:none;letter-spacing:-.02em}
.faq-modern-brand img{max-height:38px;max-width:180px;width:auto}
.faq-modern-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.faq-modern-nav>a{color:var(--faq-text);text-decoration:none;font-size:14px;font-weight:650;padding:9px 11px;border-radius:9px;transition:.15s ease}
.faq-modern-nav>a:hover{background:color-mix(in srgb,var(--faq-primary) 9%,transparent);color:var(--faq-primary)}
.faq-modern-nav>a:first-of-type{margin-left:4px}
.faq-modern-language{display:flex;align-items:center;gap:7px;color:var(--faq-muted);font-size:13px;margin-right:5px}
.faq-modern-language select{border:1px solid color-mix(in srgb,var(--faq-text) 14%,transparent);border-radius:8px;padding:7px 25px 7px 9px;background:var(--faq-header);color:var(--faq-text);font:inherit}

.faq-modern-main{background:var(--faq-bg);min-height:calc(100vh - 72px)}
.faq-modern-hero{padding:66px 24px 58px;background:
 radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--faq-primary) 15%,transparent),transparent 32%),
 linear-gradient(180deg,color-mix(in srgb,var(--faq-primary) 5%,var(--faq-bg)),var(--faq-bg))}
.faq-modern-hero-inner{max-width:920px;margin:0 auto;text-align:center}
.faq-modern-eyebrow,.faq-modern-kicker{display:inline-block;color:var(--faq-primary);font-size:12px;font-weight:800;letter-spacing:.13em}
.faq-modern-hero h1{margin:10px 0 12px;color:var(--faq-text);font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.045em}
.faq-modern-hero p{max-width:700px;margin:0 auto;color:var(--faq-muted);font-size:17px;line-height:1.65}
.faq-modern-search{max-width:760px;margin:30px auto 0;display:flex;align-items:center;padding:6px;background:var(--faq-header);border:1px solid color-mix(in srgb,var(--faq-text) 12%,transparent);border-radius:15px;box-shadow:0 12px 35px color-mix(in srgb,var(--faq-text) 9%,transparent);text-align:left}
.faq-modern-search-icon{font-size:26px;color:var(--faq-muted);padding:0 11px}
.faq-modern-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--faq-text);font-size:16px;padding:14px 8px}
.faq-modern-search input::placeholder{color:var(--faq-muted)}
.faq-modern-search button{border:0;border-radius:10px;background:var(--faq-primary);color:#fff;font-weight:750;font-size:14px;padding:13px 21px;cursor:pointer}
.faq-modern-search button:hover{filter:brightness(.96)}
.faq-modern-quick{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--faq-muted);font-size:13px}
.faq-modern-quick a{color:var(--faq-text);text-decoration:none;background:var(--faq-header);border:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);padding:6px 10px;border-radius:999px}
.faq-modern-quick a:hover{border-color:var(--faq-primary);color:var(--faq-primary)}

.faq-modern-content{max-width:1180px;margin:0 auto;padding:16px 28px 70px}
.faq-modern-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:22px 0 22px}
.faq-modern-section-title h2{margin:5px 0 0;font-size:28px;letter-spacing:-.03em;color:var(--faq-text)}
.faq-modern-count{color:var(--faq-muted);font-size:13px}
.faq-modern-category-grid{display:grid;grid-template-columns:repeat(var(--faq-columns,3),minmax(0,1fr));gap:16px}
.faq-modern-category{background:var(--faq-header);border:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);border-radius:16px;padding:20px;box-shadow:0 3px 12px color-mix(in srgb,var(--faq-text) 4%,transparent);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.faq-modern-category:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--faq-primary) 35%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--faq-text) 8%,transparent)}
.faq-modern-category-top{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;text-decoration:none;color:var(--faq-text)}
.faq-modern-icon{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--faq-primary) 10%,transparent);color:var(--faq-primary);display:grid;place-items:center;font-weight:850;font-size:17px}
.faq-modern-category-top strong{display:block;font-size:16px;line-height:1.3}
.faq-modern-category-top small{display:block;margin-top:4px;color:var(--faq-muted);font-size:12px}
.faq-modern-chevron{color:var(--faq-primary);font-size:18px;transition:transform .15s ease}
.faq-modern-category-top:hover .faq-modern-chevron{transform:translateX(3px)}
.faq-modern-category>p{color:var(--faq-muted);font-size:13px;line-height:1.55;margin:15px 0 0}
.faq-modern-category ul{list-style:none;padding:0;margin:16px 0 12px;border-top:1px solid color-mix(in srgb,var(--faq-text) 9%,transparent)}
.faq-modern-category li{border-bottom:1px solid color-mix(in srgb,var(--faq-text) 8%,transparent)}
.faq-modern-category li a{display:block;color:var(--faq-text);text-decoration:none;font-size:13px;line-height:1.45;padding:10px 0}
.faq-modern-category li a:hover{color:var(--faq-primary)}
.faq-modern-more{font-size:13px;color:var(--faq-primary);font-weight:750;text-decoration:none}
.faq-modern-more span{margin-left:3px}
.faq-modern-help{margin-top:28px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--faq-primary) 20%,transparent);background:color-mix(in srgb,var(--faq-primary) 5%,var(--faq-header));border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-modern-help>div{display:flex;align-items:center;gap:14px}
.faq-modern-help-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--faq-primary);color:#fff;font-weight:800}
.faq-modern-help h2{font-size:16px;margin:0 0 4px;color:var(--faq-text)}
.faq-modern-help p{margin:0;color:var(--faq-muted);font-size:13px}
.faq-modern-help>a{flex:none;color:#fff;background:var(--faq-primary);text-decoration:none;font-weight:750;font-size:13px;padding:11px 15px;border-radius:9px}
.faq-modern-help>a span{margin-left:5px}


/* VDX-style editable rating badge */
.faq-layout-vdx .faq-vdx-footer-rating{display:flex;align-items:center;justify-content:center;min-width:250px;height:100%;padding-bottom:0;position:relative;z-index:3}
.faq-layout-vdx .faq-vdx-rating-badge{
  width:218px;height:218px;border:3px solid #fff;border-radius:50%;background:#fff;color:#263746;
  box-shadow:0 0 0 2px #263746, inset 0 0 0 2px #263746;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  transform:rotate(-8deg) translateY(-6px);position:relative;
}
.faq-layout-vdx .faq-vdx-rating-badge:before{
  content:"";position:absolute;inset:8px;border:1px solid #263746;border-radius:50%;pointer-events:none
}
.faq-layout-vdx .faq-vdx-rating-badge:after{
  content:"";position:absolute;top:11px;right:31px;width:7px;height:7px;border-radius:50%;background:#263746
}
.faq-layout-vdx .faq-vdx-rating-text{max-width:165px;font-size:24px;line-height:1.1;font-weight:700;margin-bottom:11px}
.faq-layout-vdx .faq-vdx-rating-stars{color:#ffc400;font-size:24px;letter-spacing:1px;line-height:1;margin-bottom:6px}
.faq-layout-vdx .faq-vdx-rating-score{font-size:51px;line-height:1;font-weight:700;letter-spacing:-2px}
.faq-layout-vdx .faq-vdx-rating-note{font-size:11px;margin-top:5px;opacity:.8}

@media (max-width:900px){
 .faq-modern-header-inner{align-items:flex-start;flex-direction:column;padding:16px 20px}
 .faq-modern-nav{width:100%;justify-content:flex-start}
 .faq-modern-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-modern-content{padding-left:20px;padding-right:20px}
}
@media (max-width:620px){
 .faq-modern-hero{padding:46px 16px 40px}
 .faq-modern-hero h1{font-size:35px}
 .faq-modern-hero p{font-size:15px}
 .faq-modern-search{margin-top:22px}
 .faq-modern-search button{padding:12px 14px}
 .faq-modern-quick{justify-content:flex-start}
 .faq-modern-content{padding:8px 16px 50px}
 .faq-modern-section-title{align-items:flex-start;flex-direction:column;gap:8px}
 .faq-modern-category-grid{grid-template-columns:1fr}
 .faq-modern-help{align-items:flex-start;flex-direction:column}
 .faq-modern-help>a{width:100%;text-align:center;box-sizing:border-box}
}

/* Final: category count setting for Layout Nieuwe layout.
   The inline value on .faq-new-knowledge is the source of truth; this
   fallback keeps the grid responsive if inline styles are overridden. */
.faq-layout-layout-new .faq-new-knowledge{grid-template-columns:repeat(var(--faq-columns,3),minmax(0,1fr))!important}
@media(max-width:700px){
  .faq-layout-layout-new .faq-new-knowledge{grid-template-columns:1fr!important}
}


/* =========================================================
   VDX-STYLE LAYOUT
   Geïnspireerd op de opbouw van de VDX FAQ: witte topnavigatie,
   donkere/groene diagonale hero, zoekbalk en twee kolommen met
   compacte categorie-overzichten.
   ========================================================= */
.faq-layout-vdx .faq-vdx-header{background:#fff;color:#111;box-shadow:none}
.faq-layout-vdx .faq-vdx-header-inner{width:min(1400px,calc(100% - 64px));min-height:67px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.faq-layout-vdx .faq-vdx-brand{display:flex;align-items:center;text-decoration:none;color:#111;min-width:120px}
.faq-layout-vdx .faq-vdx-brand img{max-width:150px;max-height:44px;object-fit:contain}
.faq-layout-vdx .faq-vdx-brand span{font-size:34px;font-weight:700;letter-spacing:-2px;line-height:1}
.faq-layout-vdx .faq-vdx-topnav{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;overflow-x:auto;white-space:nowrap}
.faq-layout-vdx .faq-vdx-topnav a{padding:10px 11px;color:#687386;text-decoration:none;font-size:14px;line-height:1.2;border-radius:4px}
.faq-layout-vdx .faq-vdx-topnav a:hover{color:#111;background:#f5f6f7}
.faq-layout-vdx .faq-vdx-language{display:inline-flex;align-items:center;gap:5px;margin-right:6px;color:#687386;font-size:12px}
.faq-layout-vdx .faq-vdx-language span{display:none}
.faq-layout-vdx .faq-vdx-language select{border:0;background:transparent;color:#687386;font-size:13px;outline:none}
.faq-layout-vdx .faq-vdx-hero{position:relative;overflow:hidden;background:#3d3d3d;color:#fff}
.faq-layout-vdx .faq-vdx-hero-bg{position:absolute;inset:0;background:linear-gradient(164deg,#3e3e3e 0%,#3f3f3f 42%,#40513d 42.2%,#67b23e 72%,#67b23e 100%)}
.faq-layout-vdx .faq-vdx-hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(166deg,transparent 0 41%,rgba(15,35,15,.35) 41.2% 42%,transparent 42.2%)}
.faq-layout-vdx .faq-vdx-hero-inner{position:relative;z-index:1;width:min(760px,calc(100% - 40px));margin:0 auto;text-align:center;padding:88px 0 64px}
.faq-layout-vdx .faq-vdx-search{position:relative;height:55px;margin:0 auto;display:flex;align-items:center;max-width:630px;background:#fff;border-radius:7px;box-shadow:0 4px 16px rgba(0,0,0,.12);overflow:hidden}
.faq-layout-vdx .faq-vdx-search-icon{width:48px;height:55px;flex:none;position:relative}
.faq-layout-vdx .faq-vdx-search-icon:before{content:"";position:absolute;width:13px;height:13px;border:2px solid #7891ad;border-radius:50%;left:17px;top:16px}
.faq-layout-vdx .faq-vdx-search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#7891ad;transform:rotate(45deg);left:29px;top:31px;border-radius:2px}
.faq-layout-vdx .faq-vdx-search input{flex:1;min-width:0;height:55px;border:0;outline:0;background:#fff;color:#243449;font-size:16px;padding:0 16px 0 4px}
.faq-layout-vdx .faq-vdx-search input::placeholder{color:#b7c0cc}
.faq-layout-vdx .faq-vdx-search button{height:46px;margin-right:5px;padding:0 24px;border:0;border-radius:6px;background:var(--faq-primary,#67b23e);color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.faq-layout-vdx .faq-vdx-search button:hover{filter:brightness(.96)}
.faq-layout-vdx .faq-vdx-popular{margin-top:13px;font-size:14px;line-height:1.5;color:#fff}
.faq-layout-vdx .faq-vdx-popular strong{font-weight:700}
.faq-layout-vdx .faq-vdx-popular a{color:#fff;text-decoration:none;margin-left:3px}
.faq-layout-vdx .faq-vdx-popular a:hover{text-decoration:underline}
.faq-layout-vdx .faq-vdx-category-nav{position:absolute;left:0;right:0;bottom:0;z-index:2;background:rgba(0,0,0,.05)}
.faq-layout-vdx .faq-vdx-category-nav-inner{width:min(1100px,calc(100% - 40px));margin:0 auto;display:flex;justify-content:center;gap:2px;overflow-x:auto;white-space:nowrap}
.faq-layout-vdx .faq-vdx-category-nav a{display:inline-flex;align-items:center;padding:13px 11px 12px;color:#fff;text-decoration:none;font-size:14px;line-height:1.1;border-bottom:2px solid transparent}
.faq-layout-vdx .faq-vdx-category-nav a:hover,.faq-layout-vdx .faq-vdx-category-nav a.active{border-bottom-color:#fff;background:rgba(255,255,255,.07)}
.faq-vdx-main{background:#fff;color:#111;min-height:500px}
.faq-vdx-content{background:#fff}
.faq-vdx-content-inner{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}
.faq-vdx-category-grid{display:grid;grid-template-columns:repeat(var(--faq-columns,2),minmax(0,1fr));column-gap:110px;row-gap:44px}
.faq-vdx-category{min-width:0}
.faq-vdx-category h2{margin:0 0 13px;font-size:18px;line-height:1.25;font-weight:600;color:#111}
.faq-vdx-category h2 a{color:inherit;text-decoration:none}
.faq-vdx-category h2 span{color:var(--faq-primary,#67b23e);margin-right:5px;font-weight:700}
.faq-vdx-description{margin:-4px 0 10px;color:#687386;font-size:13px;line-height:1.5}
.faq-vdx-category ul{list-style:none;margin:0;padding:0 0 0 2px}
.faq-vdx-category li{position:relative;margin:0 0 5px;padding-left:16px;font-size:14px;line-height:1.4}
.faq-vdx-category li:before{content:"•";position:absolute;left:0;top:0;color:#7c8796}
.faq-vdx-category li a{color:#111;text-decoration:none}
.faq-vdx-category li a:hover{color:var(--faq-primary,#67b23e);text-decoration:underline}
.faq-vdx-more{display:inline-block;margin:5px 0 0 16px;color:#111;text-decoration:none;font-size:14px;font-weight:600}
.faq-vdx-more:hover{color:var(--faq-primary,#67b23e)}
@media(max-width:900px){
  .faq-layout-vdx .faq-vdx-category-grid{grid-template-columns:repeat(min(2,var(--faq-columns,2)),minmax(0,1fr));}
  .faq-layout-vdx .faq-vdx-header-inner{width:calc(100% - 32px)}
  .faq-layout-vdx .faq-vdx-topnav{gap:0}
  .faq-layout-vdx .faq-vdx-topnav a{font-size:13px;padding:9px 8px}
  .faq-layout-vdx .faq-vdx-hero-inner{padding:68px 0 72px}
  .faq-vdx-category-grid{column-gap:55px}
}
@media(max-width:650px){
  .faq-layout-vdx .faq-vdx-category-grid{grid-template-columns:1fr;}
  .faq-layout-vdx .faq-vdx-header-inner{width:calc(100% - 28px);min-height:62px;flex-wrap:wrap;padding:11px 0 8px;gap:8px}
  .faq-layout-vdx .faq-vdx-brand span{font-size:29px}
  .faq-layout-vdx .faq-vdx-topnav{width:100%;justify-content:flex-start;order:2}
  .faq-layout-vdx .faq-vdx-hero-inner{width:calc(100% - 28px);padding:52px 0 82px}
  .faq-layout-vdx .faq-vdx-search{height:52px}
  .faq-layout-vdx .faq-vdx-search input{height:52px;font-size:14px}
  .faq-layout-vdx .faq-vdx-search-icon{height:52px;width:42px}
  .faq-layout-vdx .faq-vdx-search-icon:before{left:13px;top:15px}
  .faq-layout-vdx .faq-vdx-search-icon:after{left:25px;top:30px}
  .faq-layout-vdx .faq-vdx-search button{height:44px;padding:0 15px}
  .faq-layout-vdx .faq-vdx-popular{font-size:12px}
  .faq-layout-vdx .faq-vdx-category-nav-inner{width:calc(100% - 20px);justify-content:flex-start}
  .faq-layout-vdx .faq-vdx-category-nav a{font-size:12px;padding:11px 8px}
  .faq-vdx-content-inner{width:calc(100% - 28px);padding:34px 0 55px}
  .faq-vdx-category-grid{grid-template-columns:1fr;row-gap:30px}
}

/* Clean Grid: force the hero/search area back into normal document flow.
   This prevents older/custom CSS rules from positioning the search inside the header. */
.faq-layout-clean-grid .faq-clean-header{
  position:relative!important;
  display:flex!important;
  float:none!important;
  width:100%!important;
  clear:both!important;
}
.faq-layout-clean-grid > .faq-clean-hero{
  display:block!important;
  position:relative!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  clear:both!important;
  inset:auto!important;
  margin:0!important;
  transform:none!important;
}
.faq-layout-clean-grid > .faq-clean-hero .faq-clean-hero-inner{
  display:block!important;
  position:relative!important;
  float:none!important;
  width:min(1100px,calc(100% - 48px))!important;
  max-width:1100px!important;
  margin:0 auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  text-align:center!important;
}
.faq-layout-clean-grid > .faq-clean-hero .faq-clean-search{
  display:block!important;
  position:relative!important;
  float:none!important;
  width:100%!important;
  max-width:1020px!important;
  margin:0 auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
}
.faq-layout-clean-grid > .faq-clean-hero .faq-clean-search input{
  display:block!important;
  position:relative!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.faq-layout-clean-grid > .faq-clean-main{
  position:relative!important;
  clear:both!important;
  float:none!important;
}

/* Layout 1 - inspired by modern help-centre layouts (structure, not branding) */
.faq-layout-layout-1{background:var(--faq-bg);color:var(--faq-text)}
.faq-layout-layout-1 .faq-layout1-header{background:var(--faq-header);border-bottom:1px solid color-mix(in srgb,var(--faq-text) 10%,transparent);position:relative;z-index:10}
.faq-layout-layout-1 .faq-layout1-header-inner{max-width:1240px;min-height:72px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:32px;box-sizing:border-box}
.faq-layout-layout-1 .faq-layout1-brand{display:flex;align-items:center;gap:9px;color:var(--faq-text);font-size:20px;font-weight:750;text-decoration:none;white-space:nowrap}
.faq-layout-layout-1 .faq-layout1-brand img{max-width:190px;max-height:44px;width:auto;object-fit:contain}
.faq-layout-layout-1 .faq-layout1-nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:1;overflow:auto;white-space:nowrap}
.faq-layout-layout-1 .faq-layout1-nav a{color:var(--faq-text);text-decoration:none;font-size:14px;padding:9px 11px;border-radius:7px}
.faq-layout-layout-1 .faq-layout1-nav a:hover,.faq-layout-layout-1 .faq-layout1-nav a.active{background:color-mix(in srgb,var(--faq-primary) 8%,transparent);color:var(--faq-primary)}
.faq-layout-layout-1 .faq-layout1-language{display:flex;align-items:center;gap:6px;color:var(--faq-muted);font-size:12px;margin-right:5px}
.faq-layout-layout-1 .faq-layout1-language select{border:1px solid color-mix(in srgb,var(--faq-text) 14%,transparent);border-radius:7px;padding:7px 24px 7px 8px;background:var(--faq-header);color:var(--faq-text);font:inherit}
.faq-layout-layout-1 .faq-layout1-hero{background:linear-gradient(135deg,#08265f 0%,#0d3a83 55%,#155fc2 100%);color:#fff;position:relative;overflow:hidden}
.faq-layout-layout-1 .faq-layout1-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 25%,rgba(72,147,255,.28),transparent 28%),radial-gradient(circle at 92% 10%,rgba(105,176,255,.22),transparent 30%);pointer-events:none}
.faq-layout-layout-1 .faq-layout1-hero-inner{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:58px 24px 46px;text-align:center;box-sizing:border-box}
.faq-layout-layout-1 .faq-layout1-hero h1{margin:0 0 10px;font-size:clamp(34px,4.6vw,48px);line-height:1.1;letter-spacing:-.035em;color:#fff}
.faq-layout-layout-1 .faq-layout1-hero p{max-width:760px;margin:0 auto 25px;color:#dbe8fb;font-size:16px;line-height:1.6}
.faq-layout-layout-1 .faq-layout1-search{max-width:760px;height:58px;margin:0 auto;display:flex;align-items:center;background:#fff;border-radius:9px;padding:5px;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.18);text-align:left}
.faq-layout-layout-1 .faq-layout1-search>span{width:45px;text-align:center;color:#7890b2;font-size:27px;line-height:1}
.faq-layout-layout-1 .faq-layout1-search input{min-width:0;flex:1;height:48px;border:0;outline:0;background:#fff;color:#172b4d;font-size:16px;padding:0 10px}
.faq-layout-layout-1 .faq-layout1-search input::placeholder{color:#91a0b6}
.faq-layout-layout-1 .faq-layout1-search button{height:48px;border:0;border-radius:6px;background:var(--faq-primary);color:#fff;font-size:14px;font-weight:700;padding:0 24px;cursor:pointer}
.faq-layout-layout-1 .faq-layout1-popular{margin-top:17px;color:#dbe8fb;font-size:13px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.faq-layout-layout-1 .faq-layout1-popular strong{color:#fff}
.faq-layout-layout-1 .faq-layout1-popular a{color:#fff;text-decoration:none}
.faq-layout-layout-1 .faq-layout1-popular a:hover{text-decoration:underline}
.faq-layout-layout-1 .faq-layout1-popular span{opacity:.65}
.faq-layout1-main{max-width:1160px;margin:0 auto;padding:38px 24px 70px;box-sizing:border-box}
.faq-layout1-section{margin:0 0 38px}
.faq-layout1-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:18px}
.faq-layout1-section-heading h2{margin:3px 0 5px;font-size:25px;line-height:1.2;letter-spacing:-.02em;color:var(--faq-text)}
.faq-layout1-section-heading p{margin:0;color:var(--faq-muted);font-size:14px;line-height:1.5}
.faq-layout1-kicker{display:block;color:var(--faq-primary);font-size:11px;font-weight:800;letter-spacing:.13em}
.faq-layout1-section-heading>a{color:var(--faq-primary);text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.faq-layout1-section-heading>a span,.faq-layout1-viewall span{margin-left:4px}
.faq-layout1-count{color:var(--faq-muted);font-size:13px;white-space:nowrap}
.faq-layout1-promoted-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.faq-layout1-promoted-card{min-height:76px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;padding:13px 15px;background:var(--faq-header);border:1px solid color-mix(in srgb,var(--faq-text) 11%,transparent);border-radius:9px;text-decoration:none;box-sizing:border-box;transition:.15s ease}
.faq-layout1-promoted-card:hover,.faq-layout1-category:hover{border-color:color-mix(in srgb,var(--faq-primary) 38%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--faq-text) 8%,transparent);transform:translateY(-1px)}
.faq-layout1-promoted-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--faq-primary) 10%,transparent);color:var(--faq-primary);font-weight:800}
.faq-layout1-promoted-card strong{display:block;color:var(--faq-text);font-size:14px;line-height:1.35}
.faq-layout1-promoted-card small{display:block;color:var(--faq-muted);font-size:12px;margin-top:4px}
.faq-layout1-arrow{color:var(--faq-primary);font-size:18px;text-align:right}
.faq-layout1-category-grid{display:grid;grid-template-columns:repeat(var(--faq-columns,3),minmax(0,1fr));gap:18px}
.faq-layout1-category{background:var(--faq-header);border:1px solid color-mix(in srgb,var(--faq-text) 11%,transparent);border-radius:10px;padding:19px 19px 17px;min-height:190px;box-sizing:border-box;transition:.15s ease}
.faq-layout1-category-head{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;text-decoration:none;color:var(--faq-text)}
.faq-layout1-category-icon{width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--faq-primary) 10%,transparent);color:var(--faq-primary);display:grid;place-items:center;font-size:22px}
.faq-layout1-category-head strong{display:block;font-size:17px;line-height:1.25}
.faq-layout1-category-head small{display:block;color:var(--faq-muted);font-size:12px;margin-top:4px}
.faq-layout1-category>p{color:var(--faq-muted);font-size:13px;line-height:1.5;margin:13px 0 10px}
.faq-layout1-category ul{list-style:none;padding:10px 0 0;margin:0 0 10px;border-top:1px solid color-mix(in srgb,var(--faq-text) 9%,transparent)}
.faq-layout1-category li{border-bottom:1px solid color-mix(in srgb,var(--faq-text) 8%,transparent)}
.faq-layout1-category li:last-child{border-bottom:0}
.faq-layout1-category li a{display:block;padding:8px 0;color:var(--faq-text);font-size:13px;line-height:1.4;text-decoration:none}
.faq-layout1-category li a:hover{color:var(--faq-primary)}
.faq-layout1-viewall{display:inline-block;color:var(--faq-primary);font-size:13px;font-weight:700;text-decoration:none;margin-top:2px}
.faq-layout1-support{margin-top:8px;padding:22px 24px;background:color-mix(in srgb,var(--faq-primary) 5%,var(--faq-header));border:1px solid color-mix(in srgb,var(--faq-primary) 20%,transparent);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}
.faq-layout1-support>div{display:flex;align-items:center;gap:13px}
.faq-layout1-support-icon{width:38px;height:38px;border-radius:50%;background:var(--faq-primary);color:#fff;display:grid;place-items:center;font-weight:800}
.faq-layout1-support h2{margin:0 0 4px;color:var(--faq-text);font-size:16px}
.faq-layout1-support p{margin:0;color:var(--faq-muted);font-size:13px}
.faq-layout1-support>a{background:var(--faq-primary);color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:11px 15px;border-radius:7px;white-space:nowrap}
@media(max-width:900px){
 .faq-layout-layout-1 .faq-layout1-header-inner{padding:12px 18px;flex-wrap:wrap;gap:8px}
 .faq-layout-layout-1 .faq-layout1-nav{flex-basis:100%;justify-content:flex-start;overflow:auto}
 .faq-layout1-promoted-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-layout1-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .faq-layout-layout-1 .faq-layout1-hero-inner{padding:46px 16px 38px}
 .faq-layout-layout-1 .faq-layout1-hero h1{font-size:34px}
 .faq-layout-layout-1 .faq-layout1-hero p{font-size:15px}
 .faq-layout-layout-1 .faq-layout1-search{height:auto;flex-wrap:wrap;padding:5px}
 .faq-layout-layout-1 .faq-layout1-search>span{display:none}
 .faq-layout-layout-1 .faq-layout1-search input{height:48px;padding-left:12px;flex-basis:100%}
 .faq-layout-layout-1 .faq-layout1-search button{width:100%}
 .faq-layout1-main{width:calc(100% - 28px);padding-left:0;padding-right:0}
 .faq-layout1-section-heading{align-items:flex-start;flex-direction:column;gap:8px}
 .faq-layout1-promoted-grid,.faq-layout1-category-grid{grid-template-columns:1fr}
 .faq-layout1-support{align-items:flex-start;flex-direction:column}
 .faq-layout1-support>a{width:100%;text-align:center;box-sizing:border-box}
}

/* Eigen layouts: instelbare achtergrond van de zoekbalkbanner */
.public-header .faq-clean-hero,
.public-header .faq-layout1-hero,
.public-header .faq-modern-hero,
.public-header .faq-new-hero,
.public-header .faq-vdx-hero{
  background:var(--faq-search-banner-bg)!important;
  color:var(--faq-search-banner-text);
}
.public-header .faq-clean-hero h1,
.public-header .faq-clean-hero p,
.public-header .faq-layout1-hero h1,
.public-header .faq-layout1-hero p,
.public-header .faq-modern-hero h1,
.public-header .faq-modern-hero p,
.public-header .faq-modern-eyebrow,
.public-header .faq-new-hero h1,
.public-header .faq-new-hero p{
  color:var(--faq-search-banner-text)!important;
}
.public-header .faq-vdx-hero-bg{background:var(--faq-search-banner-bg)!important}
.public-header .faq-new-hero-bg{background:var(--faq-search-banner-bg)!important}
.public-header .faq-layout1-hero:before{background:none!important}
.public-header .faq-vdx-hero-bg:before{display:none!important}
.public-header .faq-new-hero-bg:after{display:none!important}
.public-header .faq-clean-hero{border-bottom-color:transparent}

.layout-banner-previews{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:10px;margin-top:16px}
.layout-banner-preview{min-height:68px;border:2px solid #e5e7eb;border-radius:10px;color:#fff;font-weight:700;cursor:pointer;padding:8px;display:flex;align-items:flex-end;justify-content:flex-start;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.layout-banner-preview span{font-size:12px}
.layout-banner-preview.preview-blue{background:linear-gradient(135deg,#123b7a,#2f80ed)}
.layout-banner-preview.preview-midnight{background:linear-gradient(135deg,#07152f,#183d78 55%,#2a5ca8)}
.layout-banner-preview.preview-green{background:linear-gradient(135deg,#123f35,#2d8a61 55%,#6bc04b)}
.layout-banner-preview.preview-purple{background:linear-gradient(135deg,#32145f,#6d3bb7 55%,#a76be8)}
.layout-banner-preview.preview-sunset{background:linear-gradient(135deg,#6b2032,#d76b35 55%,#f3b24d)}
.layout-banner-preview.preview-light{background:linear-gradient(135deg,#edf4fb,#fff 52%,#eaf6ef);color:#172033;text-shadow:none}
.layout-banner-preview.preview-slate{background:linear-gradient(135deg,#1f2937,#475569 58%,#64748b)}
.layout-banner-preview.preview-kerst{background:linear-gradient(135deg,#720c1b 0%,#9c1627 48%,#273d2d 100%);position:relative;overflow:hidden}
.layout-banner-preview.preview-oranje{background:linear-gradient(135deg,#a83b00 0%,#f06a00 52%,#ffb13b 100%)}
.layout-banner-preview.preview-blauw-balletjes{background:radial-gradient(circle at 12% 26%,rgba(255,255,255,.78) 0 6px,transparent 7px),radial-gradient(circle at 79% 19%,rgba(255,255,255,.42) 0 15px,transparent 16px),radial-gradient(circle at 91% 70%,rgba(28,117,224,.34) 0 25px,transparent 26px),radial-gradient(circle at 35% 78%,rgba(255,255,255,.48) 0 11px,transparent 12px),radial-gradient(circle at 58% 43%,rgba(255,255,255,.18) 0 30px,transparent 31px),linear-gradient(135deg,#0756bd 0%,#42a9e8 55%,#c9efff 100%)}

.layout-banner-preview:hover{border-color:#1769e0;transform:translateY(-1px)}
@media(max-width:900px){.layout-banner-previews{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.layout-banner-previews{grid-template-columns:repeat(2,1fr)}}

/* Settings dropdown in the admin navigation */
.admin-settings-dropdown{position:relative;display:inline-block;margin:0;padding:0;z-index:1100;}
.admin-settings-dropdown>summary{list-style:none;cursor:pointer;}
.admin-settings-dropdown>summary::-webkit-details-marker{display:none;}
.admin-settings-dropdown>summary::after{content:'⌄';font-size:.8em;margin-left:7px;opacity:.8;position:relative;top:-1px;}
.admin-settings-dropdown[open]>summary::after{content:'⌃';}
.adminbar .admin-settings-dropdown>summary{color:inherit;font:inherit;font-weight:400;padding:10px 16px;border-radius:8px;}
.adminbar .admin-settings-dropdown>summary:hover{background:rgba(255,255,255,.10);}

.admin-settings-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:min(430px,calc(100vw - 32px));
  padding:10px 20px;
  border-radius:12px;
  background:#172033;
  color:#fff;
  box-shadow:0 16px 36px rgba(23,32,51,.28);
  border:1px solid rgba(255,255,255,.08);
  z-index:1200;
}
.admin-settings-menu a{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:74px;
  padding:14px 4px;
  color:#fff !important;
  text-decoration:none;
  white-space:normal;
  font-size:20px;
  line-height:1.25;
  border-radius:0;
}
.admin-settings-menu a + a{border-top:1px solid rgba(255,255,255,.14);}
.admin-settings-menu a:hover{background:rgba(255,255,255,.07);}
.admin-settings-icon{
  width:40px;
  min-width:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#cbd5e1;
  font-size:31px;
  line-height:1;
  font-family:system-ui,sans-serif;
}
.admin-settings-svg{
  width:34px;
  height:34px;
  min-width:34px;
  display:block;
  color:#cbd5e1;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.admin-settings-menu a > .admin-settings-svg:first-child{
  flex:0 0 34px;
}
.admin-settings-menu a > span{
  display:block;
}
@media (max-width:800px){
  .admin-settings-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(430px,calc(100vw - 32px));}
  .admin-settings-menu a{min-height:62px;font-size:17px;}
  .admin-settings-icon{font-size:26px;width:34px;min-width:34px;}
  .admin-settings-svg{width:30px;height:30px;min-width:30px;}
  .admin-settings-menu a > .admin-settings-svg:first-child{flex-basis:30px;}
}



/* FAQ dropdown in de admin navigatie, gelijk aan Settings */
.admin-faq-dropdown{position:relative;display:inline-block;margin:0;padding:0;z-index:1100}
.admin-faq-dropdown>summary{list-style:none;cursor:pointer}
.admin-faq-dropdown>summary::-webkit-details-marker{display:none}
.adminbar .admin-faq-dropdown>summary,
.adminbar-dashboard .admin-faq-dropdown>summary{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none;
  font-size:15px;
  font-weight:500;
  padding:12px 15px;
  border-radius:9px;
  white-space:nowrap;
}
.admin-faq-dropdown>summary:hover{background:rgba(255,255,255,.09)}
.admin-faq-dropdown>summary:after{content:'⌄';font-size:16px;line-height:1;opacity:.9;margin-left:1px;transform:translateY(-1px)}
.admin-faq-dropdown[open]>summary:after{content:'⌃'}
.admin-faq-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:min(430px,calc(100vw - 32px));
  padding:10px 20px;
  border-radius:12px;
  background:#172033;
  color:#fff;
  box-shadow:0 16px 36px rgba(23,32,51,.28);
  border:1px solid rgba(255,255,255,.08);
  z-index:1200;
}
.admin-faq-menu a{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:74px;
  padding:14px 4px;
  color:#fff!important;
  text-decoration:none;
  white-space:normal;
  font-size:20px;
  line-height:1.25;
  border-radius:0;
}
.admin-faq-menu a + a{border-top:1px solid rgba(255,255,255,.14)}
.admin-faq-menu a:hover{background:rgba(255,255,255,.07)}
.admin-faq-menu .admin-settings-svg{
  width:34px;height:34px;min-width:34px;display:block;
  color:#cbd5e1;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;flex:0 0 34px;
}
@media(max-width:800px){
  .admin-faq-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(430px,calc(100vw - 32px))}
  .admin-faq-menu a{min-height:62px;font-size:17px}
  .admin-faq-menu .admin-settings-svg{width:30px;height:30px;min-width:30px;flex-basis:30px}
}

/* Categorieën dropdown in de admin navigatie, gelijk aan Settings */
.admin-categories-dropdown{position:relative;display:inline-block;margin:0;padding:0;z-index:1100}
.admin-categories-dropdown>summary{list-style:none;cursor:pointer}
.admin-categories-dropdown>summary::-webkit-details-marker{display:none}
.adminbar-dashboard .admin-categories-dropdown>summary{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-size:15px;font-weight:500;padding:12px 15px;border-radius:9px;white-space:nowrap}
.adminbar-dashboard .admin-categories-dropdown>summary:hover{background:rgba(255,255,255,.09)}
.admin-categories-dropdown>summary:after{content:'⌄';font-size:16px;line-height:1;opacity:.9;margin-left:1px;transform:translateY(-1px)}
.admin-categories-dropdown[open]>summary:after{content:'⌃'}
.admin-category-menu{
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  width:455px;
  z-index:1000;
  background:#071b34;
  border:1px solid rgba(255,255,255,.15);
  border-radius:11px;
  padding:8px 18px;
  box-shadow:0 18px 35px rgba(15,23,42,.24);
}
.admin-category-menu a{
  display:flex;
  align-items:center;
  gap:17px;
  color:#fff!important;
  text-decoration:none;
  padding:18px 9px;
  border-bottom:1px solid rgba(255,255,255,.16);
  font-size:15px;
}
.admin-category-menu a:last-child{border-bottom:0}
.admin-category-menu a:hover{background:rgba(255,255,255,.07);border-radius:7px}
.admin-category-menu .admin-settings-svg{width:27px;height:27px;flex:none;fill:none;stroke:#dbe4f0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){
  .admin-category-menu{left:0;max-width:calc(100vw - 36px)}
}

/* Dashboard redesign - gebaseerd op de aangeleverde admin-dashboard screenshot */
.admin-dashboard{width:min(1360px,calc(100% - 60px));margin:38px auto 56px}
.dashboard-welcome{margin:0 0 52px}
.dashboard-welcome h1{margin:0 0 12px;font-size:32px;line-height:1.15;color:#10233f;letter-spacing:-.5px}
.dashboard-welcome p{margin:0;color:#718096;font-size:16px}
.dashboard-section{margin-bottom:24px}
.dashboard-section h2,.dashboard-panel-head h2{margin:0;color:#14233d;font-size:21px;line-height:1.25}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:18px}
.dashboard-stat-card{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:28px 28px 25px;min-height:194px;box-shadow:0 2px 7px rgba(15,23,42,.035);display:flex;flex-direction:column;align-items:flex-start}
.dashboard-stat-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;margin:0 0 25px}
.dashboard-stat-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dashboard-icon-blue{color:#0b84ee;background:#eaf4ff}.dashboard-icon-green{color:#08a650;background:#eafbf2}.dashboard-icon-purple{color:#6941c6;background:#f1ebff}.dashboard-icon-violet{color:#6d4bd2;background:#f0eaff}
.dashboard-stat-card strong{font-size:31px;line-height:1;font-weight:750;color:#12243f;margin-bottom:11px}
.dashboard-stat-card span{font-size:16px;font-weight:600;color:#172b4d;margin-bottom:7px}
.dashboard-stat-card small{font-size:13px;color:#7b8ca3}
.dashboard-approval-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffaf0;border:1px solid #f6d78d;border-radius:12px;padding:17px 20px;margin:22px 0}
.dashboard-approval-panel{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;background:#fffaf0;border:1px solid #f6d78d;border-radius:14px;padding:18px 20px;margin:22px 0;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.dashboard-approval-panel.has-pending{border-left:4px solid #f59e0b;padding-left:17px}
.dashboard-approval-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:#fff1c7;color:#a16207}
.dashboard-approval-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-approval-copy h2{margin:0 0 4px;font-size:18px;color:#172033}
.dashboard-approval-copy p{margin:0;color:#7b6a45;font-size:14px}
.dashboard-approval-copy strong{color:#6d4d00}
.dashboard-approval-banner div{display:flex;flex-direction:column;gap:4px}.dashboard-approval-banner strong{color:#6d4d00}.dashboard-approval-banner span{color:#7b6a45;font-size:14px}
.dashboard-primary-btn{background:#155eef;color:#fff;text-decoration:none;border-radius:8px;padding:10px 15px;font-weight:650;white-space:nowrap}.dashboard-primary-btn:hover{background:#0d47b5}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:28px;margin-top:28px}
.dashboard-panel{background:#fff;border:1px solid #e2e7ee;border-radius:14px;box-shadow:0 2px 7px rgba(15,23,42,.035);padding:28px}
.dashboard-panel-head{margin-bottom:20px}
.dashboard-recent-list{display:grid;gap:10px}
.dashboard-recent-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:11px 16px;border:1px solid #e4e8ef;border-radius:10px;text-decoration:none;background:#fff;transition:.15s ease}
.dashboard-recent-item:hover{border-color:#cfd8e5;box-shadow:0 4px 14px rgba(15,23,42,.05);transform:translateY(-1px)}
.dashboard-recent-icon{width:44px;height:44px;border-radius:10px;background:#eef1f5;color:#59718e;display:grid;place-items:center}.dashboard-recent-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-recent-copy{min-width:0}.dashboard-recent-copy strong{display:block;color:#152b4a;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent-copy small{display:block;margin-top:5px;color:#70819a;font-size:12px}
.dashboard-recent-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}.dashboard-recent-meta small{color:#71829a;font-size:12px}.dashboard-status{font-style:normal;font-size:12px;border-radius:999px;padding:6px 13px}.dashboard-status.published{background:#e5f8ee;color:#14965a}.dashboard-status.draft{background:#e9edf2;color:#56677c}
.dashboard-shortcuts .dashboard-panel-head{margin-bottom:16px}.dashboard-shortcut-list{border:1px solid #e0e5ec;border-radius:10px;overflow:hidden}.dashboard-shortcut-list a{display:flex;align-items:center;gap:14px;padding:14px 16px;color:#52657e;text-decoration:none;border-bottom:1px solid #e0e5ec;font-size:14px}.dashboard-shortcut-list a:last-child{border-bottom:0}.dashboard-shortcut-list a:hover{background:#f8fafc;color:#172033}.dashboard-shortcut-list a>span:first-child{width:20px;min-width:20px;display:grid;place-items:center;color:#172033}.dashboard-shortcut-list svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-empty{padding:28px 10px;color:#718096;text-align:center}
.admin-dashboard-search{margin-top:28px}.admin-dashboard-search h2{font-size:20px}
@media(max-width:1050px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower-grid{grid-template-columns:1fr}}
@media(max-width:700px){.admin-dashboard{width:min(100% - 32px,1360px);margin-top:26px}.dashboard-welcome{margin-bottom:34px}.dashboard-welcome h1{font-size:27px}.dashboard-stat-grid{grid-template-columns:1fr;gap:14px}.dashboard-stat-card{min-height:auto}.dashboard-recent-item{grid-template-columns:44px minmax(0,1fr)}.dashboard-recent-meta{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.dashboard-approval-banner{align-items:stretch;flex-direction:column}.dashboard-approval-panel{grid-template-columns:44px minmax(0,1fr);align-items:start}.dashboard-approval-icon{width:44px;height:44px}.dashboard-approval-panel .dashboard-primary-btn{grid-column:1 / -1}.dashboard-panel{padding:20px}}

/* Admin header: screenshot-inspired navigation */
.adminbar-dashboard{min-height:78px;height:auto;background:#071b34;padding:0 30px;gap:28px;box-shadow:0 1px 0 rgba(255,255,255,.03);box-sizing:border-box}
.adminbar-dashboard .admin-brand-link{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:16px;white-space:nowrap;padding:10px 0}
.adminbar-dashboard .admin-brand-link svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.adminbar-dashboard nav{align-items:center;gap:8px;flex:1}
.adminbar-dashboard nav>a,.adminbar-dashboard nav>details>summary{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-size:15px;font-weight:500;padding:12px 15px;border-radius:9px;white-space:nowrap;list-style:none;cursor:pointer}
.adminbar-dashboard nav>a:hover,.adminbar-dashboard nav>details>summary:hover{background:rgba(255,255,255,.09)}
.adminbar-dashboard nav>a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.adminbar-dashboard nav>details{position:relative}
.adminbar-dashboard nav>details>summary::-webkit-details-marker{display:none}
.adminbar-dashboard nav>details>summary:after{content:'⌄';font-size:16px;line-height:1;opacity:.9;margin-left:1px;transform:translateY(-1px)}
.adminbar-dashboard nav>details[open]>summary:after{content:'⌃'}
.adminbar-dashboard .admin-settings-menu{position:absolute;top:calc(100% + 7px);left:0;width:455px;z-index:1000;background:#071b34;border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:8px 18px;box-shadow:0 18px 35px rgba(15,23,42,.24)}
.adminbar-dashboard .admin-settings-menu a{display:flex;align-items:center;gap:17px;color:#fff!important;text-decoration:none;padding:18px 9px;border-bottom:1px solid rgba(255,255,255,.16);font-size:15px}
.adminbar-dashboard .admin-settings-menu a:last-child{border-bottom:0}
.adminbar-dashboard .admin-settings-menu a:hover{background:rgba(255,255,255,.07);border-radius:7px}
.adminbar-dashboard .admin-settings-svg{width:27px;height:27px;flex:none;fill:none;stroke:#dbe4f0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.adminbar-dashboard{padding:12px 18px;flex-wrap:wrap}.adminbar-dashboard nav{flex-wrap:wrap}.adminbar-dashboard .admin-settings-menu{left:0;max-width:calc(100vw - 36px)}}

/* Geselecteerde banner-preview */
.layout-banner-preview.is-selected{
  outline:3px solid var(--faq-primary,#1769e0);
  outline-offset:2px;
  box-shadow:0 0 0 2px rgba(23,105,224,.16);
  position:relative;
}
.layout-banner-preview.is-selected::after{
  content:'✓';
  position:absolute;
  top:7px;
  right:9px;
  width:24px;
  height:24px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--faq-primary,#1769e0);
  color:#fff;
  font-weight:800;
  line-height:1;
}
.layout-banner-preview.preview-current{
  background:linear-gradient(135deg,#eef2f7,#cbd5e1);
  color:#172033;
}


/* Christmas search background - CSS only */
.kerst-style-bg {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 8% 24%, rgba(255,255,255,.86) 0 2px, transparent 3px),
    radial-gradient(circle at 23% 72%, rgba(255,255,255,.72) 0 2px, transparent 3px),
    radial-gradient(circle at 73% 31%, rgba(255,255,255,.8) 0 2px, transparent 3px),
    radial-gradient(circle at 88% 68%, rgba(255,255,255,.68) 0 2px, transparent 3px),
    linear-gradient(135deg, #720c1b 0%, #9c1627 48%, #273d2d 100%);
}

.kerst-style-bg::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 74px;
  background:
    radial-gradient(circle at 4% 55%, #ffe56b 0 4px, rgba(255,211,72,.32) 5px, transparent 10px),
    radial-gradient(circle at 12% 42%, #fff2ad 0 4px, rgba(255,221,88,.28) 5px, transparent 10px),
    radial-gradient(circle at 20% 57%, #ffcf4b 0 4px, rgba(255,211,72,.28) 5px, transparent 10px),
    radial-gradient(circle at 29% 43%, #fff2ad 0 4px, rgba(255,221,88,.28) 5px, transparent 10px),
    radial-gradient(circle at 38% 58%, #ffcf4b 0 4px, rgba(255,211,72,.28) 5px, transparent 10px),
    radial-gradient(circle at 47% 44%, #fff2ad 0 4px, rgba(255,221,88,.28) 5px, transparent 10px),
    radial-gradient(circle at 56% 57%, #ffcf4b 0 4px, rgba(255,211,72,.28) 5px, transparent 10px),
    radial-gradient(circle at 65% 43%, #fff2ad 0 4px, rgba(255,221,88,.28) 5px, transparent 10px),
    radial-gradient(circle at 74% 58%, #ffcf4b 0 4px, rgba(255,211,72,.28) 5px, transparent 10px),
    radial-gradient(circle at 83% 43%, #fff2ad 0 4px, rgba(255,221,88,.28) 5px, transparent 10px),
    radial-gradient(circle at 92% 57%, #ffcf4b 0 4px, rgba(255,211,72,.28) 5px, transparent 10px),
    linear-gradient(172deg, transparent 0 42%, rgba(35,14,12,.9) 42.5% 46%, transparent 46.5%),
    linear-gradient(8deg, transparent 0 43%, rgba(35,14,12,.9) 43.5% 47%, transparent 47.5%);
  pointer-events: none;
}

.kerst-style-bg::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 260px;
  height: 290px;
  right: clamp(70px, 18vw, 280px);
  bottom: -18px;
  background:
    /* star */
    radial-gradient(circle at 50% 2%, #ffe36b 0 7px, transparent 8px),
    /* ornaments */
    radial-gradient(circle at 38% 36%, #e84d4d 0 5px, transparent 6px),
    radial-gradient(circle at 62% 49%, #f8d45a 0 5px, transparent 6px),
    radial-gradient(circle at 34% 62%, #f5f0dc 0 5px, transparent 6px),
    radial-gradient(circle at 70% 72%, #e84d4d 0 5px, transparent 6px),
    /* garlands */
    radial-gradient(ellipse at 50% 38%, transparent 0 39px, #e6c348 40px 44px, transparent 45px),
    radial-gradient(ellipse at 50% 55%, transparent 0 62px, #e6c348 63px 67px, transparent 68px),
    radial-gradient(ellipse at 50% 73%, transparent 0 84px, #e6c348 85px 89px, transparent 90px),
    /* tree layers */
    linear-gradient(180deg, transparent 0 7%, #0f6a34 7% 11%, transparent 11%),
    linear-gradient(180deg, transparent 0 12%, #0d5b2c 12% 30%, transparent 30%),
    linear-gradient(180deg, transparent 0 28%, #0e6631 28% 51%, transparent 51%),
    linear-gradient(180deg, transparent 0 49%, #0a5428 49% 75%, transparent 75%),
    /* trunk */
    linear-gradient(90deg, transparent 0 46%, #6e4525 46% 54%, transparent 54%);
  clip-path: polygon(50% 0, 54% 8%, 61% 8%, 57% 14%, 72% 32%, 64% 32%, 82% 54%, 72% 54%, 94% 82%, 59% 82%, 59% 100%, 41% 100%, 41% 82%, 6% 82%, 28% 54%, 18% 54%, 36% 32%, 28% 32%, 43% 14%, 39% 8%, 46% 8%);
  filter: drop-shadow(0 7px 10px rgba(0,0,0,.28));
  pointer-events: none;
}

.kerst-style-bg .kerst-snow {
  position: absolute;
  z-index: 0;
  left: -2%;
  right: -2%;
  bottom: -1px;
  height: 32px;
  background: linear-gradient(180deg, #fff 0%, #dce7e1 100%);
  clip-path: polygon(0 35%, 8% 20%, 17% 38%, 27% 18%, 37% 34%, 48% 17%, 60% 34%, 71% 18%, 83% 35%, 92% 20%, 100% 32%, 100% 100%, 0 100%);
  pointer-events: none;
}

.kerst-style-bg > * {
  position: relative;
  z-index: 2;
}


/* Definitive CSS-only Christmas banner. The preset itself stays a valid
   CSS background; this class adds the tree and lights to the actual hero. */
.public-header.faq-kerst-banner .faq-vdx-hero,
.public-header.faq-kerst-banner .faq-new-hero,
.public-header.faq-kerst-banner .faq-modern-hero,
.public-header.faq-kerst-banner .faq-layout1-hero,
.public-header.faq-kerst-banner .faq-clean-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  background:linear-gradient(135deg,#650916 0%,#9b1427 48%,#263c2b 100%)!important;
}
.public-header.faq-kerst-banner .faq-vdx-hero::before,
.public-header.faq-kerst-banner .faq-new-hero::before,
.public-header.faq-kerst-banner .faq-modern-hero::before,
.public-header.faq-kerst-banner .faq-layout1-hero::before,
.public-header.faq-kerst-banner .faq-clean-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;right:0;top:0;height:68px;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 55%,#ffe66d 0 3px,transparent 4px),
    radial-gradient(circle at 12% 42%,#fff4b0 0 3px,transparent 4px),
    radial-gradient(circle at 20% 58%,#ffd04b 0 3px,transparent 4px),
    radial-gradient(circle at 29% 43%,#fff4b0 0 3px,transparent 4px),
    radial-gradient(circle at 38% 58%,#ffd04b 0 3px,transparent 4px),
    radial-gradient(circle at 47% 43%,#fff4b0 0 3px,transparent 4px),
    radial-gradient(circle at 56% 58%,#ffd04b 0 3px,transparent 4px),
    radial-gradient(circle at 65% 43%,#fff4b0 0 3px,transparent 4px),
    radial-gradient(circle at 74% 58%,#ffd04b 0 3px,transparent 4px),
    radial-gradient(circle at 83% 43%,#fff4b0 0 3px,transparent 4px),
    radial-gradient(circle at 92% 58%,#ffd04b 0 3px,transparent 4px),
    linear-gradient(173deg,transparent 0 43%,rgba(34,13,13,.95) 44% 47%,transparent 48%);
}
.public-header.faq-kerst-banner .faq-vdx-hero::after,
.public-header.faq-kerst-banner .faq-new-hero::after,
.public-header.faq-kerst-banner .faq-modern-hero::after,
.public-header.faq-kerst-banner .faq-layout1-hero::after,
.public-header.faq-kerst-banner .faq-clean-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  right:clamp(28px,12vw,210px);
  bottom:-22px;
  width:190px;
  height:245px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 3%,#ffe36b 0 7px,transparent 8px),
    radial-gradient(circle at 38% 38%,#e84d4d 0 5px,transparent 6px),
    radial-gradient(circle at 66% 50%,#f8d45a 0 5px,transparent 6px),
    radial-gradient(circle at 34% 63%,#f5f0dc 0 5px,transparent 6px),
    radial-gradient(circle at 70% 72%,#e84d4d 0 5px,transparent 6px),
    radial-gradient(ellipse at 50% 40%,transparent 0 32px,#e5c54e 33px 36px,transparent 37px),
    radial-gradient(ellipse at 50% 57%,transparent 0 50px,#e5c54e 51px 54px,transparent 55px),
    radial-gradient(ellipse at 50% 75%,transparent 0 68px,#e5c54e 69px 72px,transparent 73px),
    linear-gradient(90deg,transparent 0 47%,#704523 48% 53%,transparent 54%);
  clip-path:polygon(50% 0,56% 9%,69% 9%,61% 16%,75% 34%,66% 34%,85% 55%,74% 55%,100% 83%,57% 83%,57% 100%,43% 100%,43% 83%,0 83%,26% 55%,15% 55%,34% 34%,25% 34%,39% 16%,31% 9%,44% 9%);
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.3));
}
.public-header.faq-kerst-banner .faq-vdx-hero-inner,
.public-header.faq-kerst-banner .faq-new-hero-inner,
.public-header.faq-kerst-banner .faq-modern-hero-inner,
.public-header.faq-kerst-banner .faq-layout1-hero-inner,
.public-header.faq-kerst-banner .faq-clean-hero-inner{
  position:relative!important;
  z-index:2!important;
}

/* Admin tile: show the same Christmas motif instead of a plain white tile. */
.layout-banner-preview.preview-kerst{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#650916 0%,#9b1427 48%,#263c2b 100%)!important;
}
.layout-banner-preview.preview-kerst::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:30px;
  background:
    radial-gradient(circle at 10% 55%,#ffe66d 0 2px,transparent 3px),
    radial-gradient(circle at 30% 45%,#fff4b0 0 2px,transparent 3px),
    radial-gradient(circle at 50% 55%,#ffd04b 0 2px,transparent 3px),
    radial-gradient(circle at 70% 45%,#fff4b0 0 2px,transparent 3px),
    radial-gradient(circle at 90% 55%,#ffd04b 0 2px,transparent 3px);
  border-top:2px solid rgba(40,14,14,.8);
}
.layout-banner-preview.preview-kerst::after{
  content:"";
  position:absolute;width:58px;height:72px;right:18px;bottom:-3px;
  background:
    radial-gradient(circle at 50% 4%,#ffe36b 0 3px,transparent 4px),
    radial-gradient(circle at 40% 42%,#e84d4d 0 3px,transparent 4px),
    radial-gradient(circle at 65% 58%,#f8d45a 0 3px,transparent 4px),
    linear-gradient(90deg,transparent 46%,#704523 47% 53%,transparent 54%),
    linear-gradient(180deg,transparent 10%,#117039 10% 35%,transparent 35%),
    linear-gradient(180deg,transparent 30%,#0d5e2d 30% 58%,transparent 58%),
    linear-gradient(180deg,transparent 52%,#0a5428 52% 78%,transparent 78%);
  clip-path:polygon(50% 0,56% 12%,70% 12%,62% 20%,78% 40%,68% 40%,90% 64%,78% 64%,100% 86%,58% 86%,58% 100%,42% 100%,42% 86%,0 86%,22% 64%,10% 64%,32% 40%,22% 40%,38% 20%,30% 12%,44% 12%);
}

/* Oud & Nieuw - CSS-only search background. No image asset required. */
.public-header.faq-oud-nieuwjaar-banner .faq-vdx-hero,
.public-header.faq-oud-nieuwjaar-banner .faq-new-hero,
.public-header.faq-oud-nieuwjaar-banner .faq-modern-hero,
.public-header.faq-oud-nieuwjaar-banner .faq-layout1-hero,
.public-header.faq-oud-nieuwjaar-banner .faq-clean-hero{
  position:relative!important;overflow:hidden!important;isolation:isolate;
  background:
    radial-gradient(circle at 18% 26%,rgba(255,215,90,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 83% 20%,rgba(255,255,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 58% 15%,rgba(120,180,255,.8) 0 2px,transparent 3px),
    linear-gradient(135deg,#050b2a 0%,#101b50 48%,#080d26 100%)!important;
}
.public-header.faq-oud-nieuwjaar-banner .faq-vdx-hero::before,
.public-header.faq-oud-nieuwjaar-banner .faq-new-hero::before,
.public-header.faq-oud-nieuwjaar-banner .faq-modern-hero::before,
.public-header.faq-oud-nieuwjaar-banner .faq-layout1-hero::before,
.public-header.faq-oud-nieuwjaar-banner .faq-clean-hero::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 16% 38%,#fff7c7 0 3px,transparent 4px),
    radial-gradient(circle at 16% 38%,transparent 0 18px,#ffd84f 19px 21px,transparent 22px),
    radial-gradient(circle at 16% 38%,transparent 0 31px,#e84f72 32px 34px,transparent 35px),
    radial-gradient(circle at 16% 38%,transparent 0 44px,#6dc7ff 45px 47px,transparent 48px),
    radial-gradient(circle at 79% 31%,#fff 0 3px,transparent 4px),
    radial-gradient(circle at 79% 31%,transparent 0 17px,#6dc7ff 18px 20px,transparent 21px),
    radial-gradient(circle at 79% 31%,transparent 0 29px,#ffd84f 30px 32px,transparent 33px),
    radial-gradient(circle at 79% 31%,transparent 0 42px,#e84f72 43px 45px,transparent 46px),
    radial-gradient(circle at 50% 18%,#fff7c7 0 3px,transparent 4px),
    radial-gradient(circle at 50% 18%,transparent 0 14px,#e84f72 15px 17px,transparent 18px),
    radial-gradient(circle at 50% 18%,transparent 0 26px,#ffd84f 27px 29px,transparent 30px);
}
.public-header.faq-oud-nieuwjaar-banner .faq-vdx-hero::after,
.public-header.faq-oud-nieuwjaar-banner .faq-new-hero::after,
.public-header.faq-oud-nieuwjaar-banner .faq-modern-hero::after,
.public-header.faq-oud-nieuwjaar-banner .faq-layout1-hero::after,
.public-header.faq-oud-nieuwjaar-banner .faq-clean-hero::after{
  content:"Vuurwerk";position:absolute;z-index:1;right:clamp(30px,10vw,170px);bottom:14px;
  color:rgba(255,255,255,.92);font-size:clamp(14px,1.5vw,22px);font-weight:800;
  letter-spacing:.12em;text-shadow:0 2px 12px rgba(0,0,0,.45);pointer-events:none;
}
.public-header.faq-oud-nieuwjaar-banner .faq-vdx-hero-inner,
.public-header.faq-oud-nieuwjaar-banner .faq-new-hero-inner,
.public-header.faq-oud-nieuwjaar-banner .faq-modern-hero-inner,
.public-header.faq-oud-nieuwjaar-banner .faq-layout1-hero-inner,
.public-header.faq-oud-nieuwjaar-banner .faq-clean-hero-inner{
  position:relative!important;z-index:2!important;
}
.layout-banner-preview.preview-oud-nieuwjaar{
  position:relative!important;overflow:hidden!important;
  background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url('/assets/oud-nieuw-vuurwerk.jpg')!important;background-size:cover!important;background-position:center!important;
}
.layout-banner-preview.preview-oud-nieuwjaar::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 22% 42%,#fff7c7 0 2px,transparent 3px),
    radial-gradient(circle at 22% 42%,transparent 0 14px,#ffd84f 15px 17px,transparent 18px),
    radial-gradient(circle at 22% 42%,transparent 0 25px,#e84f72 26px 28px,transparent 29px),
    radial-gradient(circle at 76% 30%,#fff 0 2px,transparent 3px),
    radial-gradient(circle at 76% 30%,transparent 0 13px,#6dc7ff 14px 16px,transparent 17px),
    radial-gradient(circle at 76% 30%,transparent 0 23px,#ffd84f 24px 26px,transparent 27px);
}

/* =========================================================
   Layout 2 — strak, overzichtelijk en gebruiksvriendelijk
   ========================================================= */
.faq-layout-layout-2{--faq-layout2-ink:#10213d;--faq-layout2-muted:#66758a;--faq-layout2-border:#e3e9f1;background:#f6f8fb}
.faq-layout-layout-2 .faq-layout2-header{background:#fff;border-bottom:1px solid var(--faq-layout2-border)}
.faq-layout-layout-2 .faq-layout2-header-inner{width:min(1240px,calc(100% - 48px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.faq-layout-layout-2 .faq-layout2-brand{color:var(--faq-layout2-ink);text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.025em;white-space:nowrap}
.faq-layout-layout-2 .faq-layout2-brand img{max-height:42px;max-width:190px;display:block}
.faq-layout-layout-2 .faq-layout2-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.faq-layout-layout-2 .faq-layout2-nav>a{color:#53647a;text-decoration:none;font-size:14px;font-weight:600;padding:9px 11px;border-radius:8px}
.faq-layout-layout-2 .faq-layout2-nav>a:hover,.faq-layout-layout-2 .faq-layout2-nav>a.active{color:#1769e0;background:#f0f5ff}
.faq-layout-layout-2 .faq-layout2-language{display:flex;align-items:center;gap:5px;margin-right:4px;color:#718096;font-size:12px}
.faq-layout-layout-2 .faq-layout2-language select{border:1px solid #dce3ec;background:#fff;border-radius:7px;padding:6px 8px;color:#35465e}
.faq-layout-layout-2 .faq-layout2-hero{position:relative;overflow:hidden;background:var(--faq-search-banner-bg);color:var(--faq-search-banner-text)}
.faq-layout-layout-2 .faq-layout2-hero::after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-210px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025);pointer-events:none}
.faq-layout-layout-2 .faq-layout2-hero-inner{position:relative;z-index:1;width:min(960px,calc(100% - 40px));margin:0 auto;padding:58px 0 52px;text-align:center}
.faq-layout-layout-2 .faq-layout2-eyebrow{display:inline-block;padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:inherit;font-size:11px;font-weight:800;letter-spacing:.13em}
.faq-layout-layout-2 .faq-layout2-hero h1{margin:14px 0 9px;font-size:clamp(32px,4.5vw,48px);line-height:1.08;letter-spacing:-.045em;color:inherit}
.faq-layout-layout-2 .faq-layout2-hero p{max-width:690px;margin:0 auto;color:rgba(255,255,255,.84);font-size:16px;line-height:1.6}
.faq-layout-layout-2 .faq-layout2-search{max-width:790px;margin:27px auto 0;display:flex;align-items:center;padding:5px;background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.16);text-align:left}
.faq-layout-layout-2 .faq-layout2-search-icon{width:42px;flex:0 0 42px;text-align:center;color:#7a899d;font-size:25px}
.faq-layout-layout-2 .faq-layout2-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#172033;font-size:16px;padding:13px 8px}
.faq-layout-layout-2 .faq-layout2-search input::placeholder{color:#8a98aa}
.faq-layout-layout-2 .faq-layout2-search button{border:0;border-radius:9px;background:#1769e0;color:#fff;font-weight:750;font-size:14px;padding:13px 22px;cursor:pointer}
.faq-layout-layout-2 .faq-layout2-search button:hover{filter:brightness(.96)}
.faq-layout-layout-2 .faq-layout2-quick{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px;font-size:13px}
.faq-layout-layout-2 .faq-layout2-quick>span{font-weight:750;opacity:.82;margin-right:2px}
.faq-layout-layout-2 .faq-layout2-quick a{color:inherit;text-decoration:none;opacity:.9;padding:4px 8px;border-radius:6px}
.faq-layout-layout-2 .faq-layout2-quick a:hover{background:rgba(255,255,255,.11);opacity:1}
.faq-layout2-main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:38px 0 70px}
.faq-layout2-featured,.faq-layout2-categories{margin-bottom:38px}
.faq-layout2-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px}
.faq-layout2-kicker{display:block;color:#1769e0;font-size:11px;font-weight:850;letter-spacing:.14em}
.faq-layout2-section-head h2{margin:5px 0 0;color:var(--faq-layout2-ink);font-size:27px;line-height:1.2;letter-spacing:-.03em}
.faq-layout2-section-head p{margin:6px 0 0;color:var(--faq-layout2-muted);font-size:14px}
.faq-layout2-section-head>a{color:#1769e0;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.faq-layout2-section-head>a:hover{text-decoration:underline}
.faq-layout2-count{color:#718096;font-size:13px;white-space:nowrap}
.faq-layout2-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.faq-layout2-featured-card{min-width:0;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;padding:15px 16px;background:#fff;border:1px solid var(--faq-layout2-border);border-radius:11px;color:var(--faq-layout2-ink);text-decoration:none;box-shadow:0 2px 7px rgba(20,40,70,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.faq-layout2-featured-card:hover{transform:translateY(-1px);border-color:#bcd0ee;box-shadow:0 9px 22px rgba(20,40,70,.08)}
.faq-layout2-featured-icon,.faq-layout2-category-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#eef5ff;color:#1769e0;font-weight:850}
.faq-layout2-featured-copy{min-width:0}
.faq-layout2-featured-copy strong{display:block;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.faq-layout2-featured-copy small{display:block;margin-top:3px;color:#7b899c;font-size:12px}
.faq-layout2-arrow{color:#7b8ba0;font-size:20px;line-height:1}
.faq-layout2-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.faq-layout2-category{min-width:0;padding:18px;background:#fff;border:1px solid var(--faq-layout2-border);border-radius:12px;box-shadow:0 2px 7px rgba(20,40,70,.035)}
.faq-layout2-category-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;color:var(--faq-layout2-ink);text-decoration:none}
.faq-layout2-category-head strong{display:block;font-size:16px;line-height:1.3}
.faq-layout2-category-head small{display:block;margin-top:3px;color:#7b899c;font-size:12px}
.faq-layout2-category>p{margin:13px 0 12px;color:#6d7c90;font-size:13px;line-height:1.55}
.faq-layout2-category ul{list-style:none;margin:13px 0 0;padding:0;border-top:1px solid #edf0f4}
.faq-layout2-category li{margin:0;padding:9px 0;border-bottom:1px solid #edf0f4}
.faq-layout2-category li:last-child{border-bottom:0}
.faq-layout2-category li a{color:#405169;text-decoration:none;font-size:13px;line-height:1.45}
.faq-layout2-category li a:hover{color:#1769e0}
.faq-layout2-more{display:inline-block;margin-top:12px;color:#1769e0;font-size:12px;font-weight:750;text-decoration:none}
.faq-layout2-more:hover{text-decoration:underline}
.faq-layout2-support{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;background:#fff;border:1px solid var(--faq-layout2-border);border-radius:12px}
.faq-layout2-support>div{display:flex;align-items:center;gap:13px}
.faq-layout2-support-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eef5ff;color:#1769e0;font-weight:850}
.faq-layout2-support h2{margin:0 0 3px;color:var(--faq-layout2-ink);font-size:16px}
.faq-layout2-support p{margin:0;color:var(--faq-layout2-muted);font-size:13px}
.faq-layout2-support>a{flex:0 0 auto;padding:10px 14px;border-radius:8px;background:#1769e0;color:#fff;text-decoration:none;font-size:13px;font-weight:750}
.faq-layout2-support>a:hover{filter:brightness(.96)}
@media(max-width:1000px){.faq-layout2-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout-layout-2 .faq-layout2-header-inner{width:min(100% - 32px,1240px)}}
@media(max-width:720px){.faq-layout-layout-2 .faq-layout2-header-inner{min-height:64px;align-items:flex-start;padding:13px 0;flex-direction:column;gap:10px}.faq-layout-layout-2 .faq-layout2-nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.faq-layout-layout-2 .faq-layout2-nav>a{white-space:nowrap}.faq-layout-layout-2 .faq-layout2-hero-inner{width:min(100% - 28px,960px);padding:44px 0 40px}.faq-layout-layout-2 .faq-layout2-hero h1{font-size:34px}.faq-layout-layout-2 .faq-layout2-search{margin-top:22px}.faq-layout2-main{width:min(100% - 28px,1240px);padding-top:28px}.faq-layout2-featured-grid,.faq-layout2-category-grid{grid-template-columns:1fr}.faq-layout2-section-head{align-items:flex-start}.faq-layout2-support{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.faq-layout-layout-2 .faq-layout2-search{padding:4px}.faq-layout-layout-2 .faq-layout2-search-icon{width:34px;flex-basis:34px}.faq-layout-layout-2 .faq-layout2-search button{padding:12px 15px}.faq-layout2-featured-card{grid-template-columns:36px 1fr auto;padding:13px}.faq-layout2-featured-icon,.faq-layout2-category-icon{width:36px;height:36px}.faq-layout2-section-head h2{font-size:23px}}

/* VDX-style configurable footer */
.faq-layout-vdx .faq-vdx-footer{color:var(--vdx-footer-text,#fff);font-size:15px;line-height:1.5}
.faq-layout-vdx .faq-vdx-footer-main{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(190px,.8fr) minmax(240px,1fr);min-height:360px;background:var(--vdx-footer-bg,#414141)}
.faq-layout-vdx .faq-vdx-footer-company{padding:52px 42px 42px max(32px,calc((100vw - 1400px)/2));}
.faq-layout-vdx .faq-vdx-footer-column{padding:52px 32px 42px}
.faq-layout-vdx .faq-vdx-footer-services{background:var(--vdx-footer-services,#28a6d1);padding-right:max(32px,calc((100vw - 1400px)/2))}
.faq-layout-vdx .faq-vdx-footer-logo{font-size:64px;font-weight:700;letter-spacing:-5px;line-height:.8;color:#fff;margin-bottom:24px}
.faq-layout-vdx .faq-vdx-footer-logo small{display:block;font-size:12px;letter-spacing:0;font-weight:600;margin:7px 0 0 3px}
.faq-layout-vdx .faq-vdx-footer-logo-img{display:block;max-width:170px;max-height:70px;object-fit:contain;margin-bottom:24px}
.faq-layout-vdx .faq-vdx-footer-company-title{font-size:22px;margin-bottom:34px}
.faq-layout-vdx .faq-vdx-footer-company-lines{display:grid;gap:9px;color:rgba(255,255,255,.96)}
.faq-layout-vdx .faq-vdx-footer-column h3{margin:0 0 28px;font-size:20px;color:#fff}
.faq-layout-vdx .faq-vdx-footer-column a{display:block;color:#fff;text-decoration:none;margin:0 0 12px}
.faq-layout-vdx .faq-vdx-footer-column a:hover{text-decoration:underline}
.faq-layout-vdx .faq-vdx-footer-column a span{margin-left:8px}
.faq-layout-vdx .faq-vdx-footer-bottom{background:var(--vdx-footer-bg,#414141);border-top:1px solid rgba(255,255,255,.25)}
.faq-layout-vdx .faq-vdx-footer-bottom-inner{width:min(1400px,calc(100% - 64px));margin:0 auto;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.faq-layout-vdx .faq-vdx-footer-logos{display:flex;align-items:center;min-width:0}
.faq-layout-vdx .faq-vdx-footer-logos img{display:block;width:min(550px,100%);height:auto;max-height:130px;object-fit:contain;object-position:left center}

.faq-layout-vdx .faq-vdx-footer-rating{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.faq-layout-vdx .faq-vdx-footer-rating span{font-size:14px}
.faq-layout-vdx .faq-vdx-footer-rating strong{font-size:26px}
.faq-layout-vdx .faq-vdx-footer-rating small{opacity:.8}
.faq-layout-vdx .faq-vdx-footer-legal{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.faq-layout-vdx .faq-vdx-footer-legal a{color:#fff;text-decoration:none;font-size:13px}
.faq-layout-vdx .faq-vdx-footer-legal a:hover{text-decoration:underline}
@media (max-width:900px){
  .faq-layout-vdx .faq-vdx-footer-main{grid-template-columns:1fr}
  .faq-layout-vdx .faq-vdx-footer-company,.faq-layout-vdx .faq-vdx-footer-column{padding:36px 24px}
  .faq-layout-vdx .faq-vdx-footer-services{padding-right:24px}
  .faq-layout-vdx .faq-vdx-footer-bottom-inner{width:calc(100% - 40px);padding:22px 0;display:block}
  .faq-layout-vdx .faq-vdx-footer-logos{margin-bottom:18px}
  .faq-layout-vdx .faq-vdx-footer-logos img{max-width:100%;max-height:110px}
  .faq-layout-vdx .faq-vdx-footer-rating{justify-content:flex-start;margin-top:8px}
  .faq-layout-vdx .faq-vdx-rating-badge{width:175px;height:175px;transform:rotate(-8deg) translateY(-2px)}
  .faq-layout-vdx .faq-vdx-rating-text{font-size:20px}
  .faq-layout-vdx .faq-vdx-rating-score{font-size:42px}
  .faq-layout-vdx .faq-vdx-footer-legal{justify-content:flex-start;margin-top:16px}
}

/* Algemene optionele footer voor alle ingebouwde layouts behalve VDX-style. */
.faq-generic-footer{background:var(--generic-footer-bg,#172033);color:var(--generic-footer-text,#fff);margin-top:48px;border-top:1px solid rgba(255,255,255,.08)}
.faq-generic-footer-inner{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:48px 0 42px;display:grid;grid-template-columns:minmax(280px,1.4fr) repeat(2,minmax(180px,1fr));gap:48px}
.faq-generic-footer-column h2,.faq-generic-footer-column h3{margin:0 0 18px;color:var(--generic-footer-text,#fff)}
.faq-generic-footer-column h2{font-size:24px}.faq-generic-footer-column h3{font-size:17px}
.faq-generic-footer-text{line-height:1.7;opacity:.9;white-space:normal}
.faq-generic-footer-column a{display:block;color:var(--generic-footer-text,#fff);text-decoration:none;margin:0 0 11px;opacity:.9}
.faq-generic-footer-column a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--generic-footer-accent,#1769e0)}
.faq-generic-footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:16px 24px;text-align:center;color:var(--generic-footer-text,#fff);opacity:.75;font-size:13px}
@media (max-width:760px){
  .faq-generic-footer-inner{width:calc(100% - 40px);padding:36px 0;grid-template-columns:1fr;gap:28px}
}


/* FAQ artikel: duimpje feedback */
.faq-feedback{
  margin:32px 0 10px;
  padding:22px 24px;
  border:1px solid #dfe5ee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 18px rgba(15,23,42,.05);
}
.faq-feedback-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.faq-feedback-copy h2{
  margin:0 0 5px;
  font-size:18px;
}
.faq-feedback-copy p{
  margin:0;
  color:#657084;
  font-size:14px;
}
.faq-feedback-actions{
  display:flex;
  gap:10px;
  flex-shrink:0;
}
.faq-feedback-btn{
  min-width:104px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #d8e0eb;
  border-radius:10px;
  background:#f8fafc;
  color:#172033;
  cursor:pointer;
  font:inherit;
  font-weight:700;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;
}
.faq-feedback-btn:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(15,23,42,.08);
}
.faq-feedback-btn:disabled{opacity:.65;cursor:wait}
.faq-feedback-btn.is-selected{
  border-color:#1769e0;
  background:#eef5ff;
  box-shadow:0 0 0 2px rgba(23,105,224,.12);
}
.faq-feedback-icon{font-size:21px;line-height:1}
.faq-feedback-btn strong{font-size:13px;color:#657084}
.faq-feedback-message{
  min-height:18px;
  margin-top:12px;
  font-size:13px;
  color:#64748b;
}
.faq-feedback-message.is-success{color:#15803d;font-weight:700}
@media (max-width:700px){
  .faq-feedback-inner{flex-direction:column;align-items:stretch}
  .faq-feedback-actions{width:100%}
  .faq-feedback-btn{flex:1}
}

@media (max-width: 900px){.settings-shortcut-row > div{grid-template-columns:1fr !important}}


/* Gerelateerde FAQ-resultaten bij een zoekopdracht zonder direct resultaat */
.related-search-results{
  margin:24px 0 8px;
}
.related-search-results h3{
  margin:0 0 14px;
  font-size:20px;
}
.related-search-list{
  display:grid;
  gap:10px;
}
.related-search-card{
  margin:0;
}