/* VIAL LMS 0.6.34: safe center corridor between opened side panels. */
:root{
  --vial-readable-center-width:1120px;
  --vial-open-panel-safe-space:372px;
  --vial-center-min-readable:840px;
}

body.course-view .wrap.app-layout.moodle-layout,
body.lesson-page-view .wrap.app-layout.moodle-layout{
  width:min(var(--vial-readable-center-width), calc(100vw - 48px))!important;
  max-width:var(--vial-readable-center-width)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.course-view.with-sidebar:not(.sidebar-hidden):has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
  width:min(
    var(--vial-readable-center-width),
    max(var(--vial-center-min-readable), calc(100vw - (var(--vial-open-panel-safe-space) * 2)))
  )!important;
  max-width:min(
    var(--vial-readable-center-width),
    max(var(--vial-center-min-readable), calc(100vw - (var(--vial-open-panel-safe-space) * 2)))
  )!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.course-view.with-sidebar.sidebar-hidden:has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar.sidebar-hidden:has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout,
body.course-view.with-sidebar:not(.sidebar-hidden):not(:has(.course-outline-shell.course-outline-open)) .wrap.app-layout.moodle-layout,
body.lesson-page-view.with-sidebar:not(.sidebar-hidden):not(:has(.lesson-reading-layout.lesson-nav-open)) .wrap.app-layout.moodle-layout{
  width:min(
    var(--vial-readable-center-width),
    max(var(--vial-center-min-readable), calc(100vw - var(--vial-open-panel-safe-space) - 52px))
  )!important;
  max-width:min(
    var(--vial-readable-center-width),
    max(var(--vial-center-min-readable), calc(100vw - var(--vial-open-panel-safe-space) - 52px))
  )!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.lesson-page-view .lesson-reader-head,
body.lesson-page-view .lesson-reading-main,
body.lesson-page-view .lesson-reader-nav,
body.lesson-page-view .lesson-reader-card,
body.course-view .course-header,
body.course-view .moodle-tabs,
body.course-view .moodle-section{
  max-width:100%!important;
}

body.lesson-page-view .lesson-reader-card{
  padding-left:26px!important;
  padding-right:26px!important;
}

@media(max-width:1200px){
  :root{
    --vial-open-panel-safe-space:320px;
    --vial-center-min-readable:720px;
  }
}

@media(max-width:980px){
  body.course-view .wrap.app-layout.moodle-layout,
  body.lesson-page-view .wrap.app-layout.moodle-layout,
  body.course-view.with-sidebar:not(.sidebar-hidden):has(.course-outline-shell.course-outline-open) .wrap.app-layout.moodle-layout,
  body.lesson-page-view.with-sidebar:not(.sidebar-hidden):has(.lesson-reading-layout.lesson-nav-open) .wrap.app-layout.moodle-layout{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}