/* v93 Körper-Studio 3D */
/* v94: Flächen mit festem hellem Grund bekommen feste dunkle Schrift, sonst erben sie im Dunkelmodus helle Schrift und sind unlesbar */
.bd-what li,.bd-what li b,.bd-note,.bd-note h2,.bd-note li,.bd-note p,.bd-warn,.bd-nogl,.bd-ph,.bd-ctl input[type=text]{color:#2b2a24}
.bd-note a{color:#0b5e5e}
.bd-ctl input[type=text]{background:#fff}
.bd .lede{max-width:64ch}
.bd-what{list-style:none;padding:0;margin:.9rem 0 1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem}
.bd-what li{background:#f3efe3;border:1px solid #e3dcc6;border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.2rem;font-size:.92rem}
.bd-what b{font-size:1rem}
.bd-what span{color:#4a4638}
.bd-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.4rem;align-items:start}
.bd-stage{position:sticky;top:.6rem;min-width:0}
.bd-viewport{position:relative;border-radius:14px;overflow:hidden;border:1px solid #e3dcc6;background:#f6f1e3;aspect-ratio:7/8;max-height:78vh}
.bd-viewport canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;outline-offset:-3px}
.bd-viewport canvas:active{cursor:grabbing}
.bd-marks{position:absolute;inset:0;pointer-events:none}
.bd-mk{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:0;background:transparent;padding:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;display:none}
.bd-mk i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:rgba(11,94,94,.85);border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.bd-mk.on i{width:18px;height:18px;margin:-9px 0 0 -9px;background:#c1521f;box-shadow:0 0 0 3px rgba(193,82,31,.3)}
.bd-mk:focus-visible i{outline:3px solid #0b5e5e;outline-offset:2px}
.bd-nogl{position:absolute;inset:0;margin:0;padding:1.2rem;display:grid;place-items:center;text-align:center;background:#fff8e6;font-size:.95rem}
.bd-nogl[hidden]{display:none}
.bd-nogl-on .bd-viewport{aspect-ratio:auto;min-height:7rem}.bd-nogl-on .bd-viewport canvas,.bd-nogl-on .bd-view{display:none}.bd-nogl-on .bd-nogl{position:static}
.bd-view{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0 .2rem}
.bd-view button{min-height:44px;min-width:44px;padding:.3rem .75rem;border-radius:10px;border:1px solid #cfc7ae;background:#fff;color:#2b2a24;font-weight:600;cursor:pointer}
.bd-meaning{margin:.5rem 0 .3rem;font-weight:600;min-height:1.4em}
.bd-warn{background:#fff4d6;border:1px solid #e6c36a;border-radius:10px;padding:.5rem .7rem;margin:.4rem 0;font-size:.92rem}
.bd-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.bd-btns button{min-height:44px;padding:.5rem 1rem;border-radius:10px;border:1px solid #0b5e5e;background:#fff;color:#0b5e5e;font-weight:600;cursor:pointer}
.bd-btns button.bd-pri{background:#0b5e5e;color:#fff}
.bd-btns-s{margin:.4rem 0 .8rem}
.bd-h2{font-size:1.05rem;margin:1rem 0 .4rem}
.bd-flat{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #e3dcc6}
.bd-ctl{min-width:0}
.bd-ctl h2{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;margin:1.1rem 0 .5rem}
.bd-ctl h2:first-child{margin-top:0}
.bd-ctl label{display:block;margin:.7rem 0 .25rem;font-weight:600}
.bd-ctl input[type=text]{width:100%;box-sizing:border-box;min-height:44px;padding:.4rem .7rem;border:1px solid #cfc7ae;border-radius:10px;font-size:1rem}
.bd-ctl input[type=text][lang=ar]{font-family:"Amiri",serif;font-size:1.3rem}
.bd-ctl input[type=range]{width:100%;min-height:32px}
.bd-ctl .outbox{display:none}
.bd-lbl{margin:.7rem 0 .3rem;font-weight:600;font-size:.95rem}
.bd-seg{display:flex;flex-wrap:wrap;gap:.4rem}
.bd-seg button{min-height:44px;padding:.35rem .8rem;border-radius:10px;border:1px solid #cfc7ae;background:#fff;color:#2b2a24;cursor:pointer;font-size:.95rem}
.bd-seg button[aria-pressed=true]{background:#0b5e5e;border-color:#0b5e5e;color:#fff}
.bd-fam{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.45rem}
.bd-f{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;border-radius:12px;border:1px solid #d9d1b8;background:#fbf7ea;color:#2b2a24;cursor:pointer}
.bd-f canvas{width:100%;height:auto;display:block}
.bd-f.on{border-color:#0b5e5e;box-shadow:0 0 0 2px #0b5e5e inset}
.bd-f-n{font-size:.82rem;font-weight:600}
.bd-phr{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}
.bd-ph{min-height:44px;padding:.2rem .8rem;border-radius:10px;border:1px solid #d9d1b8;background:#fff;font-family:"Amiri",serif;font-size:1.25rem;cursor:pointer}
.bd-sws{display:flex;gap:.6rem}
.bd-sw{width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #b8b09a;cursor:pointer;padding:0}
.bd-sw[aria-pressed=true]{box-shadow:0 0 0 3px #0b5e5e}
.bd-check{display:flex!important;align-items:flex-start;gap:.5rem;font-weight:400!important}
.bd-check input{width:22px;height:22px;margin-top:.1rem}
.bd-link{display:block;margin:.4rem 0}
.bd-note,.bd-faq{margin-top:1.6rem;max-width:70ch}
.bd-note{background:#fff8e6;border:1px solid #e6c36a;border-radius:12px;padding:.8rem 1rem}
.bd-faq details{border-bottom:1px solid #e3dcc6;padding:.5rem 0}
.bd-faq summary{cursor:pointer;font-weight:600}
@media (max-width:820px){.bd-grid{grid-template-columns:minmax(0,1fr)}.bd-stage{position:static}.bd-viewport{aspect-ratio:4/5;max-height:72vh}}
@media (prefers-reduced-motion:reduce){.bd-mk i{transition:none}}
#bdPrintSheet{display:none}
@media print{
  body.bdprinting > *:not(main):not(script){display:none!important}
  body.bdprinting main > *:not(#bdPrintSheet):not(.bd){display:none!important}
  body.bdprinting .bd{display:none!important}
  body.bdprinting #bdPrintSheet{display:block!important}
  body.bdprinting{background:#fff!important;color:#000!important}
  #bdPrintSheet img{display:block;margin:6mm 0;max-width:none}
}
