/* Keep navigation available when scripting is disabled. */
body:not(.course-ui) .side-menu { padding: 16px; }
body:not(.course-ui) .side-menu li { display: inline-block; margin-right: 20px; }
body:not(.course-ui) .hamburger,
body:not(.course-ui) .header-actions { display: none; }
body:not(.course-ui) .site-header { padding-top: 24px; }
/* Equal side columns center the title on the page, independently of controls. */
.course-ui.legacy-course-ui .site-header {
  grid-template-columns: 108px minmax(0, 1fr) 108px;
}
.course-ui.legacy-course-ui .site-header > .hamburger { justify-self: start; }
.course-footer--sql span { text-decoration: none; }
video { width: min(576px, 100%) !important; height: auto !important; aspect-ratio: 16 / 9; }
.lesson-download { max-width: 576px; margin: 16px auto 0; }
@media (max-width: 640px) {
  .course-ui.legacy-course-ui .site-header {
    grid-template-columns: 88px minmax(0, 1fr) 88px;
  }
  .panel-body > div[style*="width:60%"] { width: 100% !important; }
  .course-home > .midden { flex-direction: column; align-items: center; padding-inline: 16px; }
}