/* Isolated trial: loaded only by /projekte/braincoacher-personal-branding/. */
.bc-viewer{box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:clamp(.5rem,1.5vw,1.25rem);padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));background:#141719;color:#f6f5f0;font:400 1rem/1.5 var(--font-sans);overscroll-behavior:contain;overflow:hidden;--bc-line:#727a7c}
.bc-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem}
.bc-viewer::backdrop{background:#141719}
.bc-viewer *{box-sizing:border-box}
.bc-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}
.bc-viewer__count{padding-inline:.5rem;font-size:1rem;font-variant-numeric:tabular-nums}
.bc-viewer button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;min-width:3rem;min-height:3rem;margin:0;padding:.5rem .75rem;border:1px solid var(--bc-line);border-radius:.5rem;background:#242a2d;color:#f6f5f0;font:500 1rem/1.3 var(--font-sans);cursor:pointer;touch-action:manipulation}
.bc-viewer button:hover{background:#384246;border-color:var(--color-action)}
.bc-viewer button[aria-disabled="true"]{color:#aab1b3}
.bc-viewer :focus-visible{outline:3px solid var(--color-action);outline-offset:3px}
.bc-viewer button svg{display:block;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.bc-viewer__close{border-color:var(--color-action)!important}
.bc-viewer__figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.75rem;min-width:0;min-height:0;width:100%;margin:0}
.bc-viewer__stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.bc-viewer__image{display:block;flex-shrink:0;width:auto;height:auto;max-width:none;max-height:none;object-fit:contain;border-radius:0;transform-origin:center;visibility:hidden;touch-action:none;-webkit-user-drag:none}
.bc-viewer__stage[data-ready] .bc-viewer__image{visibility:visible}
.bc-viewer__stage[data-zoomed] .bc-viewer__image{cursor:grab}
.bc-viewer__stage[data-dragging] .bc-viewer__image{cursor:grabbing}
.bc-viewer__caption{justify-self:center;max-width:78ch;max-height:28dvh;min-height:1.5em;margin:0;padding:.25rem .5rem;font-size:1rem;line-height:1.5;text-align:center;overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere;touch-action:pan-y}
.bc-viewer__controls{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);padding:.25rem 0}
.bc-viewer__zoom{display:flex;align-items:center;gap:.375rem}
.bc-viewer [data-bc-reset]{min-width:4.75rem;font-variant-numeric:tabular-nums}
.bc-viewer__status{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:1rem;text-align:center;pointer-events:none;font-size:1rem}
.bc-viewer__status[hidden]{display:none}
.bc-viewer__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:24rem){.bc-viewer__controls{gap:.375rem}.bc-viewer__zoom{gap:.25rem}.bc-viewer button{padding:.5rem}.bc-viewer [data-bc-reset]{min-width:4.5rem}}
@media(max-height:30rem){.bc-viewer[open]{gap:.25rem}.bc-viewer__figure{gap:.25rem}.bc-viewer__caption{max-height:26dvh}.bc-viewer__controls{padding:0}}
