/* Desktop sidebars follow the measured header, including wrapped header rows. */
@media (min-width: 781px) {
  .course-layout > .app,
  .course-layout > .fe-app,
  .course-layout > .en-app {
    min-height: var(--course-panel-height);
  }
  .course-layout > .app > .side:not(.schema),
  .course-layout > .fe-app > .side,
  .course-layout > .en-app > .side {
    position: sticky;
    top: var(--course-header-bottom);
    height: var(--course-panel-height);
    max-height: var(--course-panel-height);
    box-sizing: border-box;
    align-self: start;
    overflow-y: auto;
  }
}
/* The SQL schema becomes an overlay below this breakpoint. */
@media (min-width: 1181px) {
  .course-layout > .app > .schema {
    top: var(--course-header-bottom);
    height: var(--course-panel-height);
    max-height: var(--course-panel-height);
    box-sizing: border-box;
    align-self: start;
    overflow-y: auto;
  }
}