.bd-voorbeelden{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:1.25rem 0 0.5rem}
.bd-voorbeelden figure{margin:0}
.bd-voorbeelden figcaption{font-size:14px;color:var(--steen);margin-top:6px}
.bd-donker{background:var(--groen);padding:16px;border-radius:var(--r-s)}
.bd-donker figcaption{color:var(--papier)}
.bd-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;min-height:6.5rem;word-break:break-all}
.bd-blok{margin:1.25rem 0 1.75rem}
.bd-blok label{display:block;font-weight:600;margin-bottom:6px}
.bd-kopieer{margin-top:8px;height:42px;padding:0 20px;border:1.5px solid var(--groen);border-radius:999px;background:var(--groen);color:var(--papier);font:inherit;font-weight:500;cursor:pointer}
.bd-kopieer:hover{background:var(--papier);color:var(--groen)}
.bd-melding{background:#fff;border-left:4px solid var(--oranje);padding:12px 16px;border-radius:var(--r-s)}