/* Keep the packaged Scales of Chords layout intact below the Bebop Workshop header. */
body.bh-tool-scales-of-chords .bh-tool-shell {
  position: relative;
  z-index: auto;
}

body.bh-tool-scales-of-chords.desktop-layout {
  --bh-host-chrome-height: 116px;
  height: auto;
  min-height: 100dvh;
  overflow: auto;
}

body.bh-tool-scales-of-chords.desktop-layout .desktop-app-container {
  height: calc(100dvh - var(--bh-host-chrome-height));
}

body.bh-tool-scales-of-chords.desktop-layout .desktop-main-layout {
  height: calc(100dvh - var(--bh-host-chrome-height) - var(--soc-header-height, 94px));
  max-height: calc(100dvh - var(--bh-host-chrome-height) - var(--soc-header-height, 94px));
}

body.bh-tool-scales-of-chords.desktop-layout .center-content.vertical-layout .experiment-instrument {
  top: calc(var(--bh-host-chrome-height) + var(--soc-instrument-top, 10px));
}

body.bh-tool-scales-of-chords.desktop-layout .center-content.vertical-layout .experiment-instrument #chart-wrapper {
  zoom: var(--bh-soc-fit-zoom, 1) !important;
}

body.bh-tool-scales-of-chords .bh-setup-link-section #share-setup {
  width: 100%;
}