/* BASSBARON-Contentseite (just-SOUND) — strikt jsbb-präfixiert,
   wird über das NOVA-CSS-Bundle auf jeder Seite geladen: klein halten. */
.jsbb-page{max-width:1240px;margin:0 auto;padding:8px 0 24px}
.jsbb-hero{margin:6px 0 18px}
.jsbb-eyebrow{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:inherit;border:0;padding:0;margin-bottom:10px}
.jsbb-title{font-size:2rem;font-weight:800;margin:0 0 8px}
.jsbb-lead{max-width:760px;font-size:1rem;line-height:1.65;margin:0}
.jsbb-rack{background:#171310;border:1px solid #3b3327;border-radius:3px;overflow:hidden;
  box-shadow:none}
.jsbb-rack-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;
  background:#201e1b;border-bottom:1px solid #3b3327}
.jsbb-led{width:8px;height:8px;border-radius:50%;background:#8dc63f;flex:none}
.jsbb-rack-label{font-family:ui-monospace,Consolas,monospace;font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;color:#b8ada0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jsbb-fullscreen{background:#292622;border:1px solid #80776c;border-radius:3px;color:#f4efe7;
  font-size:12px;padding:8px 12px;min-height:44px;cursor:pointer;flex:none}
.jsbb-fullscreen:hover{border-color:#ec6707;color:#ff8f3d}
.jsbb-fullscreen:focus-visible{outline:2px solid #ff8f3d;outline-offset:2px}
#jsbb-frame{display:block;width:100%;border:0;background:#171310}
#jsbb-frame:fullscreen{background:#171310}
.jsbb-note{font-size:.85rem;opacity:.75;margin:10px 2px 0;line-height:1.6}
@media(max-width:767px){
  .jsbb-title{font-size:1.5rem}
  #jsbb-frame{min-height:82vh !important}   /* Handy: volle Höhe statt fester Pixel */
}

/* Pseudo-Vollbild (iPhone-Fallback: dort gibt es keine Fullscreen-API) */
.jsbb-rack.jsbb-pseudo-full {
    position: fixed;
    inset: 0;
    z-index: 99999;
    margin: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    background: #171310;
}
.jsbb-rack.jsbb-pseudo-full #jsbb-frame {
    flex: 1;
    min-height: 0 !important;
    height: auto;
}
html.jsbb-noscroll, html.jsbb-noscroll body {
    overflow: hidden;
    overscroll-behavior: none;
}