.bm-shell,.bm-article{--bm-border:#dfe7e3;--bm-text:#15221c;--bm-muted:#65736c;--bm-accent:#18b77a;box-sizing:border-box;color:var(--bm-text);font:inherit}.bm-shell *,.bm-article *{box-sizing:border-box}.bm-list-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 24px}.bm-list-head h2{margin:0 0 5px;font:700 clamp(24px,3vw,34px)/1.15 inherit}.bm-list-head p{margin:0;color:var(--bm-muted)}.bm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bm-card{border:1px solid var(--bm-border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(20,35,28,.05)}.bm-card-image{display:block;aspect-ratio:16/9;background:#eef3f0;overflow:hidden}.bm-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.bm-card:hover img{transform:scale(1.025)}.bm-card-body{padding:20px}.bm-card time,.bm-meta{font-size:13px;color:var(--bm-muted)}.bm-card h2,.bm-card h3{font:700 20px/1.25 inherit;margin:9px 0}.bm-card h2 a,.bm-card h3 a{color:inherit;text-decoration:none}.bm-card p{color:var(--bm-muted);line-height:1.55;margin:0 0 16px}.bm-read,.bm-back{color:var(--bm-accent);font-weight:700;text-decoration:none}.bm-pagination{display:flex;gap:8px;justify-content:center;margin-top:32px}.bm-pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--bm-border);border-radius:10px;text-decoration:none;color:inherit}.bm-pagination a[aria-current=page]{background:var(--bm-accent);color:#fff;border-color:var(--bm-accent)}.bm-article{max-width:850px;margin:0 auto}.bm-article h1{font:800 clamp(34px,6vw,64px)/1.06 inherit;letter-spacing:-.03em;margin:24px 0 16px}.bm-meta{display:flex;gap:14px;margin-bottom:28px}.bm-hero{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:20px;margin:28px 0}.bm-content{font-size:18px;line-height:1.75}.bm-content h2{font-size:32px;line-height:1.2;margin:42px 0 14px}.bm-content h3{font-size:24px;margin:32px 0 10px}.bm-content img{max-width:100%;height:auto;border-radius:14px}.bm-content a{color:var(--bm-accent)}@media(max-width:900px){.bm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.bm-grid{grid-template-columns:1fr}.bm-card-body{padding:17px}.bm-article h1{font-size:38px}.bm-content{font-size:17px}}
/* Single blog title: force a real, visibly styled H1 even when site CSS resets headings. */
.bm-article > .bm-article-header > h1.bm-single-title{
  display:block !important;
  margin:28px 0 18px !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(2.4rem,5vw,4.5rem) !important;
  font-weight:800 !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  color:#0f172a !important;
}
@media(max-width:620px){
  .bm-article > .bm-article-header > h1.bm-single-title{font-size:2.35rem !important;}
}

/* Alleen de tekstlink Terug naar blogs: CTA-kleur, vet en niet onderstreept. */
.bm-article > a.bm-back,
.bm-article > a.bm-back:visited {
  color:#10b981 !important;
  font-family:var(--bm-single-font-body, inherit) !important;
  font-weight:700 !important;
  text-decoration:none !important;
  text-underline-offset:0 !important;
}
.bm-article > a.bm-back:hover{
  color:#059669 !important;
}


/* Single blog altijd onder de websiteheader plaatsen. */
.bm-single-page .bm-article{
  margin-top:var(--bm-single-header-offset, 0px) !important;
}

/* Bewaar de alineawitruimte uit de editor op de single-blogpagina. */
.bm-content p{
  display:block !important;
  margin:0 0 1.35em !important;
}
.bm-content p:last-child{
  margin-bottom:0 !important;
}


/* Alleen zichtbaar voor een ingelogde BlogManager-beheerder. */
.bm-article-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:8px;
}
.bm-admin-edit,
.bm-admin-edit:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #d5e1da;
  border-radius:12px;
  background:linear-gradient(180deg,#ffffff 0%,#f1f6f3 100%);
  color:#21372c !important;
  font-size:14px;
  line-height:1;
  font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:0 8px 20px rgba(21,39,30,.08);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.bm-admin-edit svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.bm-admin-edit:hover{
  transform:translateY(-1px);
  border-color:#bcd0c4;
  background:linear-gradient(180deg,#ffffff 0%,#eaf2ed 100%);
  box-shadow:0 11px 24px rgba(21,39,30,.12);
}
.bm-admin-edit:focus-visible{
  outline:3px solid rgba(24,183,122,.2);
  outline-offset:3px;
}
@media(max-width:620px){
  .bm-article-tools{align-items:flex-start}
  .bm-admin-edit{padding:9px 11px}
  .bm-admin-edit span{display:none}
}


/* Definitieve weergave van de alinea-indeling uit BlogManager. */
.bm-article .bm-content > p,
.bm-article .bm-content p{
  display:block !important;
  margin-block-start:0 !important;
  margin-block-end:1.45em !important;
  padding:0 !important;
  white-space:normal !important;
}
.bm-article .bm-content > p:last-child,
.bm-article .bm-content p:last-child{
  margin-block-end:0 !important;
}
.bm-article .bm-content > h2,
.bm-article .bm-content > h3,
.bm-article .bm-content > ul,
.bm-article .bm-content > ol,
.bm-article .bm-content > blockquote{
  clear:both;
}
/* Een enkel regeleinde binnen een alinea blijft een normale regelbreuk. */
.bm-article .bm-content p > br{
  display:block !important;
  content:"" !important;
}