/* Info-icoontje (i) met uitleg. Eigen prefix bst-info. Bron: BST_Glossary::icon() + bst-info.js. */
.bst-info { display: inline-block; position: relative; vertical-align: middle; line-height: 1; margin: 0 0 0 .1rem; }
/* Raakvlak 44x44; negatieve marge houdt de regel zelf compact */
.bst-info__b { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -13px -12px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--bst-primary, #C2185B); cursor: pointer; font: inherit; -webkit-tap-highlight-color: transparent; }
.bst-info__b svg { display: block; width: 18px; height: 18px; }
.bst-info__b:hover { color: var(--bst-cta, #C8460A); }
.bst-info__b[aria-expanded="true"] { color: var(--bst-cta, #C8460A); }
.bst-info__b:focus-visible, .bst-info__x:focus-visible { outline: 3px solid var(--bst-focus, #1B1B1B); outline-offset: 0; }
.bst-info__p { position: fixed; z-index: 9999; box-sizing: border-box; width: min(320px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100vh - 24px); overflow-y: auto; padding: .8rem .9rem .5rem; border: 1px solid var(--bst-line, #F0D5E0); border-radius: 12px; background: var(--bst-card, #fff); color: var(--bst-ink, #1B2733); box-shadow: 0 8px 28px rgba(122,16,64, .22); font-size: .9rem; font-weight: 400; line-height: 1.45; text-align: left; text-transform: none; letter-spacing: 0; white-space: normal; }
.bst-info__p[hidden] { display: none; }
.bst-info__t { display: block; overflow-wrap: anywhere; }
.bst-info__x { display: block; margin: .3rem -.4rem 0 auto; min-height: 44px; min-width: 44px; padding: 0 .8rem; border: 0; background: transparent; color: var(--bst-primary, #C2185B); font: inherit; font-size: .875rem; font-weight: 600; text-decoration: underline; cursor: pointer; }
/* Bij een label in een tegel of tabelkop: icoon staat naast de tekst, nooit over de waarde */
.bst-kern small .bst-info, .bst-tbl th .bst-info { margin-left: .25rem; }
.bst-tbl th { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: no-preference) { .bst-info__p { animation: bst-info-in .12s ease-out; } }
@keyframes bst-info-in { from { opacity: 0; } to { opacity: 1; } }