/* Baukasten-Beschriftung: neutrales Overlay, unabhängig vom jeweiligen Design */
[data-el]{position:relative}
html.bk-on [data-el]{outline:2px dashed rgba(230,70,120,.55);outline-offset:-2px}
html.bk-on [data-el]::before{
  content:attr(data-el) " · " attr(data-modus);
  position:absolute;top:8px;left:8px;z-index:50;
  font:600 12px/1.2 ui-monospace,Consolas,monospace;letter-spacing:0;text-transform:none;
  background:#E64678;color:#fff;padding:5px 8px;border-radius:3px;pointer-events:none;
  box-shadow:0 2px 6px rgba(0,0,0,.2)
}
html.bk-on [data-el][data-optionen]::after{
  content:attr(data-optionen);
  position:absolute;top:34px;left:8px;z-index:50;max-width:calc(100% - 16px);
  font:500 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:0;text-transform:none;
  background:rgba(255,255,255,.95);color:#8A1E44;border:1px solid #E64678;padding:3px 7px;border-radius:3px;pointer-events:none
}
.bk-bar{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;gap:8px;font:600 13px/1 system-ui,sans-serif}
.bk-bar button{border:0;border-radius:999px;padding:11px 16px;cursor:pointer;background:#1d1d1f;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);font:inherit}
.bk-bar button[aria-pressed="true"]{background:#E64678}
.bk-toc{position:fixed;right:16px;bottom:68px;z-index:1000;width:min(340px,calc(100vw - 32px));max-height:70vh;overflow:auto;
  background:#fff;color:#1d1d1f;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.3);padding:10px;font:13px/1.35 system-ui,sans-serif}
.bk-toc[hidden]{display:none}
.bk-toc a{display:grid;grid-template-columns:22px 1fr;gap:6px;padding:7px 8px;border-radius:6px;color:inherit;text-decoration:none}
.bk-toc a:hover{background:#f3f3f5}
.bk-toc b{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.bk-toc small{display:block;color:#666;font-size:11px}
.bk-toc .n{color:#999;font-family:ui-monospace,monospace}
@media print{.bk-bar,.bk-toc{display:none}}