/* Betrouwbare, responsieve sociale berichten in nieuwsartikelen. */
.article-body .social-embed-block {
  width: min(100%, 550px);
  margin: 30px auto;
  overflow: hidden;
}

.article-body .social-embed-block blockquote,
.article-body .social-embed-block .twitter-tweet,
.article-body .social-embed-block .instagram-media {
  max-width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.article-body .social-embed-facebook iframe {
  display: block;
  width: 100% !important;
  max-width: 500px;
  min-height: 720px;
  margin: 0 auto;
  border: 0;
}

.article-body .social-embed-facebook p {
  width: min(100%, 500px);
  margin: 8px auto 0;
  font-size: 13px;
}

.article-body .social-embed-facebook a {
  color: #e20b07;
  font-weight: 800;
}

@media (max-width: 600px) {
  .article-body .social-embed-block { margin: 22px auto; }
  .article-body .social-embed-facebook iframe { min-height: 650px; }
}

/* De eerste echte tekstalinea krijgt op ieder artikel dezelfde rustige introstijl. */
body > main.article-detail-shell .article-main-column article.article-content .article-body > p.article-opening,
body > main.article-detail-shell .article-main-column article.article-content .article-body > div.article-opening {
  font-size: clamp(18px, 1.8vw, 20px) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

/* Schakel de oudere drop-cap op ieder direct tekstblok volledig uit. De extra
   specificiteit voorkomt dat article-layout.css deze regel weer overschrijft. */
body > main.article-detail-shell .article-main-column article.article-content .article-body > p::first-letter,
body > main.article-detail-shell .article-main-column article.article-content .article-body > div::first-letter {
  float: none !important;
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

/* Advertenties met 'Naast nieuwsberichten tonen' horen in de rechterkolom,
   direct onder de vaste informatievakken. */
body > main.article-detail-shell > .news-article-sidebar > .article-ad {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 34px 12px 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #d8e0ea !important;
}

body > main.article-detail-shell > .news-article-sidebar > .article-ad > span {
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body > main.article-detail-shell > .news-article-sidebar > .article-ad > a {
  display: block !important;
  width: 100% !important;
}

body > main.article-detail-shell > .news-article-sidebar > .article-ad img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 520px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}