/* HBPM toegankelijkheid - alleen artikelpagina */
.hbpm-a11y {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    align-items:center;
    padding:13px;
    margin:22px 0 16px;
    background:#f5f7fa;
    border:1px solid #d9dfe6;
    border-radius:14px;
}
.hbpm-a11y button {
    appearance:none;
    background:#fff;
    color:#172436;
    border:1px solid #cbd3dc;
    border-radius:12px;
    padding:11px 14px;
    font:600 14px/1.4 system-ui,sans-serif;
    cursor:pointer;
    min-height:44px;
}
.hbpm-a11y button:hover,
.hbpm-a11y button:focus-visible {
    border-color:#54718d;
    outline-offset:2px;
}
.hbpm-a11y button[aria-pressed="true"] {
    background:#163752;
    color:#fff;
    border-color:#163752;
}
.hbpm-a11y-size {position:relative}
.hbpm-a11y-dropdown {
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    z-index:30;
    min-width:165px;
    padding:7px;
    background:#fff;
    border:1px solid #cbd3dc;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.14);
}
.hbpm-a11y-dropdown[hidden] {display:none}
.hbpm-a11y-dropdown button {
    width:100%;
    text-align:left;
    border:0;
}
.hbpm-a11y-note {
    font-size:13px;
    padding:8px 12px;
    border-left:3px solid #54718d;
}
.hbpm-a11y-note[hidden] {display:none}

/* Tekstgrootte, uitsluitend de artikelinhoud */
.article-page-grid .article-body {
    font-size:calc(18px + var(--hbpm-reading-size, 0px)) !important;
}
.article-page-grid .article-body p,
.article-page-grid .article-body li {
    font-size:inherit !important;
}

/* Rustige tekstgerichte weergave */
.article-page-grid.hbpm-simple .article-body {
    line-height:1.95;
    max-width:70ch;
}
.article-page-grid.hbpm-simple .article-body img,
.article-page-grid.hbpm-simple .article-body video,
.article-page-grid.hbpm-simple .article-body iframe,
.article-page-grid.hbpm-simple .article-body .article-gallery,
.article-page-grid.hbpm-simple .article-body .article-chart {
    display:none !important;
}

/* Extra contrast */
.article-page-grid.hbpm-contrast > .article {
    background:#fff !important;
    color:#000 !important;
}
.article-page-grid.hbpm-contrast .article-body {
    color:#000 !important;
}
.article-page-grid.hbpm-contrast .article-body a {
    color:#003f91 !important;
}

/* Leesvriendelijk alternatief lettertype */
.article-page-grid.hbpm-dyslexia .article-body {
    font-family:Verdana,Arial,sans-serif !important;
    letter-spacing:.035em;
    word-spacing:.12em;
    line-height:1.95;
}

/* Animaties en overgangen */
html.hbpm-no-motion *,
html.hbpm-no-motion *::before,
html.hbpm-no-motion *::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
}

/* Links beter herkenbaar */
.article-page-grid.hbpm-links .article-body a {
    color:#0055b8 !important;
    text-decoration:underline !important;
    text-decoration-thickness:3px !important;
    text-underline-offset:4px !important;
    font-weight:800 !important;
}
html[data-theme="dark"] .hbpm-a11y {
    background:#14283a;
    border-color:#365066;
}
html[data-theme="dark"] .hbpm-a11y button {
    background:#213a50;
    color:#fff;
    border-color:#52697c;
}
html[data-theme="dark"] .hbpm-a11y-dropdown {
    background:#14283a;
}
@media(max-width:600px) {
    .hbpm-a11y {gap:7px;padding:10px}
    .hbpm-a11y > button,
    .hbpm-a11y-size > button {font-size:12px;padding:10px}
}


/* HBPM toegankelijkheid - verbeterde leesopties v2 */

/* Duidelijk herkenbare leesvriendelijke typografie */
.article-page-grid.hbpm-dyslexia .article-body,
.article-page-grid.hbpm-dyslexia .article-body p,
.article-page-grid.hbpm-dyslexia .article-body li,
.article-page-grid.hbpm-dyslexia .article-body h2,
.article-page-grid.hbpm-dyslexia .article-body h3 {
    font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: .055em !important;
    word-spacing: .16em !important;
    line-height: 2 !important;
}

/* Links opvallend accentueren */
.article-page-grid.hbpm-links .article-body a,
.article-page-grid.hbpm-links .article-body a:not(.article-related-card) {
    color: #003e9c !important;
    background: #fff0a6 !important;
    text-decoration: underline !important;
    text-decoration-color: #003e9c !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
    font-weight: 800 !important;
    border-radius: 3px;
    padding: 1px 3px;
}

/* Donkere modus */
html[data-theme="dark"] .article-page-grid.hbpm-links .article-body a {
    color: #101820 !important;
    background: #ffe16a !important;
}


/* HBPM links accentueren v3 */

/* Alle echte hyperlinks binnen het hoofdartikel */
.article-page-grid.hbpm-links > article.article a[href] {
    color: #003e9c !important;
    background-color: #ffeb75 !important;
    text-decoration: underline !important;
    text-decoration-color: #003e9c !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
    font-weight: 800 !important;
    outline: 2px solid #e0b800 !important;
    outline-offset: 2px;
    border-radius: 3px;
}

/* Donkere modus */
html[data-theme="dark"]
.article-page-grid.hbpm-links > article.article a[href] {
    color: #111 !important;
    background-color: #ffe16a !important;
    text-decoration-color: #111 !important;
}


/* HBPM toegankelijkheid deelknoppen v4 */

/* Instagram en Print ook accentueren */
.article-page-grid.hbpm-links > article.article
.article-share-buttons button.share-instagram,
.article-page-grid.hbpm-links > article.article
.article-share-buttons button.share-print {
    color: #003e9c !important;
    background: #ffeb75 !important;
    text-decoration: underline !important;
    text-decoration-color: #003e9c !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 4px !important;
    font-weight: 800 !important;
    outline: 2px solid #e0b800 !important;
    outline-offset: 2px;
    border-radius: 3px;
}

/* Donkere modus */
html[data-theme="dark"]
.article-page-grid.hbpm-links > article.article
.article-share-buttons button.share-instagram,
html[data-theme="dark"]
.article-page-grid.hbpm-links > article.article
.article-share-buttons button.share-print {
    color: #111 !important;
    background: #ffe16a !important;
    text-decoration-color: #111 !important;
}


/* HBPM-A11Y-FONTSIZE-FIX-V1 */
/* Artikeltekst vergroten zonder overige paginaonderdelen */
.article-page-grid .article-body {
    font-size: calc(18px + var(--hbpm-reading-size, 0px)) !important;
}
.article-page-grid .article-body p,
.article-page-grid .article-body li,
.article-page-grid .article-body blockquote {
    font-size: inherit !important;
}
.article-page-grid .article-body h2 {
    font-size: calc(25px + var(--hbpm-reading-size, 0px)) !important;
}
.article-page-grid .article-body h3 {
    font-size: calc(22px + var(--hbpm-reading-size, 0px)) !important;
}