/* 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;
}
.comments-section{margin-top:50px;padding-top:28px;border-top:7px solid #222}.comments-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.comments-heading span{color:#e20b07;font-size:12px;font-weight:900;text-transform:uppercase}.comments-heading h2{margin:5px 0 0;font-size:30px;text-transform:uppercase}.comments-heading>a{color:#061d3b;font-weight:800}.comment-form{margin-top:25px}.comment-form>label{position:absolute;width:1px;height:1px;overflow:hidden}.comment-form textarea{width:100%;padding:18px;border:2px solid #31599a;font:20px Georgia,serif}.comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.comment-form span{color:#6c7580;font-size:13px}.comment-form button,.comment-login a{padding:14px 25px;border:0;background:#e20b07;color:#fff;font-weight:900;text-decoration:none}.comment-login{margin:24px 0;padding:22px;background:#f1f4f7}.comments-tabs{display:flex;align-items:center;justify-content:space-between;margin-top:38px;padding-bottom:14px;border-bottom:1px solid #aeb8c3}.comments-tabs>strong{color:#31599a;font-size:20px}.comments-tabs b{padding:4px 7px;background:#31599a;color:#fff}.reader-comment{padding:25px 8px;border-bottom:1px solid #d2d9e0}.reader-comment>div{display:flex;align-items:center;gap:12px}.reader-comment time{color:#727c88;font-size:13px}.reader-comment p{font:19px/1.55 Georgia,serif}.reader-comment form{text-align:right}.reader-comment button{border:0;background:transparent;color:#657187;text-decoration:underline;cursor:pointer}.no-comments{padding:25px 0;color:#657187}
.account-body{background:#eef2f6}.account-shell{width:min(1260px,calc(100% - 40px));margin:0 auto;padding:64px 0 90px}.account-intro{max-width:760px;margin-bottom:34px}.account-eyebrow{margin:0 0 10px;color:#e20b07;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.account-intro h1,.reader-account h1{margin:0 0 14px;color:#061d3b;font-size:46px;line-height:1.05}.account-intro>p:not(.account-eyebrow),.account-lead{color:#5e6d82;font-size:18px;line-height:1.55}.account-intro ul{display:flex;flex-wrap:wrap;gap:10px 24px;margin:22px 0 0;padding:0;list-style:none}.account-intro li{font-size:14px;font-weight:800}.account-intro li:before{content:"✓";margin-right:8px;color:#16834b}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.account-card,.reader-account{position:relative;padding:38px;border:1px solid #d5dee8;border-radius:12px;background:#fff;box-shadow:0 16px 45px rgba(6,29,59,.07)}.account-card h2{margin:0 0 8px;font-size:30px}.account-card>p{margin:0 0 25px;color:#657187}.account-card form{display:grid;gap:17px}.account-card label{display:grid;gap:7px;color:#3f5068;font-size:13px;font-weight:800}.account-card input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #c7d2de;border-radius:5px;background:#fff;font:inherit}.account-card input:focus{outline:3px solid #e20b0722;border-color:#e20b07}.account-card small{color:#748195}.account-number{position:absolute;top:28px;right:30px;color:#d4dce5;font-size:36px;font-weight:900}.account-primary,.account-secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #e20b07;border-radius:5px;background:#e20b07;color:#fff;font-weight:900;text-decoration:none;cursor:pointer}.account-secondary{border-color:#c6d2df;background:#fff;color:#061d3b}.reader-account{width:min(850px,calc(100% - 40px));margin:70px auto 90px}.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.account-actions form{margin:0}.account-notice{grid-column:1/-1}.form-notice{padding:14px 17px;border-left:5px solid #16834b;background:#e7f6ed;color:#135f38;font-weight:800}
.account-shell-single{width:min(680px,calc(100% - 40px))}.account-shell-single .account-intro{max-width:620px}.account-shell-single .account-card{width:100%}.account-shell-single .account-notice{margin-bottom:18px}.account-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding-top:22px;border-top:1px solid #dbe2ea;color:#657187;font-size:14px}.account-switch a{color:#061d3b;font-weight:900}
body.account-body>main.account-shell.account-shell-single{display:block!important;width:calc(100% - 40px)!important;max-width:760px!important;margin:0 auto!important;padding:58px 0 82px!important}body.account-body>main.reader-account{display:block!important;width:calc(100% - 40px)!important;max-width:980px!important;margin:58px auto 82px!important;padding:38px!important}body.account-body>main.account-shell.account-shell-single>.account-card{width:100%!important;max-width:none!important;margin:0!important}body.account-body>main.account-shell.account-shell-single>.account-intro{width:100%!important;max-width:680px!important}
@media(max-width:800px){.account-shell{padding-top:36px}.account-grid{grid-template-columns:1fr}.account-intro h1,.reader-account h1{font-size:36px}.account-card,.reader-account{padding:27px}.comments-heading{align-items:start;flex-direction:column}.score-card,.analysis-card{min-height:0}}
.account-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.account-profile-grid .account-card{padding:28px;box-shadow:none}.account-forgot{justify-self:start;color:#061d3b;font-size:14px;font-weight:900;text-decoration:underline;text-underline-offset:3px}.staff-edit-article{position:sticky;top:14px;z-index:20;float:right;margin:0 0 18px 18px;padding:12px 17px;border-radius:4px;background:#e20b07;color:#fff!important;font-size:14px;font-style:normal!important;font-weight:900;box-shadow:0 8px 20px rgba(6,29,59,.16)}.staff-edit-article:hover{background:#061d3b}@media(max-width:800px){.account-profile-grid{grid-template-columns:1fr}.staff-edit-article{position:relative;top:auto;float:none;display:inline-flex;margin:0 0 20px}}

@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;
  }
}
.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 12px}.account-summary>div{display:grid;gap:6px;padding:17px 19px;border:1px solid #d5dee8;border-radius:7px;background:#f7f9fb}.account-summary span{color:#657187;font-size:12px;font-weight:900;text-transform:uppercase}.account-summary strong{font-size:17px}.account-verification-note{margin:14px 0 22px!important;font-size:15px!important}.account-edit-options{display:flex;flex-wrap:wrap;gap:12px}.account-edit-options details{flex:1 1 260px}.account-edit-options summary{padding:15px 18px;border:1px solid #c6d2df;border-radius:5px;background:#fff;color:#061d3b;font-weight:900;cursor:pointer;list-style-position:inside}.account-edit-options details[open] summary{border-color:#061d3b;background:#061d3b;color:#fff}.account-edit-options .account-card{margin-top:10px;padding:25px;box-shadow:none}.account-edit-options .account-card h2{font-size:24px}@media(max-width:800px){.account-summary{grid-template-columns:1fr}.account-edit-options{display:grid}.account-edit-options details{width:100%}}
@media(min-width:801px) and (max-width:1180px){body>main.article-detail-shell{width:calc(100% - 48px)!important;max-width:1120px!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:28px!important;padding-top:34px!important}.article-intro h1{font-size:clamp(38px,5vw,58px)!important}.article-intro .summary{font-size:20px!important}.article-body p{font-size:18px!important}.news-article-sidebar>section{padding:19px!important}.reader-account{margin-top:42px!important;margin-bottom:60px!important;max-width:860px!important;padding:30px!important}.reader-account h1{font-size:39px}}

/* Artikelpagina v22.1: compactere typografie en betrouwbare eerste alinea. */
body > main.article-detail-shell {
  grid-template-columns: minmax(0,1fr) 260px !important;
  gap: 30px !important;
  width: calc(100% - 40px) !important;
  max-width: 1040px !important;
  padding: 32px 0 50px !important;
}
body > main.article-detail-shell > .article-intro { padding-bottom: 2px !important; }
body > main.article-detail-shell > .article-intro > em { font-size: 11px !important; }
body > main.article-detail-shell > .article-intro h1 {
  max-width: 820px !important;
  margin: 10px 0 17px !important;
  font-size: 50px !important;
  line-height: 1.04 !important;
  letter-spacing: -2px !important;
}
body > main.article-detail-shell > .article-intro .summary {
  max-width: 760px !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}
body > main.article-detail-shell > .article-intro > small {
  margin: 13px 0 29px !important;
  font-size: 12px !important;
}
body > main.article-detail-shell article.article-content > figure,
body > main.article-detail-shell article.article-content > .youtube-video {
  width: min(100%,686px) !important;
  margin: 20px 0 29px !important;
}
body > main.article-detail-shell article.article-content > figure img { max-height: 490px !important; border-radius: 9px !important; }
body > main.article-detail-shell article.article-content figcaption { padding-top: 7px !important; font-size: 11px !important; }
body > main.article-detail-shell .article-body {
  max-width: 640px !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}
body > main.article-detail-shell .article-body p {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}
body > main.article-detail-shell .article-body p { margin: 0 0 19px !important; }
body > main.article-detail-shell .article-body .article-opening {
  margin-bottom: 23px !important;
  font-size: 19px !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
  letter-spacing: -.1px !important;
}
body > main.article-detail-shell .article-body .article-opening::first-letter {
  float: left !important;
  margin: 4px 8px 0 0 !important;
  font-size: 53px !important;
  font-weight: 900 !important;
  line-height: .78 !important;
}
body > main.article-detail-shell .article-body p:not(.article-opening) > strong:only-child,
body > main.article-detail-shell .article-body p:not(.article-opening) > b:only-child,
body > main.article-detail-shell .article-body div:not(.article-opening) > strong:only-child,
body > main.article-detail-shell .article-body div:not(.article-opening) > b:only-child {
  font-weight: 400 !important;
}
body > main.article-detail-shell .article-body .text-normal { font-size: 16px !important; }
body > main.article-detail-shell .article-body .text-small { font-size: 13px !important; }
body > main.article-detail-shell .article-body .text-large { font-size: 18px !important; }
body > main.article-detail-shell .article-body .text-xlarge { font-size: 21px !important; }
body > main.article-detail-shell .article-body h2 { margin: 28px 0 12px !important; font-size: 23px !important; }
body > main.article-detail-shell .article-body h3 { margin: 24px 0 10px !important; font-size: 19px !important; }
body > main.article-detail-shell .article-tags { max-width: 640px !important; margin-top: 25px !important; }
body > main.article-detail-shell .article-tags a,
body > main.article-detail-shell .article-tags span { padding: 6px 9px !important; font-size: 11px !important; }
body > main.article-detail-shell > .news-article-sidebar { gap: 13px !important; }
body > main.article-detail-shell > .news-article-sidebar > section { padding: 17px !important; border-radius: 8px !important; }
body > main.article-detail-shell > .news-article-sidebar h2 { margin-bottom: 11px !important; font-size: 17px !important; }
body > main.article-detail-shell > .news-article-sidebar p { margin-bottom: 13px !important; font-size: 13px !important; }
body > main.article-detail-shell .sidebar-primary,
body > main.article-detail-shell .sidebar-contact,
body > main.article-detail-shell .sidebar-advertise { padding: 11px 12px !important; font-size: 13px !important; }
body > main.article-detail-shell .sidebar-share { gap: 6px !important; }
body > main.article-detail-shell .sidebar-share button { padding: 9px 6px !important; font-size: 12px !important; }
body > main.article-detail-shell .sidebar-share .sidebar-share-main { padding: 11px 12px !important; }
body > main.article-detail-shell .comments-section { max-width: 640px !important; margin-top: 35px !important; padding-top: 20px !important; border-top-width: 5px !important; }
body > main.article-detail-shell .comments-heading h2 { font-size: 21px !important; }
body > main.article-detail-shell .comment-form textarea { padding: 13px !important; font-size: 16px !important; }
body > main.article-detail-shell .reader-comment { padding: 18px 6px !important; }
body > main.article-detail-shell .reader-comment p { font-size: 15px !important; }

/* iPad en andere tablets: bewust nog compacter dan desktop. */
@media (min-width: 701px) and (max-width: 1180px) {
  body > main.article-detail-shell {
    grid-template-columns: minmax(0,1fr) 210px !important;
    gap: 20px !important;
    width: calc(100% - 32px) !important;
    max-width: 960px !important;
    padding: 22px 0 36px !important;
  }
  body > main.article-detail-shell > .article-intro h1 { max-width: 720px !important; margin: 8px 0 13px !important; font-size: 36px !important; letter-spacing: -1.4px !important; }
  body > main.article-detail-shell > .article-intro .summary { max-width: 680px !important; font-size: 14px !important; }
  body > main.article-detail-shell > .article-intro > small { margin: 10px 0 21px !important; font-size: 11px !important; }
  body > main.article-detail-shell .article-body,
  body > main.article-detail-shell .article-body p { max-width: 570px !important; font-size: 14px !important; line-height: 1.6 !important; }
  body > main.article-detail-shell .article-body p { margin-bottom: 15px !important; }
  body > main.article-detail-shell .article-body .article-opening { margin-bottom: 18px !important; font-size: 16px !important; line-height: 1.5 !important; }
  body > main.article-detail-shell .article-body .article-opening::first-letter { margin: 3px 7px 0 0 !important; font-size: 44px !important; }
  body > main.article-detail-shell > .news-article-sidebar > section { padding: 14px !important; }
  body > main.article-detail-shell > .news-article-sidebar h2 { margin-bottom: 9px !important; font-size: 15px !important; }
  body > main.article-detail-shell > .news-article-sidebar p { margin-bottom: 10px !important; font-size: 12px !important; }
  body > main.article-detail-shell .sidebar-primary,
  body > main.article-detail-shell .sidebar-contact,
  body > main.article-detail-shell .sidebar-advertise { padding: 9px 10px !important; font-size: 12px !important; }
  body > main.article-detail-shell .sidebar-share button { padding: 8px 5px !important; font-size: 11px !important; }
  body > main.article-detail-shell .comments-heading h2 { font-size: 19px !important; }
}

/* Telefoons blijven iets ruimer leesbaar dan de compacte iPad-weergave. */
@media (max-width: 700px) {
  body > main.article-detail-shell { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; width: calc(100% - 28px) !important; padding: 20px 0 34px !important; }
  body > main.article-detail-shell > .article-intro { grid-column: 1 !important; }
  body > main.article-detail-shell > .article-intro h1 { margin: 8px 0 13px !important; font-size: 30px !important; letter-spacing: -1px !important; }
  body > main.article-detail-shell > .article-intro .summary { font-size: 15px !important; }
  body > main.article-detail-shell > .article-intro > small { margin: 10px 0 20px !important; font-size: 11px !important; }
  body > main.article-detail-shell .article-body,
  body > main.article-detail-shell .article-body p { max-width: none !important; font-size: 15px !important; line-height: 1.62 !important; }
  body > main.article-detail-shell .article-body .article-opening { font-size: 18px !important; line-height: 1.5 !important; }
  body > main.article-detail-shell .article-body .article-opening::first-letter { font-size: 47px !important; }
  body > main.article-detail-shell > .news-article-sidebar { position: static !important; }
  body > main.article-detail-shell > .news-article-sidebar > section { padding: 16px !important; }
}