/* Keerdok Bruis Artikel — scoped styles
   Alles zit onder .keerdok-article zodat Divi 4's globale h1/h2/p/blockquote-styles
   dit onderdeel niet overschrijven. Kritieke eigenschappen krijgen !important. */

.keerdok-article{
  --ka-ink:#1A1A1A;
  --ka-gray:#5B5B5B;
  --ka-gray-light:#8A8A8A;
  --ka-rule:#E3E3E3;
  --ka-accent:#b68e7e;

  max-width: 870px;
  margin: 0 auto;
  padding: 20px 20px 10px;
  background:#FFFFFF;
  color: var(--ka-ink) !important;
  font-family:'Inter', Arial, sans-serif !important;
  line-height:1.65 !important;
  -webkit-font-smoothing:antialiased;
}
.keerdok-article *{ box-sizing:border-box; }

.keerdok-article .ka-hero-img{
  width:100% !important;
  aspect-ratio: 16 / 9 !important;
  height:auto !important;
  object-fit: cover !important;
  object-position: center 65% !important;
  display:block;
  border-radius:2px;
  margin:0 0 8px !important;
}
.keerdok-article .ka-credit{
  font-size:12.5px !important;
  color: var(--ka-gray-light) !important;
  margin: 8px 0 30px !important;
  font-family:'Inter', sans-serif !important;
}
.keerdok-article .ka-kicker{
  color: var(--ka-accent) !important;
  font-weight:700 !important;
  font-size:13.5px !important;
  letter-spacing:.01em;
  text-transform:uppercase;
  margin-bottom:14px !important;
}
.keerdok-article h1{
  font-family:'Source Serif 4', Georgia, serif !important;
  font-weight:900 !important;
  font-size: 2.15rem !important;
  line-height:1.16 !important;
  letter-spacing:-0.01em;
  margin: 0 0 20px !important;
  color: var(--ka-ink) !important;
}
.keerdok-article .ka-intro{
  font-family:'Source Serif 4', Georgia, serif !important;
  font-weight:700 !important;
  font-size:1.2rem !important;
  line-height:1.5 !important;
  color:#2A2A2A !important;
  margin: 0 0 26px !important;
}
.keerdok-article .ka-byline{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 18px 0;
  border-top:1px solid var(--ka-rule);
  border-bottom:1px solid var(--ka-rule);
  margin-bottom:30px;
}
.keerdok-article .ka-avatar{
  width:38px; height:38px;
  border-radius:50%;
  background: linear-gradient(135deg,#c9d6d3,#8fa39d);
  flex-shrink:0;
}
.keerdok-article .ka-byline-text{ font-size:14px !important; }
.keerdok-article .ka-byline-role,
.keerdok-article .ka-byline-date{
  color: var(--ka-gray) !important;
  font-size:13.5px !important;
  line-height:1.5 !important;
  margin:0 !important;
}

/* Vrij bewerkbare body-inhoud (komt uit de WordPress-editor van het artikel) */
.keerdok-article .ka-body p{
  font-size:1.20rem !important;
  color:#1F1F1F !important;
  margin: 0 0 22px !important;
}
.keerdok-article .ka-body h2{
  font-family:'Source Serif 4', Georgia, serif !important;
  font-weight:700 !important;
  font-size:1.45rem !important;
  line-height:1.3 !important;
  margin: 38px 0 18px !important;
  color: var(--ka-ink) !important;
}
.keerdok-article .ka-body figure{ margin: 0 0 30px !important; }
.keerdok-article .ka-body figure img,
.keerdok-article .ka-body img{
  width:100% !important;
  aspect-ratio: 3 / 2 !important;
  height:auto !important;
  object-fit: cover !important;
  object-position: center 60% !important;
  display:block;
  border-radius:2px;
}
.keerdok-article .ka-body figcaption{
  font-size:12.5px !important;
  color: var(--ka-gray-light) !important;
  margin-top:8px !important;
}
.keerdok-article .ka-body blockquote{
  margin: 0 0 28px !important;
  padding: 4px 0 4px 20px !important;
  border-left: 3px solid var(--ka-accent) !important;
  border-top:none !important;
  font-family:'Source Serif 4', Georgia, serif !important;
  font-style:italic !important;
  font-size:1.12rem !important;
  color:#2A2A2A !important;
  background:transparent !important;
}
.keerdok-article .ka-body blockquote:before{
	content: unset !important;
}
.keerdok-article .ka-body blockquote cite{
  display:block;
  margin-top:10px !important;
  font-family:'Inter', sans-serif !important;
  font-style:normal !important;
  font-weight:600 !important;
  font-size:13.5px !important;
  color: var(--ka-gray) !important;
}

/* Video-embed (eigen [keerdok_video]-shortcode, native browserbediening) */
.keerdok-article .ka-body .ka-video-wrap{
  margin: 0 0 8px !important;
  position: relative;
  z-index: 2;
}
.keerdok-article .ka-body .ka-video-wrap video{
  width:100% !important;
  height:auto !important;
  display:block;
  border-radius:2px;
  background:#000;
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
}
.keerdok-article .ka-body .ka-video-caption{
  font-size:12.5px !important;
  color: var(--ka-gray-light) !important;
  font-family:'Inter', sans-serif !important;
  font-style:normal !important;
  margin: 0 0 30px !important;
}

.keerdok-article .ka-cta{
  background:#1E2158;
  border-radius:6px;
  padding: 44px 24px;
  text-align:center;
  margin: 40px 0 10px;
}
.keerdok-article .ka-cta p{
  color:#E7E4DC !important;
  font-family:'Source Serif 4', Georgia, serif !important;
  font-size:1.55rem !important;
  margin: 0 0 22px !important;
	text-align: center;
}
.keerdok-article .ka-cta-button{
  display:inline-block;
  background:#b68e7e;
  color:#1E2158 !important;
  font-weight:300 !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:17px 42px;
  border-radius:999px;
  text-decoration:none !important;
  font-size:14.5px !important;
  font-family:'Inter', sans-serif !important;
  transition: opacity .15s ease;
}
.keerdok-article .ka-cta-button:hover{ opacity:.88; color:#1E2158 !important; }

.keerdok-article .ka-footer{
  margin-top:50px;
  padding-top:20px;
  border-top:1px solid var(--ka-rule);
  font-size:12.5px !important;
  color: var(--ka-gray-light) !important;
}

@media (max-width:480px){
  .keerdok-article h1{ font-size:1.7rem !important; }
  .keerdok-article .ka-intro{ font-size:1.08rem !important; }
}