/* VIAL LMS 0.6.17: lesson opens first page, table of contents sits beside text */
.lesson-page-view .lesson-reading-layout{
  max-width:1180px;
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:14px;
  align-items:stretch;
}
.lesson-page-view .lesson-reading-main{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.lesson-page-view .lesson-page-toc{
  grid-column:2;
  grid-row:1;
  position:sticky;
  top:86px;
  align-self:start;
  max-height:calc(100vh - 110px);
  overflow:auto;
  background:#fff;
  border:1px solid #d8e3ea;
  border-radius:10px;
  padding:10px;
}
.lesson-page-view .lesson-course-nav{
  grid-column:1 / -1;
  grid-row:2;
  position:static!important;
  max-height:none!important;
  overflow:visible!important;
  background:#fff;
  border:1px solid #d8e3ea;
  border-radius:10px;
  padding:10px;
}
.lesson-page-view .lesson-course-nav .lesson-page-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
.lesson-page-view .lesson-course-nav .lesson-page-nav a,
.lesson-page-view .lesson-course-nav .lesson-page-nav span{
  min-width:120px;
}
.lesson-page-view .course-element-nav-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:8px;
}
.lesson-page-view .lesson-reader-card{
  min-height:520px;
}
.lesson-page-view .lesson-reading-layout.toc-collapsed{
  grid-template-columns:minmax(0,1fr);
}
.lesson-page-view .lesson-reading-layout.toc-collapsed .lesson-page-toc{
  display:none;
}
@media(max-width:900px){
  .lesson-page-view .lesson-reading-layout{grid-template-columns:1fr}
  .lesson-page-view .lesson-page-toc,
  .lesson-page-view .lesson-course-nav{
    grid-column:1;
    position:static;
    max-height:none;
  }
  .lesson-page-view .lesson-page-toc{grid-row:1}
  .lesson-page-view .lesson-reading-main{grid-row:2}
  .lesson-page-view .lesson-course-nav{grid-row:3}
}

/* VIAL LMS 0.6.17: clean homepage layout after dashboard-card regression. */
body.moodle-home .moodle-layout,
body.moodle-home.with-sidebar:not(.sidebar-hidden) .moodle-layout,
body.moodle-home.sidebar-hidden .moodle-layout,
body.moodle-home .moodle-layout.with-sidebar{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:18px!important;
  padding-right:18px!important;
  grid-template-columns:none!important;
}
body.moodle-home .main-content{
  width:min(1040px, calc(100vw - 36px))!important;
  max-width:min(1040px, calc(100vw - 36px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.moodle-home .vial-home-heading,
body.moodle-home .moodle-heading,
body.moodle-home .vial-home-columns,
body.moodle-home .home-columns{
  width:100%!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.moodle-home .home-columns,
body.moodle-home .vial-home-columns{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-bottom:8px!important;
}
body.moodle-home .role-home-blocks{
  display:none!important;
}
body.moodle-home .welcome-card.home-editable-card,
body.moodle-home .my-courses-block{
  height:calc(100vh - 218px)!important;
  min-height:470px!important;
  max-height:690px!important;
}
body.moodle-home .welcome-card.home-editable-card{
  overflow:hidden!important;
}
body.moodle-home .my-courses-block{
  position:static!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.moodle-home .my-courses-block .mini-course-list{
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  padding-right:4px;
}
body.moodle-home .foot,
.moodle-home + .foot{
  margin-top:0!important;
  padding-top:10px!important;
  padding-bottom:14px!important;
}
@media(max-width:980px){
  body.moodle-home .home-columns,
  body.moodle-home .vial-home-columns{
    grid-template-columns:1fr!important;
  }
  body.moodle-home .welcome-card.home-editable-card,
  body.moodle-home .my-courses-block{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}