/* Article-specific presentation. Content helpers are provided by PP Basis. */
.sg-blog-article { color: var(--ds-color-inkt); font-family: var(--ds-font-body); }
.sg-blog-article .fl-heading-text.sg-blog-title {
  font-family: var(--ds-font-heading);
  font-size: clamp(34px, 4.2vw, 58px);
  overflow-wrap: anywhere;
}
.sg-blog-image .fl-photo-content { display: block; }
.sg-blog-image img { width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: var(--ds-radius-kaart); }
.sg-blog-content { font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.sg-blog-content p { margin: 0 0 1.25em; }
.sg-blog-content :is(h2,h3,h4) { font-family: var(--ds-font-heading); font-weight: 800; line-height: 1.2; margin: 1.7em 0 .65em; scroll-margin-top: 110px; }
.sg-blog-content h2 { font-size: clamp(26px,3vw,36px); }
.sg-blog-content h3 { font-size: clamp(22px,2.4vw,28px); }
.sg-blog-content h4 { font-size: 21px; }
.sg-blog-content :is(ul,ol) { margin: 0 0 1.5em; padding-left: 1.45em; }
.sg-blog-content li { margin-bottom: .55em; }
.sg-blog-content a { color: var(--ds-color-klaver); text-decoration: underline; text-underline-offset: .15em; }
.sg-blog-content a:hover { color: var(--ds-color-klaver-diep); }
.sg-blog-content img { max-width: 100%; height: auto; }
.sg-blog-content figure { max-width: 100%; margin: 1.6em 0; }
.sg-blog-content iframe { max-width: 100%; }
.sg-blog-content blockquote { border-left: 4px solid var(--ds-color-munt); margin: 1.6em 0; padding: .5em 1.5em; }
.sg-blog-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.sg-blog-content :is(td,th) { border: 1px solid var(--ds-color-lijn); padding: .7em; }
@media (max-width: 767px) {
  .sg-blog-content { font-size: 16px; }
  .sg-blog-image img { max-height: 300px; }
}