html.is-uitgefaseerd .article-page.body {
  opacity: 0.6;
}

ai-actions {
  display: none;
}

#infoButton {
  font-family: "Albert Sans",sans-serif;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #9624B5;
  color: #fff;
  border: 0;
  border-radius: 9999px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(0,0,0,.2);
  z-index: 2147483000;
  transition: transform .06s ease-out, background-color .15s ease-in-out;
}
#infoButton:hover { background: #ef4864; }
#infoButton:active { transform: translateY(1px); }
#infoButton:focus-visible {
  outline: 3px solid #fff; outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(255,105,180,.5);
}
@media (max-width: 480px) {
  #infoButton { bottom: 16px; right: 16px; padding: 10px 16px; font-size: 15px; }
}

span[data-component="status"][data-tag],
.tag {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    border: none;
    vertical-align: middle;
    margin: 2px 3px 2px 0;
    box-shadow: none;
    text-decoration: none;
}

/* ── Optional: print overrides ──────────────────────────────────────── */
@media print {
  span[data-component="status"][data-tag] {
    border: 1px solid currentColor !important;
    background-color: transparent !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* ── Fallback: conf-badge classes (badge_variant=css / no Scroll Sites) */
.conf-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 0.72em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; white-space: nowrap; vertical-align: middle; margin-right: 4px; line-height: 1.6; }
.conf-badge-grey   { background-color: #dfe1e6; color: #42526e; }
.conf-badge-red    { background-color: #ffebe6; color: #bf2600; }
.conf-badge-yellow { background-color: #fffae6; color: #974f0c; }
.conf-badge-green  { background-color: #e3fcef; color: #006644; }
.conf-badge-blue   { background-color: #deebff; color: #0052cc; }
.conf-badge-purple { background-color: #eae6ff; color: #403294; }
.conf-badge-teal   { background-color: #e6fcff; color: #505f79; }
.conf-badge-orange { background-color: #fca700; color: #172b4d; }
.conf-badge-lime   { background-color: #b3df72; color: #172b4d; }
.conf-badge-pink   { background-color: #f797d2; color: #ffffff; }
.conf-badge-dark   { background-color: #42526e; color: #ffffff; }
.conf-badge-navy   { background-color: #0747a6; color: #ffffff; }
.conf-badge-amber  { background-color: #fff0b3; color: #7a4f00; }
.conf-badge-coral  { background-color: #ffd5cc; color: #ae2e24; }
.conf-badge-sky    { background-color: #b3f5ff; color: #206b74; }