:root{
  --bg:#f5f7fa;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#e5e7eb;
  --brand:#1d4ed8;
  --brand2:#3730a3;
  --soft:#eef2ff;
  --soft2:#f9fafb;
  --radius:12px;
}
*{box-sizing:border-box}
body{
  font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  background:var(--bg);
  margin:0;
  color:var(--text)
}
.container{
  max-width:1100px;
  margin:auto;
  padding:32px;
  background:var(--card)
}
@media (max-width:720px){.container{padding:20px}}
.bd-logo{width:28px;height:28px;color:var(--brand)}
.bd-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.bd-header a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}
.bd-tagline{font-size:13px;color:var(--muted)}
.bd-nav{margin-left:auto;display:flex;gap:14px;font-size:14px}
.bd-nav a{color:var(--muted);text-decoration:none}
.bd-nav a:hover{color:var(--text)}
.bd-nav a.active{color:var(--text);font-weight:700}
@media (max-width:720px){.bd-nav{display:none}}
.notice{margin:18px 0 26px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft2);font-size:14px}
.notice a{color:#2563eb;font-weight:700;text-decoration:none}
.notice a:hover{text-decoration:underline}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--card)}
.small{font-size:13px;color:var(--muted)}
.disclaimer{font-size:13px;color:var(--muted);margin-top:28px;background:var(--soft2);padding:14px;border-radius:12px;border:1px solid var(--line);line-height:1.5}
.bd-footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bd-footer a{color:var(--brand);font-weight:700;text-decoration:none}.bd-footer a:hover{text-decoration:underline}
.page-compact{max-width:720px;margin:0 auto;font-size:0.92rem;line-height:1.45}.page-compact h1{font-size:1.4rem;margin:0 0 0.6rem;color:var(--text)}.page-compact h2{font-size:1rem;margin-top:1.2rem;margin-bottom:0.3rem;color:var(--text)}.page-compact p{color:#4b5563;margin-bottom:0.6rem;line-height:1.5}.page-compact ul,.page-compact ol{padding-left:1rem;margin-bottom:0.6rem;color:#4b5563}.page-compact li{margin-bottom:0.25rem}@media (max-width:600px){.page-compact{font-size:0.88rem}.page-compact h1{font-size:1.25rem}}
.page-panel{background:var(--soft2);border:1px solid var(--line);padding:14px 16px;border-radius:12px;margin:18px 0}.page-panel p{margin:0 0 0.45rem}.page-panel p:last-child{margin-bottom:0}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}@media (max-width:720px){.page-grid{grid-template-columns:1fr}}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;font-size:14px}.btn:hover{text-decoration:none;background:var(--brand2)}.btn.secondary{background:#111827;color:#fff}.btn.light{background:var(--soft);color:var(--brand2);border:1px solid #c7d2fe}.back{display:inline-block;margin-bottom:18px;font-size:14px;color:var(--brand);font-weight:700;text-decoration:none}.back:hover{text-decoration:underline}

/* === Personeel / kandidaten platform === */
.kicker{font-size:13px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start;margin:18px 0 24px}
@media (max-width:820px){.hero-split{grid-template-columns:1fr}}
.hero-box{background:var(--soft2);border:1px solid var(--line);border-radius:12px;padding:16px}
.check-list{list-style:none;padding-left:0!important}.check-list li{padding-left:24px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:#065f46;font-weight:900}
.form-card{background:var(--soft2);border:1px solid var(--line);border-radius:12px;padding:16px;margin:18px 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}
label{font-weight:600;font-size:13px;color:var(--text)}
input,select,textarea{width:100%;padding:10px 12px;margin-top:6px;border-radius:10px;border:1px solid #d1d5db;font-size:15px;background:#fff;font-family:inherit;color:var(--text)}
textarea{min-height:110px;resize:vertical}.checkbox-row{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:13px;color:#4b5563}.checkbox-row input{width:auto;margin-top:3px}.legal-note{font-size:12px;color:var(--muted);line-height:1.5}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.mini-badge{background:var(--soft);color:var(--brand2);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #c7d2fe}.warning-box{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:12px;padding:14px;margin:18px 0;font-size:13px;line-height:1.5}.success-box{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:14px;margin:18px 0;font-size:13px;line-height:1.5}


/* === Bewakingscodex / kenniscentrum === */
.codex-hero{background:linear-gradient(135deg,#eef2ff,#f9fafb);border:1px solid var(--line);border-radius:14px;padding:18px;margin:18px 0 22px}
.codex-hero p{margin-bottom:.4rem}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 22px}
@media (max-width:820px){.pillar-grid{grid-template-columns:1fr}}
.pillar-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;text-decoration:none;color:var(--text);display:block}
.pillar-card:hover{background:var(--soft2);text-decoration:none}.pillar-card strong{display:block;font-size:15px;margin-bottom:5px}.pillar-card span{display:block;color:var(--muted);font-size:13px;line-height:1.45}.source-list a{color:var(--brand);font-weight:700;text-decoration:none}.source-list a:hover{text-decoration:underline}
.answer-box{background:#ecfdf5;border:1px solid #a7f3d0;color:#064e3b;border-radius:12px;padding:14px;margin:14px 0}.law-box{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0}.law-box p{margin-bottom:.35rem}



/* Bewakingsdiensten.be — uniforme typografie en componentafwerking */
:root{
  --font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-ui)!important;font-size:16px;line-height:1.55}
button,input,select,textarea{font-family:inherit}

h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:700;letter-spacing:-.018em;line-height:1.22}
h1{font-size:clamp(1.75rem,3.2vw,2.625rem)}
h2{font-size:clamp(1.35rem,2.2vw,1.875rem)}
h3{font-size:1.375rem}
p,li{line-height:1.6}

.bd-tagline,.small,.legal-note,.card .meta{line-height:1.45}
.bd-nav a,.btn,button,[type="submit"]{font-weight:600}
.card h3,.pillar-card strong{font-weight:700;letter-spacing:-.01em}

/* Homepage: vertrouwen-blok */
.trust-grid{align-items:stretch}
.trust-card{
  min-height:158px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:15px!important;
}
.trust-card strong{
  display:flex!important;
  align-items:flex-start;
  gap:5px;
  min-height:2.5em;
  margin-bottom:8px!important;
  font-size:14px!important;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.01em;
}
.trust-card span{
  font-size:13.5px!important;
  line-height:1.48!important;
  color:#4b5563!important;
}
.trust-section>p{max-width:850px}

@media (max-width:860px){
  .trust-card{min-height:0}
  .trust-card strong{min-height:0}
}

/* Bewakingsdiensten.be — uniforme hoofdnavigatie */
:root{--font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif}
body{font-family:var(--font-ui)!important}
.bd-header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:18px!important;
}
.bd-header>a{
  color:inherit!important;
  text-decoration:none!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.bd-header>a>div>div:first-child{
  font-family:var(--font-ui)!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
}
.bd-tagline{
  font-family:var(--font-ui)!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.45!important;
}
.bd-nav{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  font-family:var(--font-ui)!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.bd-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:4px 0!important;
  color:#6b7280!important;
  text-decoration:none!important;
  font-family:var(--font-ui)!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.bd-nav a:hover{color:#1f2937!important}
.bd-nav a.active{
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:600!important;
}
.bd-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:#3b19e6;
}
@media(max-width:720px){.bd-nav{display:none!important}}

/* Bewakingsdiensten.be — gedeeld UX-systeem
   Elke hoofdrubriek volgt: titel → korte uitleg → zoeken/keuze → resultaten → duidelijke CTA. */
.ux-page{max-width:900px;margin:0 auto}
.ux-hero{background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid #dbeafe;border-radius:18px;padding:24px;margin:0 0 20px}
.ux-hero h1{margin:6px 0 10px}.ux-hero p{max-width:760px;margin:0;color:#4b5563}
.ux-purpose{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:var(--brand);margin-bottom:5px}
.ux-search{display:grid;grid-template-columns:1.45fr 1fr auto;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:18px 0}
.ux-search.four{grid-template-columns:1.4fr 1fr 1fr auto}
.ux-count{font-size:13px;color:var(--muted);margin:8px 0 14px}
.ux-list{display:grid;gap:14px}
.ux-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}
.ux-card h2,.ux-card h3{margin:0 0 6px}.ux-card h2{font-size:19px}.ux-card h3{font-size:17px}
.ux-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ux-chip{font-size:12px;background:var(--soft);color:var(--brand2);padding:5px 9px;border-radius:999px}
.ux-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.ux-empty{text-align:center;border:1px dashed #cbd5e1;border-radius:14px;padding:28px;background:#f8fafc}
.ux-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.ux-choice{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;text-decoration:none;color:inherit;display:block}
.ux-choice:hover{background:var(--soft2);text-decoration:none}.ux-choice strong{display:block;font-size:17px;margin-bottom:5px}.ux-choice span{color:var(--muted);font-size:13px;line-height:1.45}
.ux-cta{margin-top:28px;border:1px solid #c7d2fe;background:#f8faff;border-radius:14px;padding:18px}.ux-cta h2{margin:0 0 7px}.ux-cta p{margin:0 0 10px}
.ux-stepbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 4px}.ux-step{font-size:12px;text-align:center;padding:8px;border-radius:10px;background:#f8fafc;border:1px solid var(--line);color:#4b5563}.ux-step strong{display:block;color:var(--text);font-size:13px}
.ux-section-title{margin:28px 0 6px}.ux-intro{color:#4b5563;max-width:760px}
.ux-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px}
/* Bestaande modules laten exact hetzelfde aanvoelen */
.job-hero,.training-hero,.codex-hero{background:linear-gradient(135deg,#eef2ff,#f8fafc)!important;border:1px solid #dbeafe!important;border-radius:18px!important;padding:24px!important;margin:0 0 20px!important}
.job-search,.training-search{border-radius:14px!important;padding:14px!important;margin:18px 0!important}
.job-card,.training-card,.pillar-card{border-radius:14px!important;padding:18px!important}
.job-list,.training-list{gap:14px!important}
.vacancy-count,.training-count{font-size:13px;color:var(--muted);margin:8px 0 14px}
@media(max-width:760px){.ux-search,.ux-search.four{grid-template-columns:1fr}.ux-choices{grid-template-columns:1fr}.ux-stepbar{grid-template-columns:1fr 1fr}.ux-hero{padding:19px}.ux-page{max-width:none}}


/* Kenniscentrum categorieën en zoekfunctie — 2026-08-01 */
.codex-search-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin:18px 0 12px}
.codex-search-panel label{display:block;font-weight:700;margin-bottom:7px}
.codex-search-row{display:grid;grid-template-columns:1fr auto;gap:9px}
.codex-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.codex-jump a{display:inline-flex;align-items:center;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:700;font-size:13px;padding:7px 10px;border-radius:999px}
.codex-jump a:hover{background:var(--soft2);text-decoration:none}
.codex-category{scroll-margin-top:20px;margin:30px 0}
.codex-category-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px}
.codex-category-head h2{margin:0 0 3px!important}
.codex-category-head p{margin:0;color:var(--muted)}
.codex-category-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--soft);border-radius:10px;font-size:18px;flex:0 0 auto}
.codex-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.codex-article-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:15px;background:#fff;color:inherit;text-decoration:none;min-height:128px}
.codex-article-card:hover{background:var(--soft2);text-decoration:none;transform:translateY(-1px)}
.codex-article-card strong{font-size:15px;line-height:1.3;margin-bottom:5px}
.codex-article-card span{font-size:13px;line-height:1.45;color:var(--muted);flex:1}
.codex-article-card em{font-style:normal;font-weight:700;color:var(--brand);font-size:13px;margin-top:9px}
.codex-sources{margin-top:28px}
.article-info{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}
.article-info span{display:inline-flex;border:1px solid var(--line);background:#f8fafc;color:var(--muted);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:600}
.related-knowledge{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
.related-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.related-knowledge a{border:1px solid var(--line);border-radius:11px;padding:12px;text-decoration:none;color:inherit;font-weight:700;background:#fff}
.related-knowledge a:hover{background:var(--soft2);text-decoration:none}
[hidden]{display:none!important}
@media(max-width:760px){.codex-search-row{grid-template-columns:1fr}.codex-category-grid,.related-knowledge-grid{grid-template-columns:1fr}.codex-jump{gap:6px}.codex-jump a{font-size:12px}}

/* Bewakingsdiensten.be — finale typografie- en afstandsafstemming
   Afgestemd op Bewakingsofferte.be. */

:root{--font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select,textarea{font-family:var(--font-ui)!important}
h1,h2,h3,h4,h5,h6,.bd-header,.bd-nav,.btn,button,[type="submit"]{font-family:var(--font-ui)!important}
/* De actie onder elke bovenste sectorkaart hoort visueel bij de omschrijving. */
.sector-platform-home .knowledge-card{justify-content:flex-start!important}
.sector-platform-home .knowledge-card span{flex:0 0 auto!important;margin-bottom:0!important}
.sector-platform-home .knowledge-card em{margin-top:7px!important}
/* Iets compactere kaartinhoud, zonder tikruimte te verliezen. */
.sector-platform-home .knowledge-card strong{margin-bottom:5px!important}
/* Zelfde ritme in de hoofdnavigatie. */
.bd-nav{gap:16px!important}
.bd-nav a{line-height:1.15!important}
@media(max-width:620px){
  .sector-platform-home .knowledge-card em{margin-top:6px!important}
}

/* Bewakingsdiensten.be — uniforme compacte typografie
   Referentie: de goedgekeurde homepage-versie op 9c79b575.bewakingsdiensten.pages.dev.
   De homepage behoudt haar bestaande hiërarchie; alle overige publieke pagina's
   gebruiken dezelfde compacte schaal, kaartstijl en navigatie. */


:root{
  --font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif;
  --page-max:1100px;
  --content-max:820px;
}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-size:16px;line-height:1.55}
.container{max-width:var(--page-max);margin:0 auto;padding:32px;background:#fff}

/* Navigatie overal exact gelijk */
.bd-header,.bd-nav,.bd-footer{font-family:var(--font-ui)!important}
.bd-header>a>div>div:first-child{font-size:18px!important;font-weight:800!important;line-height:1.1!important}
.bd-nav{gap:16px!important;font-size:14px!important}
.bd-nav a{font-size:14px!important;font-weight:600!important;line-height:1.15!important}

/* Compacte paginaschaal: dit was de goedgekeurde verhouding */
.page-compact,
.ux-page,
.job-page,
.training-page,
.codex-page,
.material-page,
.agenda-page{
  max-width:var(--content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:.92rem!important;
  line-height:1.45!important;
}

.page-compact h1,.ux-page h1,.job-page h1,.training-page h1,.codex-page h1,.material-page h1,.agenda-page h1,
.ux-hero h1,.job-hero h1,.training-hero h1,.codex-hero h1{
  font-size:1.4rem!important;
  line-height:1.2!important;
  margin:0 0 .6rem!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

.page-compact h2,.ux-page h2,.job-page h2,.training-page h2,.codex-page h2,.material-page h2,.agenda-page h2,
.ux-card h2,.job-card h2,.training-card h2{
  font-size:1rem!important;
  line-height:1.3!important;
  margin-top:1.2rem!important;
  margin-bottom:.35rem!important;
  font-weight:700!important;
}

.page-compact h3,.ux-page h3,.job-page h3,.training-page h3,.codex-page h3,.material-page h3,.agenda-page h3,
.ux-card h3,.job-card h3,.training-card h3{
  font-size:.95rem!important;
  line-height:1.3!important;
  font-weight:700!important;
}

.page-compact p,.page-compact li,
.ux-page p,.ux-page li,
.job-page p,.job-page li,
.training-page p,.training-page li,
.codex-page p,.codex-page li,
.material-page p,.material-page li,
.agenda-page p,.agenda-page li{
  font-size:.92rem!important;
  line-height:1.5!important;
}

/* Hero's en kaarten: compact en luchtig, niet groot */
.ux-hero,.job-hero,.training-hero,.codex-hero{
  padding:18px!important;
  border-radius:14px!important;
  margin-bottom:18px!important;
}
.ux-card,.job-card,.training-card,.pillar-card,.action-card,.knowledge-card{
  font-family:var(--font-ui)!important;
  border-radius:12px!important;
}
.ux-card,.job-card,.training-card{padding:15px!important}
.ux-choice strong,.action-card strong,.knowledge-card strong,.pillar-card strong{
  font-family:var(--font-ui)!important;
  font-weight:700!important;
}
.ux-choice strong,.action-card strong,.pillar-card strong{font-size:15px!important}
.ux-choice span,.action-card span,.pillar-card span{font-size:13px!important;line-height:1.45!important}

/* Formulieren en knoppen */
.btn,button,[type="submit"]{
  font-family:var(--font-ui)!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
input,select,textarea{font-size:15px!important;line-height:1.35!important}
.small,.legal-note,.disclaimer,.bd-tagline,.card .meta,.ux-count,.vacancy-count,.training-count{font-size:13px!important}

/* Homepage blijft visueel exact zoals de goedgekeurde referentie */
body.home-page h1,
.sector-platform-home h1{font-size:24px!important;line-height:1.25!important}
.sector-platform-home .knowledge-card{justify-content:flex-start!important}
.sector-platform-home .knowledge-card span{flex:0 0 auto!important;margin-bottom:0!important}
.sector-platform-home .knowledge-card em{margin-top:7px!important}
.sector-platform-home .knowledge-card strong{margin-bottom:5px!important}

@media(max-width:720px){
  body.home-page h1,
  .sector-platform-home h1{font-size:21px!important;line-height:1.25!important}
  .container{padding:20px}
  .page-compact,.ux-page,.job-page,.training-page,.codex-page,.material-page,.agenda-page{font-size:.88rem!important}
  .page-compact h1,.ux-page h1,.job-page h1,.training-page h1,.codex-page h1,.material-page h1,.agenda-page h1,
  .ux-hero h1,.job-hero h1,.training-hero h1,.codex-hero h1{font-size:1.25rem!important}
  .page-compact h2,.ux-page h2,.job-page h2,.training-page h2,.codex-page h2,.material-page h2,.agenda-page h2,
  .ux-card h2,.job-card h2,.training-card h2{font-size:.98rem!important}
  .page-compact p,.page-compact li,.ux-page p,.ux-page li,.job-page p,.job-page li,.training-page p,.training-page li,.codex-page p,.codex-page li,.material-page p,.material-page li,.agenda-page p,.agenda-page li{font-size:.88rem!important}
  .ux-hero,.job-hero,.training-hero,.codex-hero{padding:15px!important}
}

/* Bewakingsdiensten.be — kwaliteitscontrole 2026-08-02
   Laatste vangnet voor uniforme typografie en correcte onderzijde van pagina's. */

:root{--font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-style:normal}
main,main *,.bd-footer,.bd-footer *{font-family:var(--font-ui)!important}
.disclaimer{font-size:13px!important;line-height:1.5!important;font-style:normal!important;font-weight:400!important;letter-spacing:normal!important}
.related-knowledge{font-style:normal!important}
.related-knowledge-grid{align-items:stretch}
.related-knowledge-card{display:flex!important;flex-direction:column!important;min-width:0!important;font-style:normal!important}
.related-knowledge-card strong{display:block!important;font-size:15px!important;line-height:1.3!important;margin:0 0 5px!important;font-style:normal!important}
.related-knowledge-card span{display:block!important;flex:1!important;color:var(--muted)!important;font-size:13px!important;line-height:1.45!important;font-weight:400!important;font-style:normal!important}
.related-knowledge-card em{display:block!important;margin-top:9px!important;color:var(--brand)!important;font-size:13px!important;line-height:1.35!important;font-weight:700!important;font-style:normal!important}
.bd-footer{font-size:13px!important;line-height:1.45!important;font-style:normal!important;font-weight:400!important}
.bd-footer a{font-size:inherit!important;line-height:inherit!important}
@media(max-width:720px){.related-knowledge-card strong{font-size:14px!important}.related-knowledge-card span,.related-knowledge-card em{font-size:12.5px!important}}

/* Materiaalcentrum — sluit aan op bestaande Bewakingsdiensten-stijl */
.material-jump{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}.material-jump a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;text-decoration:none;font-weight:700;font-size:14px}.material-jump a:hover,.material-jump a.active{border-color:#3b19e6;color:#3b19e6;background:#f7f5ff}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-card{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 24px rgba(17,24,39,.04)}.material-card:hover{border-color:#c8c1ff;transform:translateY(-1px)}.material-card .icon{font-size:26px;margin-bottom:12px}.material-card h2{margin:0 0 8px;font-size:21px}.material-card p{margin:0;color:#6b7280}.material-card em{margin-top:auto;padding-top:14px;color:#3b19e6;font-style:normal;font-weight:800}.material-note{margin:24px 0;padding:18px 20px;border-left:4px solid #3b19e6;border-radius:12px;background:#f7f5ff}.material-article h2{margin-top:32px}.material-checks{display:grid;gap:10px;padding:0;list-style:none}.material-checks li{position:relative;padding-left:26px}.material-checks li:before{content:'✓';position:absolute;left:0;color:#3b19e6;font-weight:900}.survey-box{margin-top:28px;padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.survey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.survey-options label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:12px}.neutral-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:13px;font-weight:800}@media(max-width:900px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.material-grid,.survey-options{grid-template-columns:1fr}.material-card{min-height:0}.material-jump{gap:8px}.material-jump a{font-size:13px;padding:8px 10px}}


/* V1.2 — final site-wide typography lock. Mirrors the compact, clean Bewakingsofferte homepage scale. */
:root{--font-ui:"Roboto Condensed","Arial Narrow",Arial,sans-serif}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html,body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-size:14px!important;line-height:1.55!important;font-weight:400!important}
main,main *,header,header *,footer,footer *,nav,nav *{font-family:var(--font-ui)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-ui)!important;font-weight:700!important;letter-spacing:-.018em!important;line-height:1.22!important}
h1,.hero h1,.page-title{font-size:24px!important}
h2,.section h2,.panel h2{font-size:21px!important}
h3,.card h3{font-size:15px!important}
h4{font-size:14px!important}
p,li,dd,dt,address,.meta,.premium-muted{font-size:14px;line-height:1.55}
.bd-nav,.bd-nav a,nav a{font-size:14px!important}
.bd-tagline,.tagline,.small,.legal-note,.disclaimer,.bd-footer{font-size:13px!important;line-height:1.45!important}
.btn,button,[type="submit"],[role="button"]{font-size:14px!important;font-weight:700!important;line-height:1.2!important}
input,select,textarea{font-size:15px!important;line-height:1.4!important}
.tag,.badge,.pill{font-size:12px!important;line-height:1.3!important}
/* Company profiles: remove the old oversized/mixed hierarchy without changing layout. */
.section h2,.profile-section h2,.trust-control h2{font-size:18px!important;line-height:1.25!important}
.card h3,.profile-card h3{font-size:15px!important;line-height:1.3!important}
.company-profile p,.company-profile li,.profile p,.profile li{font-size:14px!important}
@media(max-width:780px){
 body{font-size:14px!important}
 h1,.hero h1,.page-title{font-size:21px!important}
 h2,.section h2,.panel h2{font-size:19px!important}
 .section h2,.profile-section h2,.trust-control h2{font-size:18px!important}
 h3,.card h3{font-size:15px!important}
 p,li,dd,dt,address{font-size:13.5px}
 .btn,button,[type="submit"]{font-size:14px!important}
}

/* V1.3 — typography polish: prevent awkward short final lines without forced <br> breaks. */
/* Headings and short UI copy distribute words evenly across lines. */
h1,h2,h3,h4,h5,h6,.page-title,.card-title,.section-title,.kicker{
  text-wrap:balance;
}
/* Modern browsers use improved line breaking to avoid typographic orphans/widows. */
p,li,dd,blockquote,.lead,.intro,.description,.premium-muted,.legal-note,.disclaimer,
.page-panel p,.card p,.profile p,.company-profile p,.section p{
  text-wrap:pretty;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  -webkit-hyphens:none;
}
/* Buttons/badges should stay visually compact rather than splitting into a stray word. */
.btn,button,[role="button"],.badge,.tag,.pill{
  text-wrap:balance;
}
/* Preserve the established V1.2 type scale; only line wrapping changes. */
@media(max-width:780px){
  p,li,dd,blockquote,.lead,.intro,.description{ text-wrap:pretty; }
}

/* Shared responsive footer */
.bd-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;max-width:100%;min-width:0;box-sizing:border-box}
.bd-footer .bd-footer-brand{display:flex;align-items:center;gap:8px;flex:1 1 230px;min-width:0;overflow-wrap:anywhere}
.bd-footer .bd-footer-brand .bd-logo{flex:0 0 24px;width:24px;height:24px}
.bd-footer .bd-footer-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;min-width:0;max-width:100%}
.bd-footer .bd-footer-links a{color:#475569;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.bd-footer .bd-footer-links a:hover{text-decoration:underline;color:#1d4ed8}
@media(max-width:640px){
.bd-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:20px 0;margin-top:32px}
.bd-footer .bd-footer-brand{flex:0 1 auto;width:100%;align-items:flex-start}
.bd-footer .bd-footer-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;align-items:start}
.bd-footer .bd-footer-links a{display:block;line-height:1.5;max-width:100%}
}

/* Leesbaarheid en bezoekersroutes — 6 oktober 2026. Als laatste stylesheet laden. */
:root{--font-ui:Arial,Helvetica,sans-serif;--brand:#1d4ed8;--ink:#142b46;--muted:#526276;--line:#dde5ef;--soft:#eff5fc}
html{scroll-behavior:smooth;scroll-padding-top:20px}
html,body,button,input,select,textarea{font-family:var(--font-ui)!important}
body{font-size:16px!important;line-height:1.6!important;color:#24364a;background:#f4f7fb}
*,*::before,*::after{box-sizing:border-box}
.container{width:100%;max-width:1140px;padding:28px 32px;margin:auto}
main,section,article,aside,form,.container,.split>*,.grid>*,.list>*,.bd-header>a,.bo-brand{min-width:0}
h1,h2,h3{color:var(--ink);letter-spacing:-.025em!important}
h1,.hero h1,.ux-hero h1{font-size:clamp(26px,3.2vw,36px)!important;line-height:1.18!important}
h2,.section h2,.panel h2{font-size:23px!important;line-height:1.3!important}
h3,.card h3{font-size:18px!important;line-height:1.35!important}
p,li,.hero p,.lead,.card p{font-size:15px!important;line-height:1.65!important}
input,select,textarea{font-size:16px!important;max-width:100%;min-height:44px}
input[type=checkbox],input[type=radio]{width:18px!important;min-height:18px!important;flex-shrink:0;accent-color:var(--brand)}
button,.btn{min-height:44px;font-size:15px!important}
button:disabled{opacity:.45;cursor:default}
a{color:var(--brand)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4d8beb;outline-offset:3px}
img{max-width:100%}
[hidden]{display:none!important}
.bd-header,.bo-header{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:0;gap:12px}
.bd-header>a,.bo-brand{color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center}
.bd-logo,.shield{width:28px;height:28px;flex:0 0 28px;color:var(--brand)}
.bd-nav,.nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.bd-nav a,.nav a{font-size:14px!important;text-decoration:none;font-weight:600!important;color:#43556b}
.bd-tagline,.tagline{font-size:12px!important;line-height:1.4!important}
.eyebrow,.kicker{font-size:12px!important;text-transform:uppercase;letter-spacing:.1em!important;color:var(--brand);font-weight:700}
.home-hero{padding:38px 0 26px}
.home-hero h1{max-width:820px;margin:9px 0 14px}
.home-hero>p{max-width:730px;color:var(--muted);margin:0}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
.route-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f7faff;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.route-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}
.route-card strong{font-size:18px;line-height:1.35}
.route-card>span{font-size:14px;line-height:1.55;color:#526276}
.route-card.featured>span{color:#d8e7f5}
.route-card em{font-size:14px;font-style:normal;font-weight:700;color:var(--brand);margin-top:auto;padding-top:5px}
.route-card.featured em{color:#fff}
.route-card:hover{border-color:#86addf;box-shadow:0 5px 18px #18385c0a}
.route-number{font-size:12px;color:var(--brand);font-weight:700}
.route-card.featured .route-number{color:#a9d5ff}
.search-section{border:1px solid var(--line);border-radius:16px;background:#f7faff;padding:22px;margin:10px 0 28px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.section-heading h2{margin:0 0 5px}
.section-heading p{color:var(--muted);margin:0}
.section-heading>a{font-size:14px;font-weight:700;white-space:nowrap}
.directory-stats{font-size:13px;color:#526276;margin:14px 0;min-height:20px}
.filters{margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.filters-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:12px}
.filters-grid label{display:block;font-size:13px!important;margin:0 0 5px}
.filters-grid input,.filters-grid select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:white;margin:0}
.filter-toggles{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.filter-toggles label{display:flex;align-items:center;gap:8px;font-size:13px!important;font-weight:500}
.list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.list .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.list .card h3{font-size:16px!important}
.list .card a{display:inline-block;font-weight:700;margin-top:12px;text-decoration:none}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tag{font-size:11px!important;padding:4px 7px;border-radius:6px;background:#edf3fd;color:#1e4e93;overflow-wrap:anywhere}
.meta{color:var(--muted);font-size:13px!important}
.profile-hints{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.profile-hint{font-size:11px;padding:3px 6px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}
.verified-badge,.premium-badge{display:inline-block;font-size:10px;padding:3px 6px;border-radius:6px;margin:4px 0;background:#eaf7ef;color:#157347}
.premium-badge{background:#edf3fd;color:var(--brand)}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.pagination button,.outline-button{background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px 14px;color:var(--ink);cursor:pointer}
.pagination span{font-size:13px;color:var(--muted)}
.trust-line{font-size:13px!important;margin:17px 0 0;color:var(--muted)}
.home-section{padding:26px 0;border-top:1px solid var(--line)}
.news-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}
.briefing-card{background:#edf4fc;border:1px solid #d2e2f6;border-radius:14px;padding:23px;display:flex;flex-direction:column;align-items:flex-start}
.briefing-card h3{font-size:23px!important;margin:12px 0}
.briefing-card p{color:#526276;margin:0 0 16px}
.briefing-card .btn{margin-top:auto}
.compact-list{display:grid;gap:10px}
.compact-item{display:block;border:1px solid var(--line);border-radius:10px;padding:13px 15px;text-decoration:none;color:var(--ink);background:#fff}
.compact-item strong{display:block;font-size:15px;line-height:1.4}
.compact-item span{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.compact-item:hover{border-color:#86addf}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.resource-column h3{margin:0 0 12px;font-size:16px!important}
.resource-column a{display:block;text-decoration:none;font-size:14px;margin:9px 0}
.resource-column a:hover{text-decoration:underline}
.business-strip{background:#f7faff;padding:20px;border:1px solid var(--line);border-radius:12px;display:flex;justify-content:space-between;gap:18px;align-items:center;margin:22px 0}
.business-strip h2{font-size:19px!important;margin:0 0 6px}
.business-strip p{margin:0;color:var(--muted);font-size:14px!important}
.business-strip .btns{margin:0;flex-shrink:0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px!important;border-radius:9px;background:var(--brand);border:1px solid var(--brand);text-decoration:none;color:#fff;font-weight:700!important;line-height:1.35!important}
.btn.light{background:#fff;color:var(--brand);border-color:#c4d5ec}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hero{padding:34px 0 24px;gap:26px;align-items:start}
.hero h1{margin-top:8px}
.hero-photo{position:relative;border-radius:16px;overflow:hidden;min-height:250px;background:var(--ink)}
.hero-photo img{display:block;width:100%;height:280px;object-fit:cover;object-position:center 35%}
.hero-photo figcaption{font-size:12px;color:#dce8f6;background:var(--ink);padding:10px 14px}
.hero-photo{margin:0}
.process-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#f7faff;border:1px solid var(--line);padding:20px;border-radius:13px}
.process-strip strong{display:block;color:var(--ink);font-size:15px}
.process-strip p{margin:5px 0 0;font-size:13px!important;color:var(--muted)}
.section,.home-section{padding:28px 0}
.supplier-highlight .grid{gap:14px}
.supplier-highlight .card{display:flex;flex-direction:column;align-items:flex-start}
.supplier-highlight .card .btn{margin-top:auto}
.supplier-highlight .card p{margin-bottom:14px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
details.faq{border:1px solid var(--line);border-radius:10px;padding:15px}
details.faq summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--ink)}
details.faq p{font-size:14px!important;margin:12px 0 0;color:var(--muted)}
.form-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
.form-help{font-size:13px!important;color:var(--muted);margin:7px 0 16px}
.choice label,.advice-choice{display:flex;gap:9px;align-items:flex-start;line-height:1.5;font-size:14px!important;margin:0}
.choice{margin:10px 0}
.form-layout h2{font-size:20px!important;margin:22px 0 12px}
.form-layout h2:first-of-type{margin-top:0}
fieldset.routing{padding:0;border:0;margin:24px 0 0}
fieldset.routing legend{font-size:20px;font-weight:700;color:var(--ink);padding:0;margin-bottom:8px}
.form-layout .panel{padding:24px}
.form-layout .split{gap:12px}
.form-layout ol{padding-left:20px;color:var(--muted)}
.form-layout ol li{margin:10px 0}
.footer,.bd-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px!important}
.footer nav,.bd-footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;max-width:100%}
.footer a,.bd-footer a{font-size:12px!important;text-decoration:none;overflow-wrap:anywhere}
.footer-brand,.bd-footer-brand{min-width:0;max-width:100%}
.empty{grid-column:1/-1;text-align:left;border:1px dashed #a9bfdc;padding:22px;border-radius:12px;color:var(--muted)}
@media(max-width:950px){.filters-grid{grid-template-columns:1fr 1fr}.filters-grid>div:first-child{grid-column:1/-1}.resource-grid{grid-template-columns:1fr 1fr}.business-strip{align-items:flex-start;flex-direction:column}.list{grid-template-columns:1fr 1fr}.route-card{padding:16px}.bd-nav,.nav{gap:10px}}
@media(max-width:780px){.bd-nav,.nav{display:none}.bd-nav.mobile-nav-open,.nav.mobile-nav-open{display:flex;align-items:stretch}.container{padding:20px!important}.form-layout,.news-grid,.faq-grid,.route-grid,.process-strip{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-photo img{height:210px}.hero-photo{min-height:0}.route-grid{gap:10px;margin-top:20px}.route-card{gap:5px}.home-hero{padding:27px 0 20px}.route-card strong{font-size:17px}.route-number{display:none}.route-card>span{font-size:13px}.route-card em{padding-top:2px}.search-section{padding:17px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.filters-grid{grid-template-columns:1fr}.filters-grid>div:first-child{grid-column:auto}.filter-toggles{gap:10px}.resource-grid{gap:12px}.list,.grid{grid-template-columns:1fr}.business-strip .btns,.business-strip .btn{width:100%}.form-layout .panel{padding:18px}.footer,.bd-footer{flex-direction:column}.footer nav,.bd-footer-links{flex-direction:column;gap:10px}.footer a,.bd-footer a{min-height:30px}.pagination{gap:8px}.pagination button{font-size:13px!important}.process-strip{gap:15px}h2,.section h2{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.company-card-heading{display:flex;align-items:center;gap:10px}.company-card-heading img{object-fit:contain;flex:0 0 38px;border:1px solid var(--line);border-radius:7px;padding:3px;background:white}.company-card-heading h3{margin:0;overflow-wrap:anywhere}.ux-choices,.ux-choices>*{min-width:0}

body{margin:0}.container{background:#fff;min-height:100vh}
@media(max-width:780px){.bd-header,.bo-header{position:relative}.mobile-nav-toggle{display:inline-flex;margin-left:auto}.bd-header .bd-nav,.bo-header .nav{display:none!important;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 35px #142b461c;flex-direction:column;gap:2px}.bd-header .bd-nav.mobile-nav-open,.bo-header .nav.mobile-nav-open{display:flex!important}.bd-header .bd-nav a,.bo-header .nav a{display:block;width:100%;padding:11px 12px;border-radius:8px}}

/* Mobiele kop: volledige sitenaam boven de menuknop, zonder overlap. */
@media(max-width:600px){
 .bd-header,.bo-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:center!important}
 .bd-header>a,.bo-header .bo-brand{grid-column:1/-1;grid-row:1;width:100%;min-width:0!important;max-width:100%;margin:0!important}
 .bd-header>a>div,.bo-brand>div{min-width:0;flex:1}
 .bd-header>a>div>div:first-child,.bo-brand strong{font-size:clamp(14px,4.2vw,18px)!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere}
 .bd-header .mobile-nav-toggle,.bo-header .mobile-nav-toggle{grid-column:2;grid-row:2;position:static!important;margin:0!important;justify-self:end;flex-shrink:0;min-width:0}
 .bd-tagline,.tagline{font-size:12px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:normal}
}

/* Mobiele navigatie zonder overlap of uitklapmenu. */
.platform-header{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 0 18px;margin:0;border-bottom:1px solid #dde5ef;position:relative}
.platform-brand{display:flex;align-items:center;gap:10px;color:#142b46;text-decoration:none;min-width:0}
.platform-brand svg{width:26px;height:30px;flex:0 0 26px;color:#1d4ed8}
.platform-brand-copy{min-width:0}.platform-brand-name{display:block;font-size:18px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.platform-brand-tagline{display:block;font-size:12px;color:#526276;line-height:1.4;margin-top:3px}
.platform-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.platform-nav a{font-size:13px!important;font-weight:600;text-decoration:none;color:#43556b;min-height:44px;display:flex;align-items:center}
.mobile-home-links{display:none}
@media(max-width:900px){.platform-header{display:block}.platform-nav{margin-top:12px;gap:6px 14px}}
@media(max-width:780px){
 .container{padding:16px!important;width:100%;max-width:100%}
 .platform-header{padding-bottom:14px;display:block!important;width:100%}
 .platform-brand{width:100%;gap:9px}.platform-brand-name{font-size:clamp(15px,4.3vw,18px);line-height:1.3;white-space:normal}
 .platform-brand-tagline{font-size:11px;max-width:100%}
 .platform-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0;gap:6px!important;position:static!important}
 .platform-nav a{padding:9px 11px!important;border:1px solid #dde5ef;border-radius:8px;background:#f7faff;min-height:44px!important;white-space:normal!important;font-size:12px!important;line-height:1.4!important}
 .home-page .platform-nav{display:none!important}
 .mobile-home-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.mobile-home-links a{display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #dde5ef;border-radius:8px}
 .home-hero{padding-top:23px}.home-hero h1{font-size:clamp(25px,7vw,31px)!important;margin:9px 0 12px}.home-hero>p{font-size:14px!important}
 .kicker,.eyebrow{font-size:11px!important;letter-spacing:.06em!important}
 .route-grid{margin-top:17px}.route-card{padding:15px}.route-card strong{font-size:16px}.route-card>span{font-size:13px}
 .search-section{padding:14px;margin-top:6px}.home-section,.section{padding:22px 0}.hero{padding:24px 0 20px}
 .hero-photo img{height:190px}.briefing-card{padding:18px}.briefing-card h3{font-size:20px!important}
 .resource-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.resource-column a{font-size:13px;line-height:1.5;min-height:36px;padding:5px 0;margin:3px 0}
 .filter-toggles label{min-height:44px}.btn,button{min-height:44px}input,select,textarea{font-size:16px!important}
 .pagination{gap:8px}.pagination span{order:3;width:100%;text-align:center}
 .form-layout .panel{padding:15px}.form-layout .split{grid-template-columns:1fr}
 .tags,.pills,.profile-hints{max-width:100%;flex-wrap:wrap}.tag,.pill{white-space:normal!important;overflow-wrap:anywhere}
 .update-links{gap:10px!important}.update-links a{min-height:44px;display:inline-flex;align-items:center}
 .footer,.bd-footer{width:100%;flex-direction:column;align-items:flex-start}.footer a,.bd-footer a{min-height:44px!important;display:inline-flex;align-items:center}
}
@media(max-width:360px){.resource-grid{grid-template-columns:1fr}.container{padding:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Footer met eigen klassen: geen conflicten met oude flex-regels. */
.platform-footer{margin-top:32px;padding:22px 0;border-top:1px solid #dde5ef;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;color:#526276;font-size:12px!important}
.platform-footer-brand{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;font-size:12px;line-height:1.5}
.platform-footer-brand svg{width:24px;height:26px;flex:0 0 24px;color:#1d4ed8}
.platform-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0;padding:0;min-width:0}
.platform-footer-links a{font-size:12px!important;color:#43556b;text-decoration:none;line-height:1.4;overflow-wrap:anywhere}
.platform-footer-links a:hover{text-decoration:underline}
@media(max-width:780px){
 .platform-header .platform-nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;width:100%;gap:5px!important;margin-top:12px;padding:0 0 3px;align-items:center;justify-content:flex-start;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .platform-header .platform-nav a{flex:0 0 auto;min-height:44px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.3!important;border-radius:7px;background:#f7faff;white-space:nowrap!important}
 .home-page .platform-header .platform-nav{display:none!important}
 .platform-header{padding-bottom:12px!important}.platform-brand-tagline{font-size:11px!important;line-height:1.35!important}
 .platform-footer{display:block!important;margin-top:24px;padding:18px 0 12px;min-height:0;max-height:none}
 .platform-footer-brand{margin:0 0 12px;align-items:center;gap:8px;min-height:0;flex:none!important;font-size:12px!important}
 .platform-footer-brand span{font-size:12px!important;line-height:1.45!important}
 .platform-footer .platform-footer-links{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 12px!important;align-items:start!important;align-content:start!important;justify-content:start!important;width:100%;min-height:0}
 .platform-footer .platform-footer-links a{display:flex!important;align-items:center;justify-content:flex-start;min-height:44px!important;height:auto;padding:7px 0!important;margin:0!important;font-size:12px!important;line-height:1.4!important;max-width:100%;font-weight:500}
 .platform-footer .platform-footer-links a[href*="wettelijke-vermeldingen"]{grid-column:1/-1}
 .business-strip{margin:16px 0!important;padding:16px!important}.business-strip .btns{gap:7px}.business-strip .btns>a:not(.btn){display:flex;align-items:center;min-height:44px;font-size:14px}
}
@media(max-width:350px){.platform-footer .platform-footer-links{gap:2px 8px!important}}