/* Artikelpagina v16.4: staat bewust als laatste stylesheet. */
body > main.article-detail-shell {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 310px !important;
  align-items: start !important;
  gap: 42px !important;
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 46px 0 70px !important;
}

body > main.article-detail-shell > .article-intro {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 6px !important;
}

body > main.article-detail-shell > .article-intro h1 {
  max-width: 1120px !important;
}

body > main.article-detail-shell > .article-intro .summary {
  max-width: 1120px !important;
}

body > main.article-detail-shell > article.article-page,
body > main.article-detail-shell > .article-main-column {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body > main.article-detail-shell .article-main-column > article.article-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body > main.article-detail-shell article.article-content > figure:first-child,
body > main.article-detail-shell article.article-content > .youtube-video:first-child {
  margin-top: 0 !important;
}

body > main.article-detail-shell > .news-article-sidebar {
  position: sticky !important;
  top: 22px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  min-width: 0 !important;
}

body > main.article-detail-shell > .news-article-sidebar > section {
  display: block !important;
  padding: 24px !important;
  border: 1px solid #d5dee8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(6,29,59,.03) !important;
}

body > main.article-detail-shell > .news-article-sidebar h2 {
  margin: 0 0 16px !important;
  color: #061d3b !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

body > main.article-detail-shell > .news-article-sidebar p {
  margin: 0 0 18px !important;
  color: #52627a !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
}

body > main.article-detail-shell .sidebar-primary,
body > main.article-detail-shell .sidebar-contact,
body > main.article-detail-shell .sidebar-advertise {
  display: block !important;
  padding: 15px 16px !important;
  border-radius: 6px !important;
  color: #fff !important;
  text-align: center !important;
  font-weight: 900 !important;
}

body > main.article-detail-shell .sidebar-primary { background: #e20b07 !important; }
body > main.article-detail-shell .sidebar-contact { background: #061d3b !important; }
body > main.article-detail-shell .sidebar-advertise { background: #e20b07 !important; }

body > main.article-detail-shell .sidebar-share {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

body > main.article-detail-shell .sidebar-share button {
  display: block !important;
  width: 100% !important;
  padding: 11px 8px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: #edf1f5 !important;
  color: #061d3b !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

body > main.article-detail-shell .sidebar-share .sidebar-share-main {
  grid-column: 1 / -1 !important;
  padding: 15px 16px !important;
  background: #e20b07 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

body > main.article-detail-shell .sidebar-share button:last-of-type {
  grid-column: 1 / 2 !important;
}

@media (max-width: 800px) {
  body > main.article-detail-shell {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 30px !important;
    width: calc(100% - 36px) !important;
    padding: 28px 0 48px !important;
  }

  body > main.article-detail-shell > .article-intro {
    grid-column: 1 !important;
  }

  body > main.article-detail-shell > .news-article-sidebar {
    position: static !important;
  }
}