/*
 * JS-driven sticky movement. A transform keeps the Bootstrap column in the
 * document flow while avoiding every CSS sticky/float/overflow limitation.
 */
#left-column.psc-sticky-column {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  -webkit-transform: translate3d(0, var(--psc-translate-y, 0px), 0) !important;
  transform: translate3d(0, var(--psc-translate-y, 0px), 0) !important;
  will-change: transform;
  z-index: 2;
  box-sizing: border-box;
}

#left-column.psc-sticky-column.psc-inner-scroll {
  max-height: calc(100vh - var(--psc-top-offset, 16px) - var(--psc-bottom-gap, 16px));
  overflow-x: visible;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(37, 50, 55, .25) transparent;
}

#left-column.psc-sticky-column.psc-inner-scroll::-webkit-scrollbar {
  width: 6px;
}

#left-column.psc-sticky-column.psc-inner-scroll::-webkit-scrollbar-track {
  background: transparent;
}

#left-column.psc-sticky-column.psc-inner-scroll::-webkit-scrollbar-thumb {
  background: rgba(37, 50, 55, .25);
  border-radius: 10px;
}

@media print {
  #left-column.psc-sticky-column {
    position: static !important;
    top: auto;
    max-height: none;
    overflow: visible;
    -webkit-transform: none !important;
    transform: none !important;
  }
}