diff --git a/course/format/social/format.php b/course/format/social/format.php
index 4fd8a4c4bc6..8c07ca8f2ee 100644
--- a/course/format/social/format.php
+++ b/course/format/social/format.php
@@ -64,7 +64,7 @@ if (trim($forum->intro) != '') {
     echo $OUTPUT->box($introcontent, 'generalbox', 'intro');
 }
 
-echo html_writer::div(forum_get_subscribe_link($forum, $modcontext), 'subscribelink');
+echo html_writer::div(forum_get_subscribe_link($forum, $modcontext), 'subscribelink text-end');
 
 $numdiscussions = course_get_format($course)->get_course()->numdiscussions;
 if ($numdiscussions < 1) {
diff --git a/course/format/templates/local/content.mustache b/course/format/templates/local/content.mustache
index 9d9336c8658..0dd3cdb8618 100644
--- a/course/format/templates/local/content.mustache
+++ b/course/format/templates/local/content.mustache
@@ -53,7 +53,8 @@
                 "id": 35,
                 "header": {
                     "name": "Section title",
-                    "url": "#"
+                    "url": "#",
+                    "headinglevel": 3
                 },
                 "cmlist": {
                     "cms": [
@@ -83,7 +84,8 @@
                 "id": 36,
                 "header": {
                     "name": "Section 2 title",
-                    "url": "#"
+                    "url": "#",
+                    "headinglevel": 3
                 },
                 "cmlist": {
                     "cms": [
@@ -139,7 +141,8 @@
             "id": 37,
             "header": {
                 "name": "Single Section Example",
-                "url": "#"
+                "url": "#",
+                "headinglevel": 3
             },
             "cmlist": {
                 "cms": [
@@ -169,7 +172,7 @@
 <div id="course-format-{{uniqid}}">
     <h2 class="accesshide">{{{title}}}</h2>
     {{{completionhelp}}}
-    <ul class="{{format}}" data-for="course_sectionlist">
+    <ul class="{{format}} section-list" data-for="course_sectionlist">
         {{#initialsection}}
             {{$ core_courseformat/local/content/section }}
                 {{> core_courseformat/local/content/section }}
@@ -188,7 +191,7 @@
                 {{> core_courseformat/local/content/sectionnavigation }}
             {{/ core_courseformat/local/content/sectionnavigation }}
         {{/sectionnavigation}}
-        <ul class="{{format}}">
+        <ul class="{{format}} section-list">
         {{#singlesection}}
             {{$ core_courseformat/local/content/section }}
                 {{> core_courseformat/local/content/section }}
diff --git a/course/format/templates/local/content/frontpagesection.mustache b/course/format/templates/local/content/frontpagesection.mustache
index 18d7106eca8..4d3781cce20 100644
--- a/course/format/templates/local/content/frontpagesection.mustache
+++ b/course/format/templates/local/content/frontpagesection.mustache
@@ -38,7 +38,7 @@
     </div>
     {{/showsettings}}
     <div class="sitetopic">
-        <ul class="topics frontpage" data-for="course_sectionlist">
+        <ul class="topics section-list frontpage" data-for="course_sectionlist">
             {{#sections}}
                 {{> core_courseformat/local/content/section }}
             {{/sections}}
diff --git a/course/format/templates/local/content/section.mustache b/course/format/templates/local/content/section.mustache
index 110eed2ca26..4138fd2116f 100644
--- a/course/format/templates/local/content/section.mustache
+++ b/course/format/templates/local/content/section.mustache
@@ -32,7 +32,8 @@
             "name": "Section title",
             "title": "<a href=\"http://moodle/course/view.php?id=5#section-0\">Section title</a>",
             "url": "#",
-            "ishidden": true
+            "ishidden": true,
+            "headinglevel": 3
         },
         "cmlist": {
             "cms": [
diff --git a/course/format/templates/local/content/section/cmitem.mustache b/course/format/templates/local/content/section/cmitem.mustache
index be1cba56a30..f95bacb4e36 100644
--- a/course/format/templates/local/content/section/cmitem.mustache
+++ b/course/format/templates/local/content/section/cmitem.mustache
@@ -39,7 +39,7 @@
     }
 }}
 <li
-    class="activity activity-wrapper {{module}} modtype_{{module}} {{extraclasses}} {{#hasinfo}}hasinfo{{/hasinfo}} {{#indent}}indented{{/indent}}"
+    class="activity {{module}} modtype_{{module}} {{extraclasses}} {{#hasinfo}}hasinfo{{/hasinfo}} {{#indent}}indented{{/indent}}"
     id="{{anchor}}"
     data-for="cmitem"
     data-id="{{id}}"
diff --git a/course/renderer.php b/course/renderer.php
index d86f036d91a..3d8b7e5f5ae 100644
--- a/course/renderer.php
+++ b/course/renderer.php
@@ -1627,7 +1627,7 @@ class core_course_renderer extends plugin_renderer_base {
                 $subtext = get_string('subscribe', 'forum');
             }
             $suburl = new moodle_url('/mod/forum/subscribe.php', array('id' => $forum->id, 'sesskey' => sesskey()));
-            $output .= html_writer::tag('div', html_writer::link($suburl, $subtext), array('class' => 'subscribelink'));
+            $output .= html_writer::tag('div', html_writer::link($suburl, $subtext), ['class' => 'subscribelink text-end']);
         }
 
         $coursemodule = get_coursemodule_from_instance('forum', $forum->id);
diff --git a/theme/boost/scss/moodle.scss b/theme/boost/scss/moodle.scss
index 98b66aae4e0..242163e9a30 100644
--- a/theme/boost/scss/moodle.scss
+++ b/theme/boost/scss/moodle.scss
@@ -18,6 +18,8 @@ $breadcrumb-divider-rtl: "◀" !default;
 @import "moodle/calendar";
 @import "moodle/contentbank";
 @import "moodle/course";
+@import "moodle/coursemanagement";
+@import "moodle/courselisting";
 @import "moodle/drawer";
 @import "moodle/filemanager";
 @import "moodle/message";
diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
index d17e639b285..2348ab4ae08 100644
--- a/theme/boost/scss/moodle/blocks.scss
+++ b/theme/boost/scss/moodle/blocks.scss
@@ -333,6 +333,10 @@ $blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width * 0.5 );
     color: $text-muted;
 }
 
+.block_tree .tree_item.branch {
+    margin-left: 8px;
+}
+
 //
 // Fake blocks
 //
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 65dcb0bf1e6..df6ea83b629 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -221,18 +221,6 @@ button.btn-close,
     padding: 0;
 }
 
-.section li.movehere a {
-    display: block;
-    width: 100%;
-    height: 2rem;
-    border: 2px dashed $gray-800;
-}
-
-.editing .course-content .hidden.sectionname {
-    visibility: hidden;
-    display: initial;
-}
-
 .inline,
 .inline-list li {
     display: inline;
@@ -1024,40 +1012,6 @@ tr.flagged-tag a {
     left: 50%;
 }
 
-.mod-indent-outer {
-    display: table;
-}
-
-.mod-indent {
-    display: table-cell;
-}
-
-.label .mod-indent {
-    float: left;
-    padding-top: 20px;
-}
-
-.activity.label.modtype_label .mod-indent {
-    float: none;
-}
-
-@include media-breakpoint-up(sm) {
-    $mod-indent-size: 30px;
-    /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
-
-    @for $i from 1 through 16 {
-        $width: ($i * $mod-indent-size);
-
-        .mod-indent-#{$i} {
-            width: $width;
-        }
-    }
-
-    .mod-indent-huge {
-        width: (16 * $mod-indent-size);
-    }
-}
-
 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 .resourcecontent .mediaplugin_mp3 object {
     height: 25px;
@@ -2045,6 +1999,19 @@ dd:after {
             left: 0;
             right: auto;
             white-space: nowrap;
+            position: absolute;
+            top: 0;
+            font-size: $font-size-sm;
+            padding: .1em .4em;
+            text-decoration: none;
+            z-index: 9999;
+            border: $alert-border-width solid transparent;
+            width: fit-content;
+            @include alert-variant(
+                shift-color($info, $alert-bg-scale),
+                shift-color($info, $alert-border-scale),
+                shift-color($info, $alert-color-scale)
+            );
         }
         @include media-breakpoint-up(sm) {
             input {
@@ -2085,10 +2052,6 @@ dd:after {
     }
 }
 
-h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
-    margin-top: -20px;
-}
-
 /** Chart area. */
 .chart-area {
     @include media-breakpoint-up(lg) {
diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index 8bb33caaeeb..42f29695f03 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -1,1084 +1,8 @@
-/* course.less */
-
-/* COURSE CONTENT */
-
-.block_tree .tree_item.branch {
-    margin-left: 8px;
-}
-
-.section {
-    .side {
-        &.left {
-            float: left;
-        }
-
-        &.right {
-            float: right;
-            clear: right;
-        }
-        margin-top: 0.5rem;
-    }
-
-    .spinner {
-        height: 16px;
-        width: 16px;
-    }
-
-    .activity {
-        .spinner {
-            left: 100%;
-            position: absolute;
-        }
-
-        /* The command block for each activity */
-        .actions {
-            position: absolute;
-            right: 0;
-            top: 0;
-            display: flex;
-        }
-
-        .contentwithoutlink,
-        .activityinstance {
-            min-width: 40%;
-
-            > a {
-                display: inline-flex;
-                align-items: center;
-            }
-
-            .dimmed {
-                .activityicon {
-                    opacity: .5;
-                }
-            }
-        }
-
-        .stealth {
-            color: $text-muted;
-        }
-        a.stealth,
-        a.stealth:hover {
-            color: lighten($link-color, 25%) !important; /* stylelint-disable-line declaration-no-important */
-        }
-
-        &.indented {
-            .activity-item {
-                margin-left: map-get($spacers, 3);
-            }
-        }
-    }
-
-    .label {
-        .contentwithoutlink,
-        .activityinstance {
-            padding-right: 32px;
-            display: block;
-            height: inherit;
-        }
-        @include media-breakpoint-up(sm) {
-            .mod-indent-outer {
-                padding-left: 24px;
-                display: block;
-            }
-        }
-    }
-
-    .filler {
-        // This must be sized like an icon to fill the space.
-        width: 16px;
-        height: 16px;
-        padding: 0;
-        margin: 0 ($spacer * 0.5);
-        display: inline-block;
-    }
-
-    .activity.editor_displayed {
-        a.editing_title,
-        .moodle-actionmenu {
-            display: none;
-        }
-
-        div.activityinstance {
-            padding-right: initial;
-
-            input {
-                margin-bottom: initial;
-                padding-top: initial;
-                padding-bottom: initial;
-                vertical-align: text-bottom;
-            }
-        }
-    }
-}
-
-.section .activity .activityinstance {
-    display: inline-flex;
-    align-items: center;
-    margin-bottom: 1rem;
-}
-
-.editing {
-    .section {
-        .activity {
-            .contentwithoutlink,
-            .activityinstance {
-                padding-right: 200px;
-            }
-            .mod-indent-outer {
-                /**
-                 * Add appropriate padding such that nothing overlaps the
-                 * absolute positioned move icon.
-                 */
-                padding-left: 2rem;
-            }
-        }
-    }
-    // Remove old spinners if the reactive state is ready.
-    .course-content .stateready .section .spinner {
-        display: none;
-    }
-    // New editing in progress spinners.
-    .editinprogress {
-        position: relative;
-
-        & > * {
-            opacity: .4;
-        }
-
-        .corelightbox,
-        .lightbox {
-            display: none;
-        }
-
-        &:after {
-            @extend .fa-solid;
-            position: absolute;
-            font-size: 20px;
-            color: $gray-600;
-            content: fa-content($fa-var-spinner);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 30px;
-            height: 30px;
-            left: calc(50% - 15px);
-            top: calc(50% - 15px);
-            animation: editinprogress-rotation 2s infinite linear;
-        }
-
-        // Prevent inner editingprogress.
-        .editinprogress {
-            &:after {
-                display: none;
-            }
-        }
-    }
-}
-
-@keyframes editinprogress-rotation {
-    0% {
-        opacity: 0;
-        transform: rotate(0deg);
-    }
-    50% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-        transform: rotate(359deg);
-    }
-}
-
-.editing_show + .editing_assign,
-.editing_hide + .editing_assign {
-    // if roles icon missing, add space
-    margin-left: 20px;
-}
-
-.section .activity .commands {
-    white-space: nowrap;
-    display: inline-block;
-}
-
-.section .activity.modtype_label.label {
-    font-weight: normal;
-
-    // Remove min-height for labels so top and bottom paddings can be displayed more consistently.
-    .contentwithoutlink {
-        min-height: 0;
-    }
-
-    // When activity information is shown remove the bottom margin for the last p/i elements.
-    &.hasinfo {
-        p:last-child,
-        i:last-child {
-            margin-bottom: 0;
-        }
-    }
-}
-
-// The activity-wrapper class ensures these styles are not used when the new activity styles
-// from MDL-71691 are not affected. As soons as MDL-72656 is integrated and these styles
-// are removed the core_courseformat/local/content/cm template no longer needs this class.
-.section li.activity:not(.activity-wrapper) {
-    padding: 0.2em;
-    clear: both;
-
-    &.hasinfo {
-        border-bottom: $border-width solid $table-border-color;
-        padding-top: map-get($spacers, 3);
-        padding-bottom: map-get($spacers, 3);
-
-        &:last-child {
-            border-bottom: 0;
-            padding-bottom: 0;
-        }
-    }
-}
-
-// Compensate for the border widths when dropzones are displayed.
-.course-content .section.dropready {
-
-    &.main.drop-down {
-        border-bottom: 1px solid $dropzone-border;
-    }
-
-    .course-section-header.dropready.drop-zone {
-        margin-top: -2px;
-    }
-
-    li.activity.dropready.drop-down {
-        border-bottom: 1px solid $dropzone-border;
-        margin-bottom: -1px;
-    }
-
-    li.activity.dropready.drop-up {
-        border-top: 1px solid $dropzone-border;
-        margin-top: -1px;
-    }
-
-    [data-for="sectioninfo"] {
-        // When a section is empty, the activity dropzone indicator is below
-        // the section info. This ensures the dropzone will not displace the content
-        // even if the section has no restrictions or info to display.
-        min-height: 1px;
-    }
-
-    [data-for="sectioninfo"].drop-down {
-        margin-top: -1px;
-    }
-}
-
-.section .activity .activityinstance .groupinglabel {
-    padding-left: 30px;
-}
-
-.section.main:not(.course-section) .activity .availabilityinfo,
-.section.main:not(.course-section) .activity .contentafterlink {
-    margin-top: 0.5em;
-    margin-left: 30px;
-}
-
-.section .activity .contentafterlink p {
-    margin: .5em 0;
-}
-
-.editing .section.main:not(.course-section) {
-    .activity:hover,
-    .activity.action-menu-shown,
-    .sectionname:hover {
-        background-color: $table-accent-bg;
-    }
-}
-
-.course-content .current {
-    position: relative;
-}
-
-.course-content .current::before {
-    border-left: $primary 3px solid;
-    bottom: 0;
-    content: "";
-    left: -8px;
-    position: absolute;
-    top: 0;
-}
-
-.course-content .single-section .section-navigation {
-    display: block;
-    padding: 0.5em;
-    margin-bottom: -0.5em;
-}
-
-.course-content .single-section .section-navigation .title {
-    font-weight: bold;
-    font-size: 108%;
-    clear: both;
-}
-
-.course-content .single-section .section-navigation .mdl-left {
-    font-weight: normal;
-    float: left;
-    margin-right: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-left .larrow {
-    margin-right: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right {
-    font-weight: normal;
-    float: right;
-    margin-left: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right .rarrow {
-    margin-left: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-bottom {
-    margin-top: 0;
-}
-
-.course-content ul li.section.main:not(.course-section) {
-    border-bottom: $border-width solid $table-border-color;
-    margin-top: 0;
-
-    &:last-child {
-        border-bottom: 0;
-    }
-}
-
-.course-content ul li.section.hidden:not(.course-section) {
-    .sectionname > span,
-    .content > div.summary,
-    .activity .activityinstance {
-        color: $text-muted;
-    }
-}
-
-.course-content ul.topics,
-.course-content ul.weeks {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-
-    li.section {
-        .content {
-            margin: 0;
-            padding: 0;
-        }
-
-        @include media-breakpoint-up(sm) {
-            .summary,
-            .content > .availabilityinfo {
-                margin-left: 25px;
-            }
-        }
-
-        .left,
-        .right {
-            padding: 0 6px 0;
-            text-align: right;
-            width: auto;
-        }
-    }
-}
-
-.course-content .single-section ul.topics li.section,
-.course-content .single-section ul.weeks li.section {
-    padding-top: 0;
-}
-
-@include media-breakpoint-down(sm) {
-    body:not(.editing) {
-        .course-content ul.topics,
-        .course-content ul.weeks {
-            li.section {
-                .left,
-                .right {
-                    display: none;
-                }
-            }
-        }
-    }
-}
-
-.course-content {
-    margin-top: 0;
-}
-
-.course-content .hidden {
-    display: none;
-}
-
-.course-content li {
-    &.section:not(.course-section) {
-        @include media-breakpoint-down(sm) {
-            ul {
-                padding-left: 0;
-            }
-        }
-        ul {
-            list-style: disc;
-
-            ul {
-                list-style: circle;
-
-                ul {
-                    list-style: square;
-                }
-            }
-        }
-
-        li {
-            &.activity {
-                ul {
-                    list-style: disc;
-
-                    ul {
-                        list-style: circle;
-
-                        ul {
-                            list-style: square;
-                        }
-                    }
-                }
-            }
-        }
-
-        .right {
-            > .icon:first-child {
-                /* Remove the spacer icon. */
-                display: none;
-            }
-        }
-    }
-}
-
-.path-course-view.editing #region-main > .card-block {
-    padding-bottom: 13rem;
-}
-
-.path-course-view .completionprogress {
-    margin-left: 25px;
-}
-
-.path-course-view .completionprogress {
-    display: block;
-    float: right;
-    height: 20px;
-    position: relative;
-}
-
-#page-site-index .subscribelink {
-    text-align: right;
-}
-
-#site-news-forum h2,
-#frontpage-course-list h2,
-#frontpage-category-names h2,
-#frontpage-category-combo h2 {
-    margin-bottom: 9px;
-}
-
-.path-course-view a.reduce-sections {
-    padding-left: 0.2em;
-}
-
-.path-course-view .subscribelink {
-    text-align: right;
-}
-
-.path-course-view .unread {
-    margin-left: 30px;
-}
-
-.path-course-view .block.drag .header {
-    cursor: move;
-}
-
-.path-course-view .completionprogress {
-    text-align: right;
-}
-
-.path-course-view .single-section .completionprogress {
-    margin-right: 5px;
-}
-
-.path-course-view li.activity span.autocompletion img {
-    vertical-align: text-bottom;
-    margin-left: 0;
-}
-
-.path-course-view {
-    &.editing {
-        li.activity span.autocompletion img {
-            /* Use the same spacing as the filler. */
-            margin-right: $spacer * 0.5;
-            margin-left: $spacer * 0.5;
-        }
-    }
-}
-
-li.section.hidden span.commands a.editing_hide,
-li.section.hidden span.commands a.editing_show {
-    cursor: default;
-}
-
-.single-section-page .header-action {
-    display: inline-block;
-}
-
-input.titleeditor {
-    width: 330px;
-    vertical-align: text-bottom;
-}
-
-span.editinstructions {
-    position: absolute;
-    top: 0;
-    margin-top: -22px;
-    margin-left: 30px;
-    font-size: $font-size-sm;
-    padding: .1em .4em;
-    text-decoration: none;
-    z-index: 9999;
-    border: $alert-border-width solid transparent;
-    width: fit-content;
-
-    @include alert-variant(
-        shift-color($info, $alert-bg-scale),
-        shift-color($info, $alert-border-scale),
-        shift-color($info, $alert-color-scale)
-    );
-}
-
-/* COURSES LISTINGS AND COURSE SUMMARY */
-#page-course-pending .singlebutton,
-#page-course-index .singlebutton,
-#page-course-index-category .singlebutton,
-#page-course-editsection .singlebutton {
-    text-align: center;
-}
-
-#page-admin-course-manage #movecourses td img {
-    margin: 0 .22em;
-    vertical-align: text-bottom;
-}
-
-#page-course-pending .pendingcourserequests {
-    margin-bottom: 1em;
-}
-
-#page-course-pending .pendingcourserequests .singlebutton {
-    display: inline;
-}
-
-#page-course-pending .pendingcourserequests .cell {
-    padding: 0 5px;
-}
-
-#page-course-pending .pendingcourserequests .cell.c6 {
-    white-space: nowrap;
-}
-
-.coursebox {
-    display: flex;
-    flex-direction: column;
-    .info {
-        display: flex;
-        align-items: center;
-    }
-}
-
-#frontpage-available-course-list,
-#frontpage-course-list,
-.course-search-result {
-    margin-top: $spacer * 0.5;
-    .coursebox {
-        padding: $spacer * 0.5;
-        border: $border-width solid $border-color;
-        margin-bottom: $spacer * 0.5;
-
-        @include border-radius();
-    }
-}
-
-.subcategories,
-#frontpage-category-names,
-#frontpage-category-combo {
-    .coursebox > .info > .coursename a {
-        display: block;
-        background-image: url([[pix:moodle|i/course]]);
-        background-size: $icon-width $icon-height;
-        background-repeat: no-repeat;
-        padding-left: 21px;
-    }
-}
-
-.coursebox > .info > .coursename {
-    font-size: $font-size-base;
-    font-weight: normal;
-    margin: 5px;
-    padding: 0;
-}
-
-.coursebox .content .teachers li {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-}
-
-.coursebox .customfieldname,
-.coursebox .customfieldseparator {
-    font-weight: $font-weight-bold;
-}
-
-.coursebox .content .coursefile {
-    max-width: 100px;
-}
-
-.coursebox .content .courseimage img {
-    max-width: 100px;
-    max-height: 100px;
-}
-
-.coursebox .content .coursecat,
-.coursebox .content .summary,
-.coursebox .content .courseimage,
-.coursebox .content .coursefile,
-.coursebox .content .teachers,
-.coursebox.remotecoursebox .remotecourseinfo,
-.coursebox .content .customfields-container {
-    margin: 15px 5px 5px;
-    padding: 0;
-}
-
-.category-browse {
-    .coursebox .content .coursecat,
-    .coursebox .content .summary,
-    .coursebox .content .courseimage,
-    .coursebox .content .coursefile,
-    .coursebox .content .teachers,
-    .coursebox.remotecoursebox .remotecourseinfo,
-    .coursebox .content .customfields-container {
-        margin-top: 0;
-    }
-}
-
-.coursebox.collapsed > .content {
-    display: none;
-}
-
-.courses > .paging.paging-morelink {
-    text-align: center;
-    padding: $spacer;
-}
-
-.course_category_tree .category .numberofcourse {
-    font-size: $font-size-sm;
-}
-
-.course_category_tree .category > .info > .categoryname {
-    margin: 5px;
-    font-size: $font-size-base;
-    font-weight: normal;
-    padding: 2px 18px;
-}
-
-.course_category_tree .category.with_children > .info > .categoryname {
-    background-image: url([[pix:moodle|t/expanded]]);
-    background-size: $icon-width $icon-height;
-    background-repeat: no-repeat;
-    background-position: center left;
-}
-
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-    background-image: url([[pix:moodle|t/collapsed]]);
-}
-/* rtl:raw:
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-    background-image:url([[pix:moodle|t/collapsed_rtl]]);
-}
-*/
-.course_category_tree .category.collapsed > .content {
-    display: none;
-}
-
-.course_category_tree .category > .content {
-    padding-left: 16px;
-}
-
-#page-course-index-category .categorypicker {
-    margin: 10px 0 20px;
-}
-
-/**
- * Course management page
- * Palette
- *
- * Background (reg)         #F5F5F5
- * Background (light        #fafafa
- * Background (highlight)   #ddffaa
- * Borders                  #e1e1e8
- */
-#course-category-listings {
-    margin-bottom: 0;
-
-    /** Two column layout */
-    &.columns-2 {
-        > #course-listing > div {
-            position: relative;
-            left: -1px;
-        }
-    }
-    /** Three column layout */
-    &.columns-3 > #course-listing > div {
-        height: 100%;
-    }
-
-    > div > div {
-        min-height: 300px;
-
-        > ul.ml > li:first-child > div {
-            border-top: 0;
-        }
-    }
-
-    h3 {
-        margin: 0;
-        padding: 0.4rem 0.6rem 0.3rem;
-    }
-
-    h4 {
-        margin: 1rem 0 0;
-        padding: 0.6rem 1rem 0.5rem;
-    }
-
-    .moodle-actionmenu {
-        white-space: nowrap;
-    }
-
-    .listing-actions {
-        text-align: center;
-
-        > .moodle-actionmenu {
-            display: inline-block;
-        }
-    }
-
-    ul.ml {
-        list-style: none;
-        margin: 1rem 0;
-
-        ul.ml {
-            margin: 0;
-        }
-    }
-
-    .listitem {
-
-        &[data-selected='1'] {
-            border-left: calc(#{$list-group-border-width} + 5px) solid map-get($theme-colors, 'primary');
-            padding-left: calc(#{$list-group-item-padding-x} - 5px);
-        }
-        &:hover {
-            z-index: 2;
-        }
-    }
-
-    .item-actions {
-        margin-right: 1em;
-        display: inline-block;
-
-        &.show .menu {
-
-            img {
-                width: 12px;
-                max-width: none;
-            }
-        }
-
-        .menu-action-text {
-            vertical-align: inherit;
-        }
-    }
-
-    .listitem {
-        > div {
-            > .float-start {
-                float: left;
-            }
-
-            > .float-end {
-                float: right;
-                text-align: right;
-            }
-
-            .item-actions {
-                .action-show {
-                    display: none;
-                }
-
-                .action-hide {
-                    display: inline;
-                }
-            }
-
-            .without-actions {
-                color: $course-cat-without-actions-color;
-            }
-
-            .idnumber {
-                margin-right: 2em;
-            }
-        }
-        // The category or course is hidden.
-        &[data-visible="0"] {
-            color: $text-muted;
-
-            > div {
-                > a {
-                    color: $text-muted;
-                }
-
-                .item-actions {
-                    .action-show {
-                        display: inline;
-                    }
-
-                    .action-hide {
-                        display: none;
-                    }
-                }
-            }
-        }
-
-        &.highlight {
-            background-color: $body-bg;
-
-            > div,
-            > div:hover,
-            &[data-selected='1'] > div {
-                background-color: $table-hover-bg;
-            }
-        }
-    }
-
-    #course-listing {
-        .listitem {
-            .categoryname {
-                display: inline-block;
-                margin-left: 1em;
-                color: $course-listing-color;
-            }
-
-            .coursename {
-                display: inline-block;
-                flex-basis: 10rem;
-            }
-        }
-
-        > .firstpage .listitem:first-child > div .item-actions .action-moveup,
-        > .lastpage .listitem:last-child > div .item-actions .action-movedown {
-            display: none;
-        }
-
-        .bulk-action-checkbox {
-            margin: -2px 6px 0 0;
-        }
-    }
-
-    #category-listing {
-        .listitem.collapsed > ul.ml {
-            display: none;
-        }
-
-        .listitem {
-            &:first-child > div .item-actions .action-moveup,
-            &:last-child > div .item-actions .action-movedown {
-                display: none;
-            }
-        }
-
-        .course-count {
-            color: $course-listing-color;
-            margin-right: 2rem;
-            min-width: 3.5em;
-            display: inline-block;
-        }
-
-        .bulk-action-checkbox {
-            margin-right: -3px;
-        }
-
-        .category-listing > ul > .listitem:first-child {
-            position: relative;
-        }
-
-        .category-bulk-actions {
-            margin: 0 0.5em 0.5em;
-            position: relative;
-        }
-    }
-
-    .detail-pair {
-
-        > * {
-            display: inline-block;
-        }
-
-        .pair-key {
-            font-weight: bold;
-            vertical-align: top;
-
-            span {
-                margin-right: 1rem;
-                display: block;
-            }
-        }
-
-        .pair-value select {
-            max-width: 100%;
-        }
-    }
-
-    .bulk-actions .detail-pair {
-        > * {
-            display: block;
-            width: 100%;
-        }
-    }
-
-    .listing-pagination {
-        text-align: center;
-
-        .yui3-button {
-            @include button-variant($info, $info);
-            border: 0;
-            margin: 0.4rem 0.2rem 0.45rem;
-            font-size: 10.4px;
-
-            &.active-page {
-                @include button-variant($primary, $primary);
-            }
-        }
-    }
-
-    .listing-pagination-totals {
-        text-align: center;
-
-        &.dimmed {
-            color: $text-muted;
-            margin: 0.4rem 1rem 0.45rem;
-        }
-    }
-
-    .select-a-category .notifymessage,
-    .select-a-category .alert {
-        margin: 1em;
-    }
-}
-
-#course-category-listings #course-listing .listitem .drag-handle {
-    display: none;
-}
-
-.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
-    display: inline-block;
-    margin: 0 6px 0 0;
-    cursor: pointer;
-}
-
-/** Management header styling **/
-.course-being-dragged-proxy {
-    border: 0;
-    color: $link-color;
-    vertical-align: middle;
-    padding: 0 0 0 4em;
-}
-
-.course-being-dragged {
-    opacity: 0.5;
-}
-
-/**
- * Display sizes:
- * Large displays                   1200        +
- * Default displays                  980     1199
- * Tablets                           768      979
- * Small tablets and large phones    481      767
- * Phones                              0      480
+/*
+ * Course page styles.
  */
 
-@media (min-width: 1200px) and (max-width: 1600px) {
-    #course-category-listings.columns-3 {
-        background-color: $body-bg;
-        border: 0;
-
-        #category-listing,
-        #course-listing {
-            width: 50%;
-        }
-
-        #category-listing > div,
-        #course-listing > div,
-        #course-detail > div {
-            background-color: $body-bg;
-        }
-
-        #course-detail {
-            width: 100%;
-            margin-top: 1em;
-        }
-    }
-}
-
-@media (max-width: 1199px) {
-    #course-category-listings.columns-2,
-    #course-category-listings.columns-3 {
-        border: 0;
-
-        #category-listing,
-        #course-listing,
-        #course-detail {
-            width: 100%;
-            margin: 0 0 1em;
-        }
-    }
-}
-
-.page-settings-menu .menubar > a > .icon {
-    width: auto;
-    height: 32px;
-    font-size: 32px;
-}
-
-.activity-navigation {
-    .row {
-        align-items: center;
-    }
-    #prev-activity-link,
-    #next-activity-link {
-        white-space: pre-wrap;
-    }
-}
-
-.automatic-completion-conditions {
-    .badge {
-        font-size: 100%;
-    }
-}
-
-// These are the new styles for the renewed course UI in isssue MDL-71691
-// once the old course renderers are removed in MDL-72656, all css related
-// to activities and sections above this commend needs to be reviewed an
-// possibly removed.
-
-/* Variables definition*/
-
+// Variables.
 $activity-item-padding: 0.75rem !default;
 $activity-border-radius: 1rem !default;
 $activity-border-width: 2px !default;
@@ -1087,9 +11,7 @@ $divider-color: $gray-300 !default;
 $divider-width: 2px !default;
 $divider-hover-color: $primary !default;
 
-/* Functions/Mixins definition */
-
-// Activity completion button custom styling mixin.
+// Mixins.
 @mixin completion-button() {
     &.btn {
         @include button-variant($white, $gray-400, $gray-600);
@@ -1112,8 +34,28 @@ $divider-hover-color: $primary !default;
     }
 }
 
-/* Section Expand all/Collapse all */
+/* Course content */
 
+.course-content ul.section-list {
+    padding: 0;
+    margin: 0;
+}
+
+// Re-style ordered list in course content.
+.course-content .section-item,
+.course-content .section-item .activity-item {
+    ul {
+        list-style: disc;
+        ul {
+            list-style: circle;
+            ul {
+                list-style: square;
+            }
+        }
+    }
+}
+
+// Expand all/Collapse all.
 .section-collapsemenu {
     .collapseall {
         display: block;
@@ -1134,7 +76,30 @@ $divider-hover-color: $primary !default;
     }
 }
 
-/* Course section */
+// Course 'add section' button.
+.btn.add-section {
+    @include border-radius($activity-border-radius);
+    border: $divider-width dashed $border-color;
+    color: $primary;
+    font-size: $font-size-sm;
+    font-weight: bold;
+    &:hover,
+    &:focus {
+        background-color: $primary-light-background;
+        border: $divider-width solid $primary;
+        color: $primary;
+    }
+}
+
+// Max sections reached alert.
+.max-section-alert {
+    border-top: $divider-width dashed $border-color;
+    font-size: $font-size-sm;
+    font-weight: normal;
+    color: $gray-600;
+}
+
+/* Sections */
 
 .course-section {
     list-style: none;
@@ -1157,6 +122,21 @@ $divider-hover-color: $primary !default;
         }
     }
 
+    // Highlighted section.
+    &.current {
+        > .section-item {
+            position: relative;
+            &::before {
+                border-left: $primary 3px solid;
+                bottom: 0;
+                content: "";
+                left: -8px;
+                position: absolute;
+                top: 0;
+            }
+        }
+    }
+
     .sectionname > a {
         color: $gray-900;
         &:hover {
@@ -1249,63 +229,26 @@ $divider-hover-color: $primary !default;
     }
 }
 
-// Course 'add section' button.
-.btn.add-section {
-    @include border-radius($activity-border-radius);
-    border: $divider-width dashed $border-color;
-    color: $primary;
-    font-size: $font-size-sm;
-    font-weight: bold;
-    &:hover,
-    &:focus {
-        background-color: $primary-light-background;
-        border: $divider-width solid $primary;
-        color: $primary;
-    }
+// Old movehere link styles.
+.section li.movehere a {
+    display: block;
+    width: 100%;
+    height: 2rem;
+    border: 2px dashed $gray-800;
 }
 
-.max-section-alert {
-    border-top: $divider-width dashed $border-color;
-    font-size: $font-size-sm;
-    font-weight: normal;
-    color: $gray-600;
-}
-
-/* Single section page specific styles */
-
-.single-section {
-    // Revert main section's styles.
-    > ul > .course-section {
-        &.hidden .section-item {
-            background-color: inherit;
-        }
-        .section-item {
-            padding: 0;
-            border: none;
-        }
-    }
-}
-
-/* Re-style ordered list in course content */
-.course-content .activity-altcontent {
-    ul {
-        list-style: disc;
-        ul {
-            list-style: circle;
-            ul {
-                list-style: square;
-            }
-        }
-    }
-}
-
-/* Activity cards */
+/* Activities */
 
 .activity {
     list-style: none;
     padding-top: map-get($spacers, 1);
     margin-top: map-get($spacers, 1);
     border-top: $border-width solid $border-color;
+    &.indented {
+        .activity-item {
+            margin-left: map-get($spacers, 3);
+        }
+    }
     // Custom styles for activity while editing and for the first activity card in the section.
     .editing &,
     .section &:first-child {
@@ -1566,7 +509,7 @@ $divider-hover-color: $primary !default;
 
 /* Dividers */
 
-.divider {
+.course-content .divider {
     position: relative;
     hr {
         width: 100%;
@@ -1636,7 +579,7 @@ $divider-hover-color: $primary !default;
 }
 
 // Custom buttons for dividers.
-.btn.add-content {
+.course-content .divider .btn.add-content {
     position: relative;
     z-index: 1;
     @include border-radius();
@@ -1734,7 +677,26 @@ $divider-hover-color: $primary !default;
     }
 }
 
-/* Activity completion */
+/* Single section page */
+
+.single-section {
+    // Revert main section's styles.
+    > ul > .course-section {
+        &.hidden .section-item {
+            background-color: inherit;
+        }
+        .section-item {
+            padding: 0;
+            border: none;
+        }
+    }
+}
+
+.single-section-page .header-action {
+    display: inline-block;
+}
+
+/* Default activity completion page */
 
 .defaultactivitycompletion-item {
     a {
@@ -1747,20 +709,16 @@ $divider-hover-color: $primary !default;
     }
 }
 
-/* Home page course specific styles */
+/* Home page course */
 
 .sitetopic {
-    // Hide the first activity top border.
-    .activity:first-of-type hr {
-        display: none;
-    }
     .section-item {
         margin-bottom: map-get($spacers, 4);
         @include border-radius();
     }
 }
 
-/* Styles for the Move activity and Move section modals */
+/* Move activity and Move section modals */
 
 .move-activity-tree {
     .collapse-list-item {
@@ -1802,7 +760,7 @@ $divider-hover-color: $primary !default;
     }
 }
 
-/* Subsection specific styles */
+/* Subsections */
 
 .activity.subsection {
     border-top: none;
@@ -1849,3 +807,130 @@ $divider-hover-color: $primary !default;
         visibility: hidden;
     }
 }
+
+/* Spinners */
+
+// Edit in progress spinner animation.
+@keyframes editinprogress-rotation {
+    0% {
+        opacity: 0;
+        transform: rotate(0deg);
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+        transform: rotate(359deg);
+    }
+}
+
+.editing {
+    // New editing in progress spinners.
+    .editinprogress {
+        position: relative;
+
+        & > * {
+            opacity: .4;
+        }
+
+        .corelightbox,
+        .lightbox {
+            display: none;
+        }
+
+        &:after {
+            @extend .fa-solid;
+            position: absolute;
+            font-size: 20px;
+            color: $gray-600;
+            content: fa-content($fa-var-spinner);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 30px;
+            height: 30px;
+            left: calc(50% - 15px);
+            top: calc(50% - 15px);
+            animation: editinprogress-rotation 2s infinite linear;
+        }
+
+        // Prevent inner editingprogress.
+        .editinprogress {
+            &:after {
+                display: none;
+            }
+        }
+    }
+}
+
+/* Drag and drop */
+
+// Compensate for the border widths when dropzones are displayed.
+.course-content .section.dropready {
+
+    &.main.drop-down {
+        border-bottom: 1px solid $dropzone-border;
+    }
+
+    .course-section-header.dropready.drop-zone {
+        margin-top: -2px;
+    }
+
+    li.activity.dropready.drop-down {
+        border-bottom: 1px solid $dropzone-border;
+        margin-bottom: -1px;
+    }
+
+    li.activity.dropready.drop-up {
+        border-top: 1px solid $dropzone-border;
+        margin-top: -1px;
+    }
+
+    [data-for="sectioninfo"] {
+        // When a section is empty, the activity dropzone indicator is below
+        // the section info. This ensures the dropzone will not displace the content
+        // even if the section has no restrictions or info to display.
+        min-height: 1px;
+    }
+
+    [data-for="sectioninfo"].drop-down {
+        margin-top: -1px;
+    }
+}
+
+/* Old indentation styles */
+
+.mod-indent-outer {
+    display: table;
+}
+
+.mod-indent {
+    display: table-cell;
+}
+
+.label .mod-indent {
+    float: left;
+    padding-top: 20px;
+}
+
+.activity.label.modtype_label .mod-indent {
+    float: none;
+}
+
+@include media-breakpoint-up(sm) {
+    $mod-indent-size: 30px;
+    /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
+
+    @for $i from 1 through 16 {
+        $width: ($i * $mod-indent-size);
+
+        .mod-indent-#{$i} {
+            width: $width;
+        }
+    }
+
+    .mod-indent-huge {
+        width: (16 * $mod-indent-size);
+    }
+}
diff --git a/theme/boost/scss/moodle/courselisting.scss b/theme/boost/scss/moodle/courselisting.scss
new file mode 100644
index 00000000000..08ca701d38b
--- /dev/null
+++ b/theme/boost/scss/moodle/courselisting.scss
@@ -0,0 +1,162 @@
+/*
+ * Course listings and course summary styles.
+ */
+
+#page-course-pending .singlebutton,
+#page-course-index .singlebutton,
+#page-course-index-category .singlebutton,
+#page-course-editsection .singlebutton {
+    text-align: center;
+}
+
+#page-admin-course-manage #movecourses td img {
+    margin: 0 .22em;
+    vertical-align: text-bottom;
+}
+
+#page-course-pending .pendingcourserequests {
+    margin-bottom: 1em;
+}
+
+#page-course-pending .pendingcourserequests .singlebutton {
+    display: inline;
+}
+
+#page-course-pending .pendingcourserequests .cell {
+    padding: 0 5px;
+}
+
+#page-course-pending .pendingcourserequests .cell.c6 {
+    white-space: nowrap;
+}
+
+.coursebox {
+    display: flex;
+    flex-direction: column;
+    .info {
+        display: flex;
+        align-items: center;
+    }
+}
+
+#frontpage-available-course-list,
+#frontpage-course-list,
+.course-search-result {
+    margin-top: $spacer * 0.5;
+    .coursebox {
+        padding: $spacer * 0.5;
+        border: $border-width solid $border-color;
+        margin-bottom: $spacer * 0.5;
+
+        @include border-radius();
+    }
+}
+
+.subcategories,
+#frontpage-category-names,
+#frontpage-category-combo {
+    .coursebox > .info > .coursename a {
+        display: block;
+        background-image: url([[pix:moodle|i/course]]);
+        background-size: $icon-width $icon-height;
+        background-repeat: no-repeat;
+        padding-left: 21px;
+    }
+}
+
+.coursebox > .info > .coursename {
+    font-size: $font-size-base;
+    font-weight: normal;
+    margin: 5px;
+    padding: 0;
+}
+
+.coursebox .content .teachers li {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+.coursebox .customfieldname,
+.coursebox .customfieldseparator {
+    font-weight: $font-weight-bold;
+}
+
+.coursebox .content .coursefile {
+    max-width: 100px;
+}
+
+.coursebox .content .courseimage img {
+    max-width: 100px;
+    max-height: 100px;
+}
+
+.coursebox .content .coursecat,
+.coursebox .content .summary,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile,
+.coursebox .content .teachers,
+.coursebox.remotecoursebox .remotecourseinfo,
+.coursebox .content .customfields-container {
+    margin: 15px 5px 5px;
+    padding: 0;
+}
+
+.category-browse {
+    .coursebox .content .coursecat,
+    .coursebox .content .summary,
+    .coursebox .content .courseimage,
+    .coursebox .content .coursefile,
+    .coursebox .content .teachers,
+    .coursebox.remotecoursebox .remotecourseinfo,
+    .coursebox .content .customfields-container {
+        margin-top: 0;
+    }
+}
+
+.coursebox.collapsed > .content {
+    display: none;
+}
+
+.courses > .paging.paging-morelink {
+    text-align: center;
+    padding: $spacer;
+}
+
+.course_category_tree .category .numberofcourse {
+    font-size: $font-size-sm;
+}
+
+.course_category_tree .category > .info > .categoryname {
+    margin: 5px;
+    font-size: $font-size-base;
+    font-weight: normal;
+    padding: 2px 18px;
+}
+
+.course_category_tree .category.with_children > .info > .categoryname {
+    background-image: url([[pix:moodle|t/expanded]]);
+    background-size: $icon-width $icon-height;
+    background-repeat: no-repeat;
+    background-position: center left;
+}
+
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+    background-image: url([[pix:moodle|t/collapsed]]);
+}
+/* rtl:raw:
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+    background-image:url([[pix:moodle|t/collapsed_rtl]]);
+}
+*/
+.course_category_tree .category.collapsed > .content {
+    display: none;
+}
+
+.course_category_tree .category > .content {
+    padding-left: 16px;
+}
+
+#page-course-index-category .categorypicker {
+    margin: 10px 0 20px;
+}
diff --git a/theme/boost/scss/moodle/coursemanagement.scss b/theme/boost/scss/moodle/coursemanagement.scss
new file mode 100644
index 00000000000..b224b4b717d
--- /dev/null
+++ b/theme/boost/scss/moodle/coursemanagement.scss
@@ -0,0 +1,329 @@
+/*
+ * Course management page styles.
+ */
+
+#course-category-listings {
+    margin-bottom: 0;
+
+    /** Two column layout */
+    &.columns-2 {
+        > #course-listing > div {
+            position: relative;
+            left: -1px;
+        }
+    }
+    /** Three column layout */
+    &.columns-3 > #course-listing > div {
+        height: 100%;
+    }
+
+    > div > div {
+        min-height: 300px;
+
+        > ul.ml > li:first-child > div {
+            border-top: 0;
+        }
+    }
+
+    h3 {
+        margin: 0;
+        padding: 0.4rem 0.6rem 0.3rem;
+    }
+
+    h4 {
+        margin: 1rem 0 0;
+        padding: 0.6rem 1rem 0.5rem;
+    }
+
+    .moodle-actionmenu {
+        white-space: nowrap;
+    }
+
+    .listing-actions {
+        text-align: center;
+
+        > .moodle-actionmenu {
+            display: inline-block;
+        }
+    }
+
+    ul.ml {
+        list-style: none;
+        margin: 1rem 0;
+
+        ul.ml {
+            margin: 0;
+        }
+    }
+
+    .listitem {
+
+        &[data-selected='1'] {
+            border-left: calc(#{$list-group-border-width} + 5px) solid map-get($theme-colors, 'primary');
+            padding-left: calc(#{$list-group-item-padding-x} - 5px);
+        }
+        &:hover {
+            z-index: 2;
+        }
+    }
+
+    .item-actions {
+        margin-right: 1em;
+        display: inline-block;
+
+        &.show .menu {
+
+            img {
+                width: 12px;
+                max-width: none;
+            }
+        }
+
+        .menu-action-text {
+            vertical-align: inherit;
+        }
+    }
+
+    .listitem {
+        > div {
+            > .float-start {
+                float: left;
+            }
+
+            > .float-end {
+                float: right;
+                text-align: right;
+            }
+
+            .item-actions {
+                .action-show {
+                    display: none;
+                }
+
+                .action-hide {
+                    display: inline;
+                }
+            }
+
+            .without-actions {
+                color: $course-cat-without-actions-color;
+            }
+
+            .idnumber {
+                margin-right: 2em;
+            }
+        }
+        // The category or course is hidden.
+        &[data-visible="0"] {
+            color: $text-muted;
+
+            > div {
+                > a {
+                    color: $text-muted;
+                }
+
+                .item-actions {
+                    .action-show {
+                        display: inline;
+                    }
+
+                    .action-hide {
+                        display: none;
+                    }
+                }
+            }
+        }
+
+        &.highlight {
+            background-color: $body-bg;
+
+            > div,
+            > div:hover,
+            &[data-selected='1'] > div {
+                background-color: $table-hover-bg;
+            }
+        }
+    }
+
+    #course-listing {
+        .listitem {
+            .categoryname {
+                display: inline-block;
+                margin-left: 1em;
+                color: $course-listing-color;
+            }
+
+            .coursename {
+                display: inline-block;
+                flex-basis: 10rem;
+            }
+        }
+
+        > .firstpage .listitem:first-child > div .item-actions .action-moveup,
+        > .lastpage .listitem:last-child > div .item-actions .action-movedown {
+            display: none;
+        }
+
+        .bulk-action-checkbox {
+            margin: -2px 6px 0 0;
+        }
+    }
+
+    #category-listing {
+        .listitem.collapsed > ul.ml {
+            display: none;
+        }
+
+        .listitem {
+            &:first-child > div .item-actions .action-moveup,
+            &:last-child > div .item-actions .action-movedown {
+                display: none;
+            }
+        }
+
+        .course-count {
+            color: $course-listing-color;
+            margin-right: 2rem;
+            min-width: 3.5em;
+            display: inline-block;
+        }
+
+        .bulk-action-checkbox {
+            margin-right: -3px;
+        }
+
+        .category-listing > ul > .listitem:first-child {
+            position: relative;
+        }
+
+        .category-bulk-actions {
+            margin: 0 0.5em 0.5em;
+            position: relative;
+        }
+    }
+
+    .detail-pair {
+
+        > * {
+            display: inline-block;
+        }
+
+        .pair-key {
+            font-weight: bold;
+            vertical-align: top;
+
+            span {
+                margin-right: 1rem;
+                display: block;
+            }
+        }
+
+        .pair-value select {
+            max-width: 100%;
+        }
+    }
+
+    .bulk-actions .detail-pair {
+        > * {
+            display: block;
+            width: 100%;
+        }
+    }
+
+    .listing-pagination {
+        text-align: center;
+
+        .yui3-button {
+            @include button-variant($info, $info);
+            border: 0;
+            margin: 0.4rem 0.2rem 0.45rem;
+            font-size: 10.4px;
+
+            &.active-page {
+                @include button-variant($primary, $primary);
+            }
+        }
+    }
+
+    .listing-pagination-totals {
+        text-align: center;
+
+        &.dimmed {
+            color: $text-muted;
+            margin: 0.4rem 1rem 0.45rem;
+        }
+    }
+
+    .select-a-category .notifymessage,
+    .select-a-category .alert {
+        margin: 1em;
+    }
+}
+
+#course-category-listings #course-listing .listitem .drag-handle {
+    display: none;
+}
+
+.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
+    display: inline-block;
+    margin: 0 6px 0 0;
+    cursor: pointer;
+}
+
+/** Management header styling **/
+.course-being-dragged-proxy {
+    border: 0;
+    color: $link-color;
+    vertical-align: middle;
+    padding: 0 0 0 4em;
+}
+
+.course-being-dragged {
+    opacity: 0.5;
+}
+
+/**
+ * Display sizes:
+ * Large displays                   1200        +
+ * Default displays                  980     1199
+ * Tablets                           768      979
+ * Small tablets and large phones    481      767
+ * Phones                              0      480
+ */
+
+@media (min-width: 1200px) and (max-width: 1600px) {
+    #course-category-listings.columns-3 {
+        background-color: $body-bg;
+        border: 0;
+
+        #category-listing,
+        #course-listing {
+            width: 50%;
+        }
+
+        #category-listing > div,
+        #course-listing > div,
+        #course-detail > div {
+            background-color: $body-bg;
+        }
+
+        #course-detail {
+            width: 100%;
+            margin-top: 1em;
+        }
+    }
+}
+
+@media (max-width: 1199px) {
+    #course-category-listings.columns-2,
+    #course-category-listings.columns-3 {
+        border: 0;
+
+        #category-listing,
+        #course-listing,
+        #course-detail {
+            width: 100%;
+            margin: 0 0 1em;
+        }
+    }
+}
diff --git a/theme/boost/scss/moodle/deprecated.scss b/theme/boost/scss/moodle/deprecated.scss
index d37ece4191c..0b48a22c5d7 100644
--- a/theme/boost/scss/moodle/deprecated.scss
+++ b/theme/boost/scss/moodle/deprecated.scss
@@ -60,3 +60,13 @@
 .path-course-view li.activity form.togglecompletion img {
     max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
 }
+
+//
+// Deprecated since Moodle 5.0.
+//
+
+// In 6.0 all YUI section spinners wont be needed.
+.course-content .stateready .section .spinner {
+    @include deprecated-styles();
+    display: none;
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index bfcb4923516..8901ee69f6c 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -23229,18 +23229,6 @@ button.btn-close:focus:hover,
   padding: 0;
 }
 
-.section li.movehere a {
-  display: block;
-  width: 100%;
-  height: 2rem;
-  border: 2px dashed #343a40;
-}
-
-.editing .course-content .hidden.sectionname {
-  visibility: hidden;
-  display: initial;
-}
-
 .inline,
 .inline-list li {
   display: inline;
@@ -24074,77 +24062,6 @@ tr.flagged-tag a {
   left: 50%;
 }
 
-.mod-indent-outer {
-  display: table;
-}
-
-.mod-indent {
-  display: table-cell;
-}
-
-.label .mod-indent {
-  float: left;
-  padding-top: 20px;
-}
-
-.activity.label.modtype_label .mod-indent {
-  float: none;
-}
-
-@media (min-width: 576px) {
-  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
-  .mod-indent-1 {
-    width: 30px;
-  }
-  .mod-indent-2 {
-    width: 60px;
-  }
-  .mod-indent-3 {
-    width: 90px;
-  }
-  .mod-indent-4 {
-    width: 120px;
-  }
-  .mod-indent-5 {
-    width: 150px;
-  }
-  .mod-indent-6 {
-    width: 180px;
-  }
-  .mod-indent-7 {
-    width: 210px;
-  }
-  .mod-indent-8 {
-    width: 240px;
-  }
-  .mod-indent-9 {
-    width: 270px;
-  }
-  .mod-indent-10 {
-    width: 300px;
-  }
-  .mod-indent-11 {
-    width: 330px;
-  }
-  .mod-indent-12 {
-    width: 360px;
-  }
-  .mod-indent-13 {
-    width: 390px;
-  }
-  .mod-indent-14 {
-    width: 420px;
-  }
-  .mod-indent-15 {
-    width: 450px;
-  }
-  .mod-indent-16 {
-    width: 480px;
-  }
-  .mod-indent-huge {
-    width: 480px;
-  }
-}
 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 .resourcecontent .mediaplugin_mp3 object {
   height: 25px;
@@ -25083,6 +25000,23 @@ dd:after {
   left: 0;
   right: auto;
   white-space: nowrap;
+  position: absolute;
+  top: 0;
+  font-size: 0.8203125rem;
+  padding: 0.1em 0.4em;
+  text-decoration: none;
+  z-index: 9999;
+  border: 0 solid transparent;
+  width: fit-content;
+  color: #00414b;
+  background-color: #cce6ea;
+  border-color: #b3d9e0;
+}
+.inplaceeditable.inplaceeditingon .editinstructions hr {
+  border-top-color: #a1d0d9;
+}
+.inplaceeditable.inplaceeditingon .editinstructions .alert-link {
+  color: #001518;
 }
 @media (min-width: 576px) {
   .inplaceeditable.inplaceeditingon input {
@@ -25115,10 +25049,6 @@ dd:after {
   display: block;
 }
 
-h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
-  margin-top: -20px;
-}
-
 /** Chart area. */
 @media (min-width: 992px) {
   .chart-area .chart-image {
@@ -27353,6 +27283,10 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4
   color: #6a737b;
 }
 
+.block_tree .tree_item.branch {
+  margin-left: 8px;
+}
+
 .pagelayout-embedded .has-fake-blocks {
   padding: 1rem;
   display: flex;
@@ -28104,951 +28038,28 @@ table.calendartable caption {
   width: 100%;
 }
 
-/* course.less */
-/* COURSE CONTENT */
-.block_tree .tree_item.branch {
-  margin-left: 8px;
-}
-
-.section .side {
-  margin-top: 0.5rem;
-}
-.section .side.left {
-  float: left;
-}
-.section .side.right {
-  float: right;
-  clear: right;
-}
-.section .spinner {
-  height: 16px;
-  width: 16px;
-}
-.section .activity {
-  /* The command block for each activity */
-}
-.section .activity .spinner {
-  left: 100%;
-  position: absolute;
-}
-.section .activity .actions {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: flex;
-}
-.section .activity .contentwithoutlink,
-.section .activity .activityinstance {
-  min-width: 40%;
-}
-.section .activity .contentwithoutlink > a,
-.section .activity .activityinstance > a {
-  display: inline-flex;
-  align-items: center;
-}
-.section .activity .contentwithoutlink .dimmed .activityicon,
-.section .activity .activityinstance .dimmed .activityicon {
-  opacity: 0.5;
-}
-.section .activity .stealth {
-  color: #6a737b;
-}
-.section .activity a.stealth,
-.section .activity a.stealth:hover {
-  color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
-}
-.section .activity.indented .activity-item {
-  margin-left: 1rem;
-}
-.section .label .contentwithoutlink,
-.section .label .activityinstance {
-  padding-right: 32px;
-  display: block;
-  height: inherit;
-}
-@media (min-width: 576px) {
-  .section .label .mod-indent-outer {
-    padding-left: 24px;
-    display: block;
-  }
-}
-.section .filler {
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  margin: 0 0.5rem;
-  display: inline-block;
-}
-.section .activity.editor_displayed a.editing_title,
-.section .activity.editor_displayed .moodle-actionmenu {
-  display: none;
-}
-.section .activity.editor_displayed div.activityinstance {
-  padding-right: initial;
-}
-.section .activity.editor_displayed div.activityinstance input {
-  margin-bottom: initial;
-  padding-top: initial;
-  padding-bottom: initial;
-  vertical-align: text-bottom;
-}
-
-.section .activity .activityinstance {
-  display: inline-flex;
-  align-items: center;
-  margin-bottom: 1rem;
-}
-
-.editing .section .activity .contentwithoutlink,
-.editing .section .activity .activityinstance {
-  padding-right: 200px;
-}
-.editing .section .activity .mod-indent-outer {
-  /**
-   * Add appropriate padding such that nothing overlaps the
-   * absolute positioned move icon.
-   */
-  padding-left: 2rem;
-}
-.editing .course-content .stateready .section .spinner {
-  display: none;
-}
-.editing .editinprogress {
-  position: relative;
-}
-.editing .editinprogress > * {
-  opacity: 0.4;
-}
-.editing .editinprogress .corelightbox,
-.editing .editinprogress .lightbox {
-  display: none;
-}
-.editing .editinprogress:after {
-  position: absolute;
-  font-size: 20px;
-  color: #6a737b;
-  content: "\f110";
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 30px;
-  height: 30px;
-  left: calc(50% - 15px);
-  top: calc(50% - 15px);
-  animation: editinprogress-rotation 2s infinite linear;
-}
-.editing .editinprogress .editinprogress:after {
-  display: none;
-}
-
-@keyframes editinprogress-rotation {
-  0% {
-    opacity: 0;
-    transform: rotate(0deg);
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    transform: rotate(359deg);
-  }
-}
-.editing_show + .editing_assign,
-.editing_hide + .editing_assign {
-  margin-left: 20px;
-}
-
-.section .activity .commands {
-  white-space: nowrap;
-  display: inline-block;
-}
-
-.section .activity.modtype_label.label {
-  font-weight: normal;
-}
-.section .activity.modtype_label.label .contentwithoutlink {
-  min-height: 0;
-}
-.section .activity.modtype_label.label.hasinfo p:last-child,
-.section .activity.modtype_label.label.hasinfo i:last-child {
-  margin-bottom: 0;
-}
-
-.section li.activity:not(.activity-wrapper) {
-  padding: 0.2em;
-  clear: both;
-}
-.section li.activity:not(.activity-wrapper).hasinfo {
-  border-bottom: 1px solid #dee2e6;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.section li.activity:not(.activity-wrapper).hasinfo:last-child {
-  border-bottom: 0;
-  padding-bottom: 0;
-}
-
-.course-content .section.dropready.main.drop-down {
-  border-bottom: 1px solid #1d2125;
-}
-.course-content .section.dropready .course-section-header.dropready.drop-zone {
-  margin-top: -2px;
-}
-.course-content .section.dropready li.activity.dropready.drop-down {
-  border-bottom: 1px solid #1d2125;
-  margin-bottom: -1px;
-}
-.course-content .section.dropready li.activity.dropready.drop-up {
-  border-top: 1px solid #1d2125;
-  margin-top: -1px;
-}
-.course-content .section.dropready [data-for=sectioninfo] {
-  min-height: 1px;
-}
-.course-content .section.dropready [data-for=sectioninfo].drop-down {
-  margin-top: -1px;
-}
-
-.section .activity .activityinstance .groupinglabel {
-  padding-left: 30px;
-}
-
-.section.main:not(.course-section) .activity .availabilityinfo,
-.section.main:not(.course-section) .activity .contentafterlink {
-  margin-top: 0.5em;
-  margin-left: 30px;
-}
-
-.section .activity .contentafterlink p {
-  margin: 0.5em 0;
-}
-
-.editing .section.main:not(.course-section) .activity:hover,
-.editing .section.main:not(.course-section) .activity.action-menu-shown,
-.editing .section.main:not(.course-section) .sectionname:hover {
-  background-color: rgba(0, 0, 0, 0.03);
-}
-
-.course-content .current {
-  position: relative;
-}
-
-.course-content .current::before {
-  border-left: #0f6cbf 3px solid;
-  bottom: 0;
-  content: "";
-  left: -8px;
-  position: absolute;
-  top: 0;
-}
-
-.course-content .single-section .section-navigation {
-  display: block;
-  padding: 0.5em;
-  margin-bottom: -0.5em;
-}
-
-.course-content .single-section .section-navigation .title {
-  font-weight: bold;
-  font-size: 108%;
-  clear: both;
-}
-
-.course-content .single-section .section-navigation .mdl-left {
-  font-weight: normal;
-  float: left;
-  margin-right: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-left .larrow {
-  margin-right: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right {
-  font-weight: normal;
-  float: right;
-  margin-left: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right .rarrow {
-  margin-left: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-bottom {
-  margin-top: 0;
-}
-
-.course-content ul li.section.main:not(.course-section) {
-  border-bottom: 1px solid #dee2e6;
-  margin-top: 0;
-}
-.course-content ul li.section.main:not(.course-section):last-child {
-  border-bottom: 0;
-}
-
-.course-content ul li.section.hidden:not(.course-section) .sectionname > span,
-.course-content ul li.section.hidden:not(.course-section) .content > div.summary,
-.course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
-  color: #6a737b;
-}
-
-.course-content ul.topics,
-.course-content ul.weeks {
+/*
+ * Course page styles.
+ */
+/* Course content */
+.course-content ul.section-list {
   padding: 0;
   margin: 0;
-  list-style: none;
-}
-.course-content ul.topics li.section .content,
-.course-content ul.weeks li.section .content {
-  margin: 0;
-  padding: 0;
-}
-@media (min-width: 576px) {
-  .course-content ul.topics li.section .summary,
-  .course-content ul.topics li.section .content > .availabilityinfo,
-  .course-content ul.weeks li.section .summary,
-  .course-content ul.weeks li.section .content > .availabilityinfo {
-    margin-left: 25px;
-  }
-}
-.course-content ul.topics li.section .left,
-.course-content ul.topics li.section .right,
-.course-content ul.weeks li.section .left,
-.course-content ul.weeks li.section .right {
-  padding: 0 6px 0;
-  text-align: right;
-  width: auto;
 }
 
-.course-content .single-section ul.topics li.section,
-.course-content .single-section ul.weeks li.section {
-  padding-top: 0;
-}
-
-@media (max-width: 767.98px) {
-  body:not(.editing) .course-content ul.topics li.section .left,
-  body:not(.editing) .course-content ul.topics li.section .right,
-  body:not(.editing) .course-content ul.weeks li.section .left,
-  body:not(.editing) .course-content ul.weeks li.section .right {
-    display: none;
-  }
-}
-.course-content {
-  margin-top: 0;
-}
-
-.course-content .hidden {
-  display: none;
-}
-
-@media (max-width: 767.98px) {
-  .course-content li.section:not(.course-section) ul {
-    padding-left: 0;
-  }
-}
-.course-content li.section:not(.course-section) ul {
+.course-content .section-item ul,
+.course-content .section-item .activity-item ul {
   list-style: disc;
 }
-.course-content li.section:not(.course-section) ul ul {
+.course-content .section-item ul ul,
+.course-content .section-item .activity-item ul ul {
   list-style: circle;
 }
-.course-content li.section:not(.course-section) ul ul ul {
+.course-content .section-item ul ul ul,
+.course-content .section-item .activity-item ul ul ul {
   list-style: square;
 }
-.course-content li.section:not(.course-section) li.activity ul {
-  list-style: disc;
-}
-.course-content li.section:not(.course-section) li.activity ul ul {
-  list-style: circle;
-}
-.course-content li.section:not(.course-section) li.activity ul ul ul {
-  list-style: square;
-}
-.course-content li.section:not(.course-section) .right > .icon:first-child {
-  /* Remove the spacer icon. */
-  display: none;
-}
 
-.path-course-view.editing #region-main > .card-block {
-  padding-bottom: 13rem;
-}
-
-.path-course-view .completionprogress {
-  margin-left: 25px;
-}
-
-.path-course-view .completionprogress {
-  display: block;
-  float: right;
-  height: 20px;
-  position: relative;
-}
-
-#page-site-index .subscribelink {
-  text-align: right;
-}
-
-#site-news-forum h2,
-#frontpage-course-list h2,
-#frontpage-category-names h2,
-#frontpage-category-combo h2 {
-  margin-bottom: 9px;
-}
-
-.path-course-view a.reduce-sections {
-  padding-left: 0.2em;
-}
-
-.path-course-view .subscribelink {
-  text-align: right;
-}
-
-.path-course-view .unread {
-  margin-left: 30px;
-}
-
-.path-course-view .block.drag .header {
-  cursor: move;
-}
-
-.path-course-view .completionprogress {
-  text-align: right;
-}
-
-.path-course-view .single-section .completionprogress {
-  margin-right: 5px;
-}
-
-.path-course-view li.activity span.autocompletion img {
-  vertical-align: text-bottom;
-  margin-left: 0;
-}
-
-.path-course-view.editing li.activity span.autocompletion img {
-  /* Use the same spacing as the filler. */
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-}
-
-li.section.hidden span.commands a.editing_hide,
-li.section.hidden span.commands a.editing_show {
-  cursor: default;
-}
-
-.single-section-page .header-action {
-  display: inline-block;
-}
-
-input.titleeditor {
-  width: 330px;
-  vertical-align: text-bottom;
-}
-
-span.editinstructions {
-  position: absolute;
-  top: 0;
-  margin-top: -22px;
-  margin-left: 30px;
-  font-size: 0.8203125rem;
-  padding: 0.1em 0.4em;
-  text-decoration: none;
-  z-index: 9999;
-  border: 0 solid transparent;
-  width: fit-content;
-  color: #00414b;
-  background-color: #cce6ea;
-  border-color: #b3d9e0;
-}
-span.editinstructions hr {
-  border-top-color: #a1d0d9;
-}
-span.editinstructions .alert-link {
-  color: #001518;
-}
-
-/* COURSES LISTINGS AND COURSE SUMMARY */
-#page-course-pending .singlebutton,
-#page-course-index .singlebutton,
-#page-course-index-category .singlebutton,
-#page-course-editsection .singlebutton {
-  text-align: center;
-}
-
-#page-admin-course-manage #movecourses td img {
-  margin: 0 0.22em;
-  vertical-align: text-bottom;
-}
-
-#page-course-pending .pendingcourserequests {
-  margin-bottom: 1em;
-}
-
-#page-course-pending .pendingcourserequests .singlebutton {
-  display: inline;
-}
-
-#page-course-pending .pendingcourserequests .cell {
-  padding: 0 5px;
-}
-
-#page-course-pending .pendingcourserequests .cell.c6 {
-  white-space: nowrap;
-}
-
-.coursebox {
-  display: flex;
-  flex-direction: column;
-}
-.coursebox .info {
-  display: flex;
-  align-items: center;
-}
-
-#frontpage-available-course-list,
-#frontpage-course-list,
-.course-search-result {
-  margin-top: 0.5rem;
-}
-#frontpage-available-course-list .coursebox,
-#frontpage-course-list .coursebox,
-.course-search-result .coursebox {
-  padding: 0.5rem;
-  border: 1px solid #dee2e6;
-  margin-bottom: 0.5rem;
-  border-radius: 0.5rem;
-}
-
-.subcategories .coursebox > .info > .coursename a,
-#frontpage-category-names .coursebox > .info > .coursename a,
-#frontpage-category-combo .coursebox > .info > .coursename a {
-  display: block;
-  background-image: url([[pix:moodle|i/course]]);
-  background-size: 16px 16px;
-  background-repeat: no-repeat;
-  padding-left: 21px;
-}
-
-.coursebox > .info > .coursename {
-  font-size: 0.9375rem;
-  font-weight: normal;
-  margin: 5px;
-  padding: 0;
-}
-
-.coursebox .content .teachers li {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
-
-.coursebox .customfieldname,
-.coursebox .customfieldseparator {
-  font-weight: 700;
-}
-
-.coursebox .content .coursefile {
-  max-width: 100px;
-}
-
-.coursebox .content .courseimage img {
-  max-width: 100px;
-  max-height: 100px;
-}
-
-.coursebox .content .coursecat,
-.coursebox .content .summary,
-.coursebox .content .courseimage,
-.coursebox .content .coursefile,
-.coursebox .content .teachers,
-.coursebox.remotecoursebox .remotecourseinfo,
-.coursebox .content .customfields-container {
-  margin: 15px 5px 5px;
-  padding: 0;
-}
-
-.category-browse .coursebox .content .coursecat,
-.category-browse .coursebox .content .summary,
-.category-browse .coursebox .content .courseimage,
-.category-browse .coursebox .content .coursefile,
-.category-browse .coursebox .content .teachers,
-.category-browse .coursebox.remotecoursebox .remotecourseinfo,
-.category-browse .coursebox .content .customfields-container {
-  margin-top: 0;
-}
-
-.coursebox.collapsed > .content {
-  display: none;
-}
-
-.courses > .paging.paging-morelink {
-  text-align: center;
-  padding: 1rem;
-}
-
-.course_category_tree .category .numberofcourse {
-  font-size: 0.8203125rem;
-}
-
-.course_category_tree .category > .info > .categoryname {
-  margin: 5px;
-  font-size: 0.9375rem;
-  font-weight: normal;
-  padding: 2px 18px;
-}
-
-.course_category_tree .category.with_children > .info > .categoryname {
-  background-image: url([[pix:moodle|t/expanded]]);
-  background-size: 16px 16px;
-  background-repeat: no-repeat;
-  background-position: center left;
-}
-
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-  background-image: url([[pix:moodle|t/collapsed]]);
-}
-
-/* rtl:raw:
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-    background-image:url([[pix:moodle|t/collapsed_rtl]]);
-}
-*/
-.course_category_tree .category.collapsed > .content {
-  display: none;
-}
-
-.course_category_tree .category > .content {
-  padding-left: 16px;
-}
-
-#page-course-index-category .categorypicker {
-  margin: 10px 0 20px;
-}
-
-/**
- * Course management page
- * Palette
- *
- * Background (reg)         #F5F5F5
- * Background (light        #fafafa
- * Background (highlight)   #ddffaa
- * Borders                  #e1e1e8
- */
-#course-category-listings {
-  margin-bottom: 0;
-  /** Two column layout */
-  /** Three column layout */
-}
-#course-category-listings.columns-2 > #course-listing > div {
-  position: relative;
-  left: -1px;
-}
-#course-category-listings.columns-3 > #course-listing > div {
-  height: 100%;
-}
-#course-category-listings > div > div {
-  min-height: 300px;
-}
-#course-category-listings > div > div > ul.ml > li:first-child > div {
-  border-top: 0;
-}
-#course-category-listings h3 {
-  margin: 0;
-  padding: 0.4rem 0.6rem 0.3rem;
-}
-#course-category-listings h4 {
-  margin: 1rem 0 0;
-  padding: 0.6rem 1rem 0.5rem;
-}
-#course-category-listings .moodle-actionmenu {
-  white-space: nowrap;
-}
-#course-category-listings .listing-actions {
-  text-align: center;
-}
-#course-category-listings .listing-actions > .moodle-actionmenu {
-  display: inline-block;
-}
-#course-category-listings ul.ml {
-  list-style: none;
-  margin: 1rem 0;
-}
-#course-category-listings ul.ml ul.ml {
-  margin: 0;
-}
-#course-category-listings .listitem[data-selected="1"] {
-  border-left: calc(1px + 5px) solid #0f6cbf;
-  padding-left: calc(1.25rem - 5px);
-}
-#course-category-listings .listitem:hover {
-  z-index: 2;
-}
-#course-category-listings .item-actions {
-  margin-right: 1em;
-  display: inline-block;
-}
-#course-category-listings .item-actions.show .menu img {
-  width: 12px;
-  max-width: none;
-}
-#course-category-listings .item-actions .menu-action-text {
-  vertical-align: inherit;
-}
-#course-category-listings .listitem > div > .float-start {
-  float: left;
-}
-#course-category-listings .listitem > div > .float-end {
-  float: right;
-  text-align: right;
-}
-#course-category-listings .listitem > div .item-actions .action-show {
-  display: none;
-}
-#course-category-listings .listitem > div .item-actions .action-hide {
-  display: inline;
-}
-#course-category-listings .listitem > div .without-actions {
-  color: #333;
-}
-#course-category-listings .listitem > div .idnumber {
-  margin-right: 2em;
-}
-#course-category-listings .listitem[data-visible="0"] {
-  color: #6a737b;
-}
-#course-category-listings .listitem[data-visible="0"] > div > a {
-  color: #6a737b;
-}
-#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
-  display: inline;
-}
-#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
-  display: none;
-}
-#course-category-listings .listitem.highlight {
-  background-color: #fff;
-}
-#course-category-listings .listitem.highlight > div,
-#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-#course-category-listings #course-listing .listitem .categoryname {
-  display: inline-block;
-  margin-left: 1em;
-  color: #a1a1a8;
-}
-#course-category-listings #course-listing .listitem .coursename {
-  display: inline-block;
-  flex-basis: 10rem;
-}
-#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
-#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
-  display: none;
-}
-#course-category-listings #course-listing .bulk-action-checkbox {
-  margin: -2px 6px 0 0;
-}
-#course-category-listings #category-listing .listitem.collapsed > ul.ml {
-  display: none;
-}
-#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
-  display: none;
-}
-#course-category-listings #category-listing .course-count {
-  color: #a1a1a8;
-  margin-right: 2rem;
-  min-width: 3.5em;
-  display: inline-block;
-}
-#course-category-listings #category-listing .bulk-action-checkbox {
-  margin-right: -3px;
-}
-#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
-  position: relative;
-}
-#course-category-listings #category-listing .category-bulk-actions {
-  margin: 0 0.5em 0.5em;
-  position: relative;
-}
-#course-category-listings .detail-pair > * {
-  display: inline-block;
-}
-#course-category-listings .detail-pair .pair-key {
-  font-weight: bold;
-  vertical-align: top;
-}
-#course-category-listings .detail-pair .pair-key span {
-  margin-right: 1rem;
-  display: block;
-}
-#course-category-listings .detail-pair .pair-value select {
-  max-width: 100%;
-}
-#course-category-listings .bulk-actions .detail-pair > * {
-  display: block;
-  width: 100%;
-}
-#course-category-listings .listing-pagination {
-  text-align: center;
-}
-#course-category-listings .listing-pagination .yui3-button {
-  color: #fff;
-  background-color: #008196;
-  border-color: #008196;
-  border: 0;
-  margin: 0.4rem 0.2rem 0.45rem;
-  font-size: 10.4px;
-}
-#course-category-listings .listing-pagination .yui3-button:hover {
-  color: #fff;
-  background-color: #006070;
-  border-color: #005563;
-}
-#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
-  color: #fff;
-  background-color: #006070;
-  border-color: #005563;
-  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
-  color: #fff;
-  background-color: #008196;
-  border-color: #008196;
-}
-#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
-  color: #fff;
-  background-color: #005563;
-  border-color: #004a56;
-}
-#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.active-page {
-  color: #fff;
-  background-color: #0f6cbf;
-  border-color: #0f6cbf;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:hover {
-  color: #fff;
-  background-color: #0c589c;
-  border-color: #0b5190;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
-  color: #fff;
-  background-color: #0c589c;
-  border-color: #0b5190;
-  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
-  color: #fff;
-  background-color: #0f6cbf;
-  border-color: #0f6cbf;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
-  color: #fff;
-  background-color: #0b5190;
-  border-color: #0a4b84;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
-}
-#course-category-listings .listing-pagination-totals {
-  text-align: center;
-}
-#course-category-listings .listing-pagination-totals.dimmed {
-  color: #6a737b;
-  margin: 0.4rem 1rem 0.45rem;
-}
-#course-category-listings .select-a-category .notifymessage,
-#course-category-listings .select-a-category .alert {
-  margin: 1em;
-}
-
-#course-category-listings #course-listing .listitem .drag-handle {
-  display: none;
-}
-
-.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
-  display: inline-block;
-  margin: 0 6px 0 0;
-  cursor: pointer;
-}
-
-/** Management header styling **/
-.course-being-dragged-proxy {
-  border: 0;
-  color: #0f6cbf;
-  vertical-align: middle;
-  padding: 0 0 0 4em;
-}
-
-.course-being-dragged {
-  opacity: 0.5;
-}
-
-/**
- * Display sizes:
- * Large displays                   1200        +
- * Default displays                  980     1199
- * Tablets                           768      979
- * Small tablets and large phones    481      767
- * Phones                              0      480
- */
-@media (min-width: 1200px) and (max-width: 1600px) {
-  #course-category-listings.columns-3 {
-    background-color: #fff;
-    border: 0;
-  }
-  #course-category-listings.columns-3 #category-listing,
-  #course-category-listings.columns-3 #course-listing {
-    width: 50%;
-  }
-  #course-category-listings.columns-3 #category-listing > div,
-  #course-category-listings.columns-3 #course-listing > div,
-  #course-category-listings.columns-3 #course-detail > div {
-    background-color: #fff;
-  }
-  #course-category-listings.columns-3 #course-detail {
-    width: 100%;
-    margin-top: 1em;
-  }
-}
-@media (max-width: 1199px) {
-  #course-category-listings.columns-2,
-  #course-category-listings.columns-3 {
-    border: 0;
-  }
-  #course-category-listings.columns-2 #category-listing,
-  #course-category-listings.columns-2 #course-listing,
-  #course-category-listings.columns-2 #course-detail,
-  #course-category-listings.columns-3 #category-listing,
-  #course-category-listings.columns-3 #course-listing,
-  #course-category-listings.columns-3 #course-detail {
-    width: 100%;
-    margin: 0 0 1em;
-  }
-}
-.page-settings-menu .menubar > a > .icon {
-  width: auto;
-  height: 32px;
-  font-size: 32px;
-}
-
-.activity-navigation .row {
-  align-items: center;
-}
-.activity-navigation #prev-activity-link,
-.activity-navigation #next-activity-link {
-  white-space: pre-wrap;
-}
-
-.automatic-completion-conditions .badge {
-  font-size: 100%;
-}
-
-/* Variables definition*/
-/* Functions/Mixins definition */
-/* Section Expand all/Collapse all */
 .section-collapsemenu .collapseall {
   display: block;
 }
@@ -29062,7 +28073,27 @@ span.editinstructions .alert-link {
   display: block;
 }
 
-/* Course section */
+.btn.add-section {
+  border-radius: 1rem;
+  border: 2px dashed #dee2e6;
+  color: #0f6cbf;
+  font-size: 0.8203125rem;
+  font-weight: bold;
+}
+.btn.add-section:hover, .btn.add-section:focus {
+  background-color: #e7f0f9;
+  border: 2px solid #0f6cbf;
+  color: #0f6cbf;
+}
+
+.max-section-alert {
+  border-top: 2px dashed #dee2e6;
+  font-size: 0.8203125rem;
+  font-weight: normal;
+  color: #6a737b;
+}
+
+/* Sections */
 .course-section {
   list-style: none;
   margin-top: 1rem;
@@ -29078,6 +28109,17 @@ span.editinstructions .alert-link {
 .course-section.hidden .section-item, .course-section.orphaned .section-item {
   background-color: #f8f9fa;
 }
+.course-section.current > .section-item {
+  position: relative;
+}
+.course-section.current > .section-item::before {
+  border-left: #0f6cbf 3px solid;
+  bottom: 0;
+  content: "";
+  left: -8px;
+  position: absolute;
+  top: 0;
+}
 .course-section .sectionname > a {
   color: #1d2125;
 }
@@ -29145,53 +28187,23 @@ span.editinstructions .alert-link {
   z-index: 5;
 }
 
-.btn.add-section {
-  border-radius: 1rem;
-  border: 2px dashed #dee2e6;
-  color: #0f6cbf;
-  font-size: 0.8203125rem;
-  font-weight: bold;
-}
-.btn.add-section:hover, .btn.add-section:focus {
-  background-color: #e7f0f9;
-  border: 2px solid #0f6cbf;
-  color: #0f6cbf;
+.section li.movehere a {
+  display: block;
+  width: 100%;
+  height: 2rem;
+  border: 2px dashed #343a40;
 }
 
-.max-section-alert {
-  border-top: 2px dashed #dee2e6;
-  font-size: 0.8203125rem;
-  font-weight: normal;
-  color: #6a737b;
-}
-
-/* Single section page specific styles */
-.single-section > ul > .course-section.hidden .section-item {
-  background-color: inherit;
-}
-.single-section > ul > .course-section .section-item {
-  padding: 0;
-  border: none;
-}
-
-/* Re-style ordered list in course content */
-.course-content .activity-altcontent ul {
-  list-style: disc;
-}
-.course-content .activity-altcontent ul ul {
-  list-style: circle;
-}
-.course-content .activity-altcontent ul ul ul {
-  list-style: square;
-}
-
-/* Activity cards */
+/* Activities */
 .activity {
   list-style: none;
   padding-top: 0.25rem;
   margin-top: 0.25rem;
   border-top: 1px solid #dee2e6;
 }
+.activity.indented .activity-item {
+  margin-left: 1rem;
+}
 .editing .activity, .section .activity:first-child {
   padding-top: 0;
   margin-top: 0;
@@ -29818,47 +28830,47 @@ span.editinstructions .alert-link {
 }
 
 /* Dividers */
-.divider {
+.course-content .divider {
   position: relative;
 }
-.divider hr {
+.course-content .divider hr {
   width: 100%;
   margin: 0.5rem 0.25rem;
   border-top: 2px dashed #dee2e6;
 }
-.changenumsections.disabled .divider hr {
+.changenumsections.disabled .course-content .divider hr {
   border-top: 2px dashed #dee2e6;
 }
-.divider .divider-content {
+.course-content .divider .divider-content {
   opacity: 0;
   visibility: hidden;
   transition: visibility 0.1s;
   position: absolute;
   background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
 }
-.section.hidden .divider .divider-content {
+.section.hidden .course-content .divider .divider-content {
   background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
 }
-.divider.always-visible .divider-content {
+.course-content .divider.always-visible .divider-content {
   opacity: 1;
   visibility: visible;
 }
-.divider.always-hidden hr {
+.course-content .divider.always-hidden hr {
   opacity: 0;
   visibility: hidden;
 }
-.divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
+.course-content .divider:hover .divider-content, .course-content .divider:focus .divider-content, .course-content .divider:focus-within .divider-content {
   opacity: 1;
   visibility: visible;
 }
-.divider:hover hr, .divider:focus hr, .divider:focus-within hr {
+.course-content .divider:hover hr, .course-content .divider:focus hr, .course-content .divider:focus-within hr {
   opacity: 1;
   visibility: visible;
 }
-.divider:has(.btn.add-content:hover) hr {
+.course-content .divider:has(.btn.add-content:hover) hr {
   border-color: #0f6cbf;
 }
-.changenumsections.disabled .divider:has(.btn.add-content:hover) hr {
+.changenumsections.disabled .course-content .divider:has(.btn.add-content:hover) hr {
   border-color: #e9ecef;
 }
 
@@ -29873,7 +28885,7 @@ span.editinstructions .alert-link {
   display: none;
 }
 
-.btn.add-content {
+.course-content .divider .btn.add-content {
   position: relative;
   z-index: 1;
   border-radius: 0.5rem;
@@ -29882,23 +28894,23 @@ span.editinstructions .alert-link {
   color: #083660;
   background-color: #cfe2f2;
 }
-.btn.add-content:hover, .btn.add-content:focus {
+.course-content .divider .btn.add-content:hover, .course-content .divider .btn.add-content:focus {
   color: #fff;
   background-color: #0f6cbf;
 }
-.btn.add-content .icon {
+.course-content .divider .btn.add-content .icon {
   width: 14px;
   height: 14px;
   font-size: 14px;
 }
-.changenumsections.disabled .btn.add-content {
+.changenumsections.disabled .course-content .divider .btn.add-content {
   color: #8f959e;
   background-color: #e9ecef;
   outline: none;
   box-shadow: none;
   pointer-events: auto;
 }
-.changenumsections.disabled .btn.add-content:hover, .changenumsections.disabled .btn.add-content:focus {
+.changenumsections.disabled .course-content .divider .btn.add-content:hover, .changenumsections.disabled .course-content .divider .btn.add-content:focus {
   color: #8f959e;
   background-color: #e9ecef;
   outline: none;
@@ -29962,7 +28974,20 @@ span.editinstructions .alert-link {
   }
 }
 
-/* Activity completion */
+/* Single section page */
+.single-section > ul > .course-section.hidden .section-item {
+  background-color: inherit;
+}
+.single-section > ul > .course-section .section-item {
+  padding: 0;
+  border: none;
+}
+
+.single-section-page .header-action {
+  display: inline-block;
+}
+
+/* Default activity completion page */
 .defaultactivitycompletion-item a {
   color: #000;
   text-decoration: none;
@@ -29972,16 +28997,13 @@ span.editinstructions .alert-link {
   height: 32px;
 }
 
-/* Home page course specific styles */
-.sitetopic .activity:first-of-type hr {
-  display: none;
-}
+/* Home page course */
 .sitetopic .section-item {
   margin-bottom: 1.5rem;
   border-radius: 0.5rem;
 }
 
-/* Styles for the Move activity and Move section modals */
+/* Move activity and Move section modals */
 .move-activity-tree .collapse-list-item {
   border-radius: 0.5rem;
 }
@@ -30010,7 +29032,7 @@ span.editinstructions .alert-link {
   font-weight: bold;
 }
 
-/* Subsection specific styles */
+/* Subsections */
 .activity.subsection {
   border-top: none;
 }
@@ -30053,6 +29075,599 @@ span.editinstructions .alert-link {
   visibility: hidden;
 }
 
+/* Spinners */
+@keyframes editinprogress-rotation {
+  0% {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    transform: rotate(359deg);
+  }
+}
+.editing .editinprogress {
+  position: relative;
+}
+.editing .editinprogress > * {
+  opacity: 0.4;
+}
+.editing .editinprogress .corelightbox,
+.editing .editinprogress .lightbox {
+  display: none;
+}
+.editing .editinprogress:after {
+  position: absolute;
+  font-size: 20px;
+  color: #6a737b;
+  content: "\f110";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 30px;
+  height: 30px;
+  left: calc(50% - 15px);
+  top: calc(50% - 15px);
+  animation: editinprogress-rotation 2s infinite linear;
+}
+.editing .editinprogress .editinprogress:after {
+  display: none;
+}
+
+/* Drag and drop */
+.course-content .section.dropready.main.drop-down {
+  border-bottom: 1px solid #1d2125;
+}
+.course-content .section.dropready .course-section-header.dropready.drop-zone {
+  margin-top: -2px;
+}
+.course-content .section.dropready li.activity.dropready.drop-down {
+  border-bottom: 1px solid #1d2125;
+  margin-bottom: -1px;
+}
+.course-content .section.dropready li.activity.dropready.drop-up {
+  border-top: 1px solid #1d2125;
+  margin-top: -1px;
+}
+.course-content .section.dropready [data-for=sectioninfo] {
+  min-height: 1px;
+}
+.course-content .section.dropready [data-for=sectioninfo].drop-down {
+  margin-top: -1px;
+}
+
+/* Old indentation styles */
+.mod-indent-outer {
+  display: table;
+}
+
+.mod-indent {
+  display: table-cell;
+}
+
+.label .mod-indent {
+  float: left;
+  padding-top: 20px;
+}
+
+.activity.label.modtype_label .mod-indent {
+  float: none;
+}
+
+@media (min-width: 576px) {
+  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
+  .mod-indent-1 {
+    width: 30px;
+  }
+  .mod-indent-2 {
+    width: 60px;
+  }
+  .mod-indent-3 {
+    width: 90px;
+  }
+  .mod-indent-4 {
+    width: 120px;
+  }
+  .mod-indent-5 {
+    width: 150px;
+  }
+  .mod-indent-6 {
+    width: 180px;
+  }
+  .mod-indent-7 {
+    width: 210px;
+  }
+  .mod-indent-8 {
+    width: 240px;
+  }
+  .mod-indent-9 {
+    width: 270px;
+  }
+  .mod-indent-10 {
+    width: 300px;
+  }
+  .mod-indent-11 {
+    width: 330px;
+  }
+  .mod-indent-12 {
+    width: 360px;
+  }
+  .mod-indent-13 {
+    width: 390px;
+  }
+  .mod-indent-14 {
+    width: 420px;
+  }
+  .mod-indent-15 {
+    width: 450px;
+  }
+  .mod-indent-16 {
+    width: 480px;
+  }
+  .mod-indent-huge {
+    width: 480px;
+  }
+}
+/*
+ * Course management page styles.
+ */
+#course-category-listings {
+  margin-bottom: 0;
+  /** Two column layout */
+  /** Three column layout */
+}
+#course-category-listings.columns-2 > #course-listing > div {
+  position: relative;
+  left: -1px;
+}
+#course-category-listings.columns-3 > #course-listing > div {
+  height: 100%;
+}
+#course-category-listings > div > div {
+  min-height: 300px;
+}
+#course-category-listings > div > div > ul.ml > li:first-child > div {
+  border-top: 0;
+}
+#course-category-listings h3 {
+  margin: 0;
+  padding: 0.4rem 0.6rem 0.3rem;
+}
+#course-category-listings h4 {
+  margin: 1rem 0 0;
+  padding: 0.6rem 1rem 0.5rem;
+}
+#course-category-listings .moodle-actionmenu {
+  white-space: nowrap;
+}
+#course-category-listings .listing-actions {
+  text-align: center;
+}
+#course-category-listings .listing-actions > .moodle-actionmenu {
+  display: inline-block;
+}
+#course-category-listings ul.ml {
+  list-style: none;
+  margin: 1rem 0;
+}
+#course-category-listings ul.ml ul.ml {
+  margin: 0;
+}
+#course-category-listings .listitem[data-selected="1"] {
+  border-left: calc(1px + 5px) solid #0f6cbf;
+  padding-left: calc(1.25rem - 5px);
+}
+#course-category-listings .listitem:hover {
+  z-index: 2;
+}
+#course-category-listings .item-actions {
+  margin-right: 1em;
+  display: inline-block;
+}
+#course-category-listings .item-actions.show .menu img {
+  width: 12px;
+  max-width: none;
+}
+#course-category-listings .item-actions .menu-action-text {
+  vertical-align: inherit;
+}
+#course-category-listings .listitem > div > .float-start {
+  float: left;
+}
+#course-category-listings .listitem > div > .float-end {
+  float: right;
+  text-align: right;
+}
+#course-category-listings .listitem > div .item-actions .action-show {
+  display: none;
+}
+#course-category-listings .listitem > div .item-actions .action-hide {
+  display: inline;
+}
+#course-category-listings .listitem > div .without-actions {
+  color: #333;
+}
+#course-category-listings .listitem > div .idnumber {
+  margin-right: 2em;
+}
+#course-category-listings .listitem[data-visible="0"] {
+  color: #6a737b;
+}
+#course-category-listings .listitem[data-visible="0"] > div > a {
+  color: #6a737b;
+}
+#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
+  display: inline;
+}
+#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
+  display: none;
+}
+#course-category-listings .listitem.highlight {
+  background-color: #fff;
+}
+#course-category-listings .listitem.highlight > div,
+#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+#course-category-listings #course-listing .listitem .categoryname {
+  display: inline-block;
+  margin-left: 1em;
+  color: #a1a1a8;
+}
+#course-category-listings #course-listing .listitem .coursename {
+  display: inline-block;
+  flex-basis: 10rem;
+}
+#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
+#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
+  display: none;
+}
+#course-category-listings #course-listing .bulk-action-checkbox {
+  margin: -2px 6px 0 0;
+}
+#course-category-listings #category-listing .listitem.collapsed > ul.ml {
+  display: none;
+}
+#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
+  display: none;
+}
+#course-category-listings #category-listing .course-count {
+  color: #a1a1a8;
+  margin-right: 2rem;
+  min-width: 3.5em;
+  display: inline-block;
+}
+#course-category-listings #category-listing .bulk-action-checkbox {
+  margin-right: -3px;
+}
+#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
+  position: relative;
+}
+#course-category-listings #category-listing .category-bulk-actions {
+  margin: 0 0.5em 0.5em;
+  position: relative;
+}
+#course-category-listings .detail-pair > * {
+  display: inline-block;
+}
+#course-category-listings .detail-pair .pair-key {
+  font-weight: bold;
+  vertical-align: top;
+}
+#course-category-listings .detail-pair .pair-key span {
+  margin-right: 1rem;
+  display: block;
+}
+#course-category-listings .detail-pair .pair-value select {
+  max-width: 100%;
+}
+#course-category-listings .bulk-actions .detail-pair > * {
+  display: block;
+  width: 100%;
+}
+#course-category-listings .listing-pagination {
+  text-align: center;
+}
+#course-category-listings .listing-pagination .yui3-button {
+  color: #fff;
+  background-color: #008196;
+  border-color: #008196;
+  border: 0;
+  margin: 0.4rem 0.2rem 0.45rem;
+  font-size: 10.4px;
+}
+#course-category-listings .listing-pagination .yui3-button:hover {
+  color: #fff;
+  background-color: #006070;
+  border-color: #005563;
+}
+#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
+  color: #fff;
+  background-color: #006070;
+  border-color: #005563;
+  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
+  color: #fff;
+  background-color: #008196;
+  border-color: #008196;
+}
+#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
+  color: #fff;
+  background-color: #005563;
+  border-color: #004a56;
+}
+#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.active-page {
+  color: #fff;
+  background-color: #0f6cbf;
+  border-color: #0f6cbf;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:hover {
+  color: #fff;
+  background-color: #0c589c;
+  border-color: #0b5190;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
+  color: #fff;
+  background-color: #0c589c;
+  border-color: #0b5190;
+  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
+  color: #fff;
+  background-color: #0f6cbf;
+  border-color: #0f6cbf;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
+  color: #fff;
+  background-color: #0b5190;
+  border-color: #0a4b84;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
+}
+#course-category-listings .listing-pagination-totals {
+  text-align: center;
+}
+#course-category-listings .listing-pagination-totals.dimmed {
+  color: #6a737b;
+  margin: 0.4rem 1rem 0.45rem;
+}
+#course-category-listings .select-a-category .notifymessage,
+#course-category-listings .select-a-category .alert {
+  margin: 1em;
+}
+
+#course-category-listings #course-listing .listitem .drag-handle {
+  display: none;
+}
+
+.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
+  display: inline-block;
+  margin: 0 6px 0 0;
+  cursor: pointer;
+}
+
+/** Management header styling **/
+.course-being-dragged-proxy {
+  border: 0;
+  color: #0f6cbf;
+  vertical-align: middle;
+  padding: 0 0 0 4em;
+}
+
+.course-being-dragged {
+  opacity: 0.5;
+}
+
+/**
+ * Display sizes:
+ * Large displays                   1200        +
+ * Default displays                  980     1199
+ * Tablets                           768      979
+ * Small tablets and large phones    481      767
+ * Phones                              0      480
+ */
+@media (min-width: 1200px) and (max-width: 1600px) {
+  #course-category-listings.columns-3 {
+    background-color: #fff;
+    border: 0;
+  }
+  #course-category-listings.columns-3 #category-listing,
+  #course-category-listings.columns-3 #course-listing {
+    width: 50%;
+  }
+  #course-category-listings.columns-3 #category-listing > div,
+  #course-category-listings.columns-3 #course-listing > div,
+  #course-category-listings.columns-3 #course-detail > div {
+    background-color: #fff;
+  }
+  #course-category-listings.columns-3 #course-detail {
+    width: 100%;
+    margin-top: 1em;
+  }
+}
+@media (max-width: 1199px) {
+  #course-category-listings.columns-2,
+  #course-category-listings.columns-3 {
+    border: 0;
+  }
+  #course-category-listings.columns-2 #category-listing,
+  #course-category-listings.columns-2 #course-listing,
+  #course-category-listings.columns-2 #course-detail,
+  #course-category-listings.columns-3 #category-listing,
+  #course-category-listings.columns-3 #course-listing,
+  #course-category-listings.columns-3 #course-detail {
+    width: 100%;
+    margin: 0 0 1em;
+  }
+}
+/*
+ * Course listings and course summary styles.
+ */
+#page-course-pending .singlebutton,
+#page-course-index .singlebutton,
+#page-course-index-category .singlebutton,
+#page-course-editsection .singlebutton {
+  text-align: center;
+}
+
+#page-admin-course-manage #movecourses td img {
+  margin: 0 0.22em;
+  vertical-align: text-bottom;
+}
+
+#page-course-pending .pendingcourserequests {
+  margin-bottom: 1em;
+}
+
+#page-course-pending .pendingcourserequests .singlebutton {
+  display: inline;
+}
+
+#page-course-pending .pendingcourserequests .cell {
+  padding: 0 5px;
+}
+
+#page-course-pending .pendingcourserequests .cell.c6 {
+  white-space: nowrap;
+}
+
+.coursebox {
+  display: flex;
+  flex-direction: column;
+}
+.coursebox .info {
+  display: flex;
+  align-items: center;
+}
+
+#frontpage-available-course-list,
+#frontpage-course-list,
+.course-search-result {
+  margin-top: 0.5rem;
+}
+#frontpage-available-course-list .coursebox,
+#frontpage-course-list .coursebox,
+.course-search-result .coursebox {
+  padding: 0.5rem;
+  border: 1px solid #dee2e6;
+  margin-bottom: 0.5rem;
+  border-radius: 0.5rem;
+}
+
+.subcategories .coursebox > .info > .coursename a,
+#frontpage-category-names .coursebox > .info > .coursename a,
+#frontpage-category-combo .coursebox > .info > .coursename a {
+  display: block;
+  background-image: url([[pix:moodle|i/course]]);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  padding-left: 21px;
+}
+
+.coursebox > .info > .coursename {
+  font-size: 0.9375rem;
+  font-weight: normal;
+  margin: 5px;
+  padding: 0;
+}
+
+.coursebox .content .teachers li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.coursebox .customfieldname,
+.coursebox .customfieldseparator {
+  font-weight: 700;
+}
+
+.coursebox .content .coursefile {
+  max-width: 100px;
+}
+
+.coursebox .content .courseimage img {
+  max-width: 100px;
+  max-height: 100px;
+}
+
+.coursebox .content .coursecat,
+.coursebox .content .summary,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile,
+.coursebox .content .teachers,
+.coursebox.remotecoursebox .remotecourseinfo,
+.coursebox .content .customfields-container {
+  margin: 15px 5px 5px;
+  padding: 0;
+}
+
+.category-browse .coursebox .content .coursecat,
+.category-browse .coursebox .content .summary,
+.category-browse .coursebox .content .courseimage,
+.category-browse .coursebox .content .coursefile,
+.category-browse .coursebox .content .teachers,
+.category-browse .coursebox.remotecoursebox .remotecourseinfo,
+.category-browse .coursebox .content .customfields-container {
+  margin-top: 0;
+}
+
+.coursebox.collapsed > .content {
+  display: none;
+}
+
+.courses > .paging.paging-morelink {
+  text-align: center;
+  padding: 1rem;
+}
+
+.course_category_tree .category .numberofcourse {
+  font-size: 0.8203125rem;
+}
+
+.course_category_tree .category > .info > .categoryname {
+  margin: 5px;
+  font-size: 0.9375rem;
+  font-weight: normal;
+  padding: 2px 18px;
+}
+
+.course_category_tree .category.with_children > .info > .categoryname {
+  background-image: url([[pix:moodle|t/expanded]]);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center left;
+}
+
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+  background-image: url([[pix:moodle|t/collapsed]]);
+}
+
+/* rtl:raw:
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+    background-image:url([[pix:moodle|t/collapsed_rtl]]);
+}
+*/
+.course_category_tree .category.collapsed > .content {
+  display: none;
+}
+
+.course_category_tree .category > .content {
+  padding-left: 16px;
+}
+
+#page-course-index-category .categorypicker {
+  margin: 10px 0 20px;
+}
+
 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
 :target,
 :focus {
@@ -39298,6 +38913,25 @@ body.behat-site .path-course-view li.activity form.togglecompletion::before,
   max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
 }
 
+.course-content .stateready .section .spinner {
+  /* stylelint-disable declaration-no-important */
+  /* stylelint-enable */
+  display: none;
+}
+body.behat-site .course-content .stateready .section .spinner,
+.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner, body.themedesignermode .course-content .stateready .section .spinner,
+.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner {
+  outline: 3px dotted #ca3120 !important;
+  background-color: #fceeed !important;
+}
+body.behat-site .course-content .stateready .section .spinner::before,
+.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner::before, body.themedesignermode .course-content .stateready .section .spinner::before,
+.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner::before {
+  content: "Deprecated style in use" !important;
+  color: #ca3120 !important;
+  font-size: smaller !important;
+}
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
diff --git a/theme/classic/scss/classic/course.scss b/theme/classic/scss/classic/course.scss
new file mode 100644
index 00000000000..45d6f131eeb
--- /dev/null
+++ b/theme/classic/scss/classic/course.scss
@@ -0,0 +1,49 @@
+/*
+ * Course page styles (specific for Classic theme).
+ */
+
+// Single section navigation
+.course-content .single-section .section-navigation {
+    display: block;
+    padding: 0.5em;
+    margin-bottom: -0.5em;
+
+    .title {
+        font-weight: bold;
+        font-size: 108%;
+        clear: both;
+    }
+
+    .mdl-left {
+        font-weight: normal;
+        float: left;
+        margin-right: 1em;
+        .larrow {
+            margin-right: 0.1em;
+        }
+    }
+
+    .mdl-right {
+        font-weight: normal;
+        float: right;
+        margin-left: 1em;
+        .rarrow {
+            margin-left: 0.1em;
+        }
+    }
+
+    .mdl-bottom {
+        margin-top: 0;
+    }
+}
+
+// Activity navigation
+.activity-navigation {
+    .row {
+        align-items: center;
+    }
+    #prev-activity-link,
+    #next-activity-link {
+        white-space: pre-wrap;
+    }
+}
diff --git a/theme/classic/scss/moodle.scss b/theme/classic/scss/moodle.scss
index a8509493020..6dfe1eeccd1 100644
--- a/theme/classic/scss/moodle.scss
+++ b/theme/classic/scss/moodle.scss
@@ -1,6 +1,9 @@
 // Import Boost Core moodle CSS
 @import "../../boost/scss/moodle";
 
+// Import Specific Classic theme moodle CSS
+@import "classic/course.scss";
+
 img.userpicture {
     margin-right: 0.5rem;
 }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index f3b22ff6d5c..4da81842c86 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -23229,18 +23229,6 @@ button.btn-close:focus:hover,
   padding: 0;
 }
 
-.section li.movehere a {
-  display: block;
-  width: 100%;
-  height: 2rem;
-  border: 2px dashed #343a40;
-}
-
-.editing .course-content .hidden.sectionname {
-  visibility: hidden;
-  display: initial;
-}
-
 .inline,
 .inline-list li {
   display: inline;
@@ -24074,77 +24062,6 @@ tr.flagged-tag a {
   left: 50%;
 }
 
-.mod-indent-outer {
-  display: table;
-}
-
-.mod-indent {
-  display: table-cell;
-}
-
-.label .mod-indent {
-  float: left;
-  padding-top: 20px;
-}
-
-.activity.label.modtype_label .mod-indent {
-  float: none;
-}
-
-@media (min-width: 576px) {
-  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
-  .mod-indent-1 {
-    width: 30px;
-  }
-  .mod-indent-2 {
-    width: 60px;
-  }
-  .mod-indent-3 {
-    width: 90px;
-  }
-  .mod-indent-4 {
-    width: 120px;
-  }
-  .mod-indent-5 {
-    width: 150px;
-  }
-  .mod-indent-6 {
-    width: 180px;
-  }
-  .mod-indent-7 {
-    width: 210px;
-  }
-  .mod-indent-8 {
-    width: 240px;
-  }
-  .mod-indent-9 {
-    width: 270px;
-  }
-  .mod-indent-10 {
-    width: 300px;
-  }
-  .mod-indent-11 {
-    width: 330px;
-  }
-  .mod-indent-12 {
-    width: 360px;
-  }
-  .mod-indent-13 {
-    width: 390px;
-  }
-  .mod-indent-14 {
-    width: 420px;
-  }
-  .mod-indent-15 {
-    width: 450px;
-  }
-  .mod-indent-16 {
-    width: 480px;
-  }
-  .mod-indent-huge {
-    width: 480px;
-  }
-}
 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
 .resourcecontent .mediaplugin_mp3 object {
   height: 25px;
@@ -25083,6 +25000,23 @@ dd:after {
   left: 0;
   right: auto;
   white-space: nowrap;
+  position: absolute;
+  top: 0;
+  font-size: 0.8203125rem;
+  padding: 0.1em 0.4em;
+  text-decoration: none;
+  z-index: 9999;
+  border: 0 solid transparent;
+  width: fit-content;
+  color: #00414b;
+  background-color: #cce6ea;
+  border-color: #b3d9e0;
+}
+.inplaceeditable.inplaceeditingon .editinstructions hr {
+  border-top-color: #a1d0d9;
+}
+.inplaceeditable.inplaceeditingon .editinstructions .alert-link {
+  color: #001518;
 }
 @media (min-width: 576px) {
   .inplaceeditable.inplaceeditingon input {
@@ -25115,10 +25049,6 @@ dd:after {
   display: block;
 }
 
-h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
-  margin-top: -20px;
-}
-
 /** Chart area. */
 @media (min-width: 992px) {
   .chart-area .chart-image {
@@ -27353,6 +27283,10 @@ aside[id^=block-region-side-] .block_recentlyaccesseditems .card:nth-of-type(n+4
   color: #6a737b;
 }
 
+.block_tree .tree_item.branch {
+  margin-left: 8px;
+}
+
 .pagelayout-embedded .has-fake-blocks {
   padding: 1rem;
   display: flex;
@@ -28104,951 +28038,28 @@ table.calendartable caption {
   width: 100%;
 }
 
-/* course.less */
-/* COURSE CONTENT */
-.block_tree .tree_item.branch {
-  margin-left: 8px;
-}
-
-.section .side {
-  margin-top: 0.5rem;
-}
-.section .side.left {
-  float: left;
-}
-.section .side.right {
-  float: right;
-  clear: right;
-}
-.section .spinner {
-  height: 16px;
-  width: 16px;
-}
-.section .activity {
-  /* The command block for each activity */
-}
-.section .activity .spinner {
-  left: 100%;
-  position: absolute;
-}
-.section .activity .actions {
-  position: absolute;
-  right: 0;
-  top: 0;
-  display: flex;
-}
-.section .activity .contentwithoutlink,
-.section .activity .activityinstance {
-  min-width: 40%;
-}
-.section .activity .contentwithoutlink > a,
-.section .activity .activityinstance > a {
-  display: inline-flex;
-  align-items: center;
-}
-.section .activity .contentwithoutlink .dimmed .activityicon,
-.section .activity .activityinstance .dimmed .activityicon {
-  opacity: 0.5;
-}
-.section .activity .stealth {
-  color: #6a737b;
-}
-.section .activity a.stealth,
-.section .activity a.stealth:hover {
-  color: #5babf2 !important; /* stylelint-disable-line declaration-no-important */
-}
-.section .activity.indented .activity-item {
-  margin-left: 1rem;
-}
-.section .label .contentwithoutlink,
-.section .label .activityinstance {
-  padding-right: 32px;
-  display: block;
-  height: inherit;
-}
-@media (min-width: 576px) {
-  .section .label .mod-indent-outer {
-    padding-left: 24px;
-    display: block;
-  }
-}
-.section .filler {
-  width: 16px;
-  height: 16px;
-  padding: 0;
-  margin: 0 0.5rem;
-  display: inline-block;
-}
-.section .activity.editor_displayed a.editing_title,
-.section .activity.editor_displayed .moodle-actionmenu {
-  display: none;
-}
-.section .activity.editor_displayed div.activityinstance {
-  padding-right: initial;
-}
-.section .activity.editor_displayed div.activityinstance input {
-  margin-bottom: initial;
-  padding-top: initial;
-  padding-bottom: initial;
-  vertical-align: text-bottom;
-}
-
-.section .activity .activityinstance {
-  display: inline-flex;
-  align-items: center;
-  margin-bottom: 1rem;
-}
-
-.editing .section .activity .contentwithoutlink,
-.editing .section .activity .activityinstance {
-  padding-right: 200px;
-}
-.editing .section .activity .mod-indent-outer {
-  /**
-   * Add appropriate padding such that nothing overlaps the
-   * absolute positioned move icon.
-   */
-  padding-left: 2rem;
-}
-.editing .course-content .stateready .section .spinner {
-  display: none;
-}
-.editing .editinprogress {
-  position: relative;
-}
-.editing .editinprogress > * {
-  opacity: 0.4;
-}
-.editing .editinprogress .corelightbox,
-.editing .editinprogress .lightbox {
-  display: none;
-}
-.editing .editinprogress:after {
-  position: absolute;
-  font-size: 20px;
-  color: #6a737b;
-  content: "\f110";
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 30px;
-  height: 30px;
-  left: calc(50% - 15px);
-  top: calc(50% - 15px);
-  animation: editinprogress-rotation 2s infinite linear;
-}
-.editing .editinprogress .editinprogress:after {
-  display: none;
-}
-
-@keyframes editinprogress-rotation {
-  0% {
-    opacity: 0;
-    transform: rotate(0deg);
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-    transform: rotate(359deg);
-  }
-}
-.editing_show + .editing_assign,
-.editing_hide + .editing_assign {
-  margin-left: 20px;
-}
-
-.section .activity .commands {
-  white-space: nowrap;
-  display: inline-block;
-}
-
-.section .activity.modtype_label.label {
-  font-weight: normal;
-}
-.section .activity.modtype_label.label .contentwithoutlink {
-  min-height: 0;
-}
-.section .activity.modtype_label.label.hasinfo p:last-child,
-.section .activity.modtype_label.label.hasinfo i:last-child {
-  margin-bottom: 0;
-}
-
-.section li.activity:not(.activity-wrapper) {
-  padding: 0.2em;
-  clear: both;
-}
-.section li.activity:not(.activity-wrapper).hasinfo {
-  border-bottom: 1px solid #dee2e6;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
-.section li.activity:not(.activity-wrapper).hasinfo:last-child {
-  border-bottom: 0;
-  padding-bottom: 0;
-}
-
-.course-content .section.dropready.main.drop-down {
-  border-bottom: 1px solid #1d2125;
-}
-.course-content .section.dropready .course-section-header.dropready.drop-zone {
-  margin-top: -2px;
-}
-.course-content .section.dropready li.activity.dropready.drop-down {
-  border-bottom: 1px solid #1d2125;
-  margin-bottom: -1px;
-}
-.course-content .section.dropready li.activity.dropready.drop-up {
-  border-top: 1px solid #1d2125;
-  margin-top: -1px;
-}
-.course-content .section.dropready [data-for=sectioninfo] {
-  min-height: 1px;
-}
-.course-content .section.dropready [data-for=sectioninfo].drop-down {
-  margin-top: -1px;
-}
-
-.section .activity .activityinstance .groupinglabel {
-  padding-left: 30px;
-}
-
-.section.main:not(.course-section) .activity .availabilityinfo,
-.section.main:not(.course-section) .activity .contentafterlink {
-  margin-top: 0.5em;
-  margin-left: 30px;
-}
-
-.section .activity .contentafterlink p {
-  margin: 0.5em 0;
-}
-
-.editing .section.main:not(.course-section) .activity:hover,
-.editing .section.main:not(.course-section) .activity.action-menu-shown,
-.editing .section.main:not(.course-section) .sectionname:hover {
-  background-color: rgba(0, 0, 0, 0.03);
-}
-
-.course-content .current {
-  position: relative;
-}
-
-.course-content .current::before {
-  border-left: #0f6cbf 3px solid;
-  bottom: 0;
-  content: "";
-  left: -8px;
-  position: absolute;
-  top: 0;
-}
-
-.course-content .single-section .section-navigation {
-  display: block;
-  padding: 0.5em;
-  margin-bottom: -0.5em;
-}
-
-.course-content .single-section .section-navigation .title {
-  font-weight: bold;
-  font-size: 108%;
-  clear: both;
-}
-
-.course-content .single-section .section-navigation .mdl-left {
-  font-weight: normal;
-  float: left;
-  margin-right: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-left .larrow {
-  margin-right: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right {
-  font-weight: normal;
-  float: right;
-  margin-left: 1em;
-}
-
-.course-content .single-section .section-navigation .mdl-right .rarrow {
-  margin-left: 0.1em;
-}
-
-.course-content .single-section .section-navigation .mdl-bottom {
-  margin-top: 0;
-}
-
-.course-content ul li.section.main:not(.course-section) {
-  border-bottom: 1px solid #dee2e6;
-  margin-top: 0;
-}
-.course-content ul li.section.main:not(.course-section):last-child {
-  border-bottom: 0;
-}
-
-.course-content ul li.section.hidden:not(.course-section) .sectionname > span,
-.course-content ul li.section.hidden:not(.course-section) .content > div.summary,
-.course-content ul li.section.hidden:not(.course-section) .activity .activityinstance {
-  color: #6a737b;
-}
-
-.course-content ul.topics,
-.course-content ul.weeks {
+/*
+ * Course page styles.
+ */
+/* Course content */
+.course-content ul.section-list {
   padding: 0;
   margin: 0;
-  list-style: none;
-}
-.course-content ul.topics li.section .content,
-.course-content ul.weeks li.section .content {
-  margin: 0;
-  padding: 0;
-}
-@media (min-width: 576px) {
-  .course-content ul.topics li.section .summary,
-  .course-content ul.topics li.section .content > .availabilityinfo,
-  .course-content ul.weeks li.section .summary,
-  .course-content ul.weeks li.section .content > .availabilityinfo {
-    margin-left: 25px;
-  }
-}
-.course-content ul.topics li.section .left,
-.course-content ul.topics li.section .right,
-.course-content ul.weeks li.section .left,
-.course-content ul.weeks li.section .right {
-  padding: 0 6px 0;
-  text-align: right;
-  width: auto;
 }
 
-.course-content .single-section ul.topics li.section,
-.course-content .single-section ul.weeks li.section {
-  padding-top: 0;
-}
-
-@media (max-width: 767.98px) {
-  body:not(.editing) .course-content ul.topics li.section .left,
-  body:not(.editing) .course-content ul.topics li.section .right,
-  body:not(.editing) .course-content ul.weeks li.section .left,
-  body:not(.editing) .course-content ul.weeks li.section .right {
-    display: none;
-  }
-}
-.course-content {
-  margin-top: 0;
-}
-
-.course-content .hidden {
-  display: none;
-}
-
-@media (max-width: 767.98px) {
-  .course-content li.section:not(.course-section) ul {
-    padding-left: 0;
-  }
-}
-.course-content li.section:not(.course-section) ul {
+.course-content .section-item ul,
+.course-content .section-item .activity-item ul {
   list-style: disc;
 }
-.course-content li.section:not(.course-section) ul ul {
+.course-content .section-item ul ul,
+.course-content .section-item .activity-item ul ul {
   list-style: circle;
 }
-.course-content li.section:not(.course-section) ul ul ul {
+.course-content .section-item ul ul ul,
+.course-content .section-item .activity-item ul ul ul {
   list-style: square;
 }
-.course-content li.section:not(.course-section) li.activity ul {
-  list-style: disc;
-}
-.course-content li.section:not(.course-section) li.activity ul ul {
-  list-style: circle;
-}
-.course-content li.section:not(.course-section) li.activity ul ul ul {
-  list-style: square;
-}
-.course-content li.section:not(.course-section) .right > .icon:first-child {
-  /* Remove the spacer icon. */
-  display: none;
-}
 
-.path-course-view.editing #region-main > .card-block {
-  padding-bottom: 13rem;
-}
-
-.path-course-view .completionprogress {
-  margin-left: 25px;
-}
-
-.path-course-view .completionprogress {
-  display: block;
-  float: right;
-  height: 20px;
-  position: relative;
-}
-
-#page-site-index .subscribelink {
-  text-align: right;
-}
-
-#site-news-forum h2,
-#frontpage-course-list h2,
-#frontpage-category-names h2,
-#frontpage-category-combo h2 {
-  margin-bottom: 9px;
-}
-
-.path-course-view a.reduce-sections {
-  padding-left: 0.2em;
-}
-
-.path-course-view .subscribelink {
-  text-align: right;
-}
-
-.path-course-view .unread {
-  margin-left: 30px;
-}
-
-.path-course-view .block.drag .header {
-  cursor: move;
-}
-
-.path-course-view .completionprogress {
-  text-align: right;
-}
-
-.path-course-view .single-section .completionprogress {
-  margin-right: 5px;
-}
-
-.path-course-view li.activity span.autocompletion img {
-  vertical-align: text-bottom;
-  margin-left: 0;
-}
-
-.path-course-view.editing li.activity span.autocompletion img {
-  /* Use the same spacing as the filler. */
-  margin-right: 0.5rem;
-  margin-left: 0.5rem;
-}
-
-li.section.hidden span.commands a.editing_hide,
-li.section.hidden span.commands a.editing_show {
-  cursor: default;
-}
-
-.single-section-page .header-action {
-  display: inline-block;
-}
-
-input.titleeditor {
-  width: 330px;
-  vertical-align: text-bottom;
-}
-
-span.editinstructions {
-  position: absolute;
-  top: 0;
-  margin-top: -22px;
-  margin-left: 30px;
-  font-size: 0.8203125rem;
-  padding: 0.1em 0.4em;
-  text-decoration: none;
-  z-index: 9999;
-  border: 0 solid transparent;
-  width: fit-content;
-  color: #00414b;
-  background-color: #cce6ea;
-  border-color: #b3d9e0;
-}
-span.editinstructions hr {
-  border-top-color: #a1d0d9;
-}
-span.editinstructions .alert-link {
-  color: #001518;
-}
-
-/* COURSES LISTINGS AND COURSE SUMMARY */
-#page-course-pending .singlebutton,
-#page-course-index .singlebutton,
-#page-course-index-category .singlebutton,
-#page-course-editsection .singlebutton {
-  text-align: center;
-}
-
-#page-admin-course-manage #movecourses td img {
-  margin: 0 0.22em;
-  vertical-align: text-bottom;
-}
-
-#page-course-pending .pendingcourserequests {
-  margin-bottom: 1em;
-}
-
-#page-course-pending .pendingcourserequests .singlebutton {
-  display: inline;
-}
-
-#page-course-pending .pendingcourserequests .cell {
-  padding: 0 5px;
-}
-
-#page-course-pending .pendingcourserequests .cell.c6 {
-  white-space: nowrap;
-}
-
-.coursebox {
-  display: flex;
-  flex-direction: column;
-}
-.coursebox .info {
-  display: flex;
-  align-items: center;
-}
-
-#frontpage-available-course-list,
-#frontpage-course-list,
-.course-search-result {
-  margin-top: 0.5rem;
-}
-#frontpage-available-course-list .coursebox,
-#frontpage-course-list .coursebox,
-.course-search-result .coursebox {
-  padding: 0.5rem;
-  border: 1px solid #dee2e6;
-  margin-bottom: 0.5rem;
-  border-radius: 0.25rem;
-}
-
-.subcategories .coursebox > .info > .coursename a,
-#frontpage-category-names .coursebox > .info > .coursename a,
-#frontpage-category-combo .coursebox > .info > .coursename a {
-  display: block;
-  background-image: url([[pix:moodle|i/course]]);
-  background-size: 16px 16px;
-  background-repeat: no-repeat;
-  padding-left: 21px;
-}
-
-.coursebox > .info > .coursename {
-  font-size: 0.9375rem;
-  font-weight: normal;
-  margin: 5px;
-  padding: 0;
-}
-
-.coursebox .content .teachers li {
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-}
-
-.coursebox .customfieldname,
-.coursebox .customfieldseparator {
-  font-weight: 700;
-}
-
-.coursebox .content .coursefile {
-  max-width: 100px;
-}
-
-.coursebox .content .courseimage img {
-  max-width: 100px;
-  max-height: 100px;
-}
-
-.coursebox .content .coursecat,
-.coursebox .content .summary,
-.coursebox .content .courseimage,
-.coursebox .content .coursefile,
-.coursebox .content .teachers,
-.coursebox.remotecoursebox .remotecourseinfo,
-.coursebox .content .customfields-container {
-  margin: 15px 5px 5px;
-  padding: 0;
-}
-
-.category-browse .coursebox .content .coursecat,
-.category-browse .coursebox .content .summary,
-.category-browse .coursebox .content .courseimage,
-.category-browse .coursebox .content .coursefile,
-.category-browse .coursebox .content .teachers,
-.category-browse .coursebox.remotecoursebox .remotecourseinfo,
-.category-browse .coursebox .content .customfields-container {
-  margin-top: 0;
-}
-
-.coursebox.collapsed > .content {
-  display: none;
-}
-
-.courses > .paging.paging-morelink {
-  text-align: center;
-  padding: 1rem;
-}
-
-.course_category_tree .category .numberofcourse {
-  font-size: 0.8203125rem;
-}
-
-.course_category_tree .category > .info > .categoryname {
-  margin: 5px;
-  font-size: 0.9375rem;
-  font-weight: normal;
-  padding: 2px 18px;
-}
-
-.course_category_tree .category.with_children > .info > .categoryname {
-  background-image: url([[pix:moodle|t/expanded]]);
-  background-size: 16px 16px;
-  background-repeat: no-repeat;
-  background-position: center left;
-}
-
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-  background-image: url([[pix:moodle|t/collapsed]]);
-}
-
-/* rtl:raw:
-.course_category_tree .category.with_children.collapsed > .info > .categoryname {
-    background-image:url([[pix:moodle|t/collapsed_rtl]]);
-}
-*/
-.course_category_tree .category.collapsed > .content {
-  display: none;
-}
-
-.course_category_tree .category > .content {
-  padding-left: 16px;
-}
-
-#page-course-index-category .categorypicker {
-  margin: 10px 0 20px;
-}
-
-/**
- * Course management page
- * Palette
- *
- * Background (reg)         #F5F5F5
- * Background (light        #fafafa
- * Background (highlight)   #ddffaa
- * Borders                  #e1e1e8
- */
-#course-category-listings {
-  margin-bottom: 0;
-  /** Two column layout */
-  /** Three column layout */
-}
-#course-category-listings.columns-2 > #course-listing > div {
-  position: relative;
-  left: -1px;
-}
-#course-category-listings.columns-3 > #course-listing > div {
-  height: 100%;
-}
-#course-category-listings > div > div {
-  min-height: 300px;
-}
-#course-category-listings > div > div > ul.ml > li:first-child > div {
-  border-top: 0;
-}
-#course-category-listings h3 {
-  margin: 0;
-  padding: 0.4rem 0.6rem 0.3rem;
-}
-#course-category-listings h4 {
-  margin: 1rem 0 0;
-  padding: 0.6rem 1rem 0.5rem;
-}
-#course-category-listings .moodle-actionmenu {
-  white-space: nowrap;
-}
-#course-category-listings .listing-actions {
-  text-align: center;
-}
-#course-category-listings .listing-actions > .moodle-actionmenu {
-  display: inline-block;
-}
-#course-category-listings ul.ml {
-  list-style: none;
-  margin: 1rem 0;
-}
-#course-category-listings ul.ml ul.ml {
-  margin: 0;
-}
-#course-category-listings .listitem[data-selected="1"] {
-  border-left: calc(1px + 5px) solid #0f6cbf;
-  padding-left: calc(1.25rem - 5px);
-}
-#course-category-listings .listitem:hover {
-  z-index: 2;
-}
-#course-category-listings .item-actions {
-  margin-right: 1em;
-  display: inline-block;
-}
-#course-category-listings .item-actions.show .menu img {
-  width: 12px;
-  max-width: none;
-}
-#course-category-listings .item-actions .menu-action-text {
-  vertical-align: inherit;
-}
-#course-category-listings .listitem > div > .float-start {
-  float: left;
-}
-#course-category-listings .listitem > div > .float-end {
-  float: right;
-  text-align: right;
-}
-#course-category-listings .listitem > div .item-actions .action-show {
-  display: none;
-}
-#course-category-listings .listitem > div .item-actions .action-hide {
-  display: inline;
-}
-#course-category-listings .listitem > div .without-actions {
-  color: #333;
-}
-#course-category-listings .listitem > div .idnumber {
-  margin-right: 2em;
-}
-#course-category-listings .listitem[data-visible="0"] {
-  color: #6a737b;
-}
-#course-category-listings .listitem[data-visible="0"] > div > a {
-  color: #6a737b;
-}
-#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
-  display: inline;
-}
-#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
-  display: none;
-}
-#course-category-listings .listitem.highlight {
-  background-color: #fff;
-}
-#course-category-listings .listitem.highlight > div,
-#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
-  background-color: rgba(0, 0, 0, 0.075);
-}
-#course-category-listings #course-listing .listitem .categoryname {
-  display: inline-block;
-  margin-left: 1em;
-  color: #a1a1a8;
-}
-#course-category-listings #course-listing .listitem .coursename {
-  display: inline-block;
-  flex-basis: 10rem;
-}
-#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
-#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
-  display: none;
-}
-#course-category-listings #course-listing .bulk-action-checkbox {
-  margin: -2px 6px 0 0;
-}
-#course-category-listings #category-listing .listitem.collapsed > ul.ml {
-  display: none;
-}
-#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
-  display: none;
-}
-#course-category-listings #category-listing .course-count {
-  color: #a1a1a8;
-  margin-right: 2rem;
-  min-width: 3.5em;
-  display: inline-block;
-}
-#course-category-listings #category-listing .bulk-action-checkbox {
-  margin-right: -3px;
-}
-#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
-  position: relative;
-}
-#course-category-listings #category-listing .category-bulk-actions {
-  margin: 0 0.5em 0.5em;
-  position: relative;
-}
-#course-category-listings .detail-pair > * {
-  display: inline-block;
-}
-#course-category-listings .detail-pair .pair-key {
-  font-weight: bold;
-  vertical-align: top;
-}
-#course-category-listings .detail-pair .pair-key span {
-  margin-right: 1rem;
-  display: block;
-}
-#course-category-listings .detail-pair .pair-value select {
-  max-width: 100%;
-}
-#course-category-listings .bulk-actions .detail-pair > * {
-  display: block;
-  width: 100%;
-}
-#course-category-listings .listing-pagination {
-  text-align: center;
-}
-#course-category-listings .listing-pagination .yui3-button {
-  color: #fff;
-  background-color: #008196;
-  border-color: #008196;
-  border: 0;
-  margin: 0.4rem 0.2rem 0.45rem;
-  font-size: 10.4px;
-}
-#course-category-listings .listing-pagination .yui3-button:hover {
-  color: #fff;
-  background-color: #006070;
-  border-color: #005563;
-}
-#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
-  color: #fff;
-  background-color: #006070;
-  border-color: #005563;
-  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
-  color: #fff;
-  background-color: #008196;
-  border-color: #008196;
-}
-#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
-  color: #fff;
-  background-color: #005563;
-  border-color: #004a56;
-}
-#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.active-page {
-  color: #fff;
-  background-color: #0f6cbf;
-  border-color: #0f6cbf;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:hover {
-  color: #fff;
-  background-color: #0c589c;
-  border-color: #0b5190;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
-  color: #fff;
-  background-color: #0c589c;
-  border-color: #0b5190;
-  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
-}
-#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
-  color: #fff;
-  background-color: #0f6cbf;
-  border-color: #0f6cbf;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
-  color: #fff;
-  background-color: #0b5190;
-  border-color: #0a4b84;
-}
-#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
-}
-#course-category-listings .listing-pagination-totals {
-  text-align: center;
-}
-#course-category-listings .listing-pagination-totals.dimmed {
-  color: #6a737b;
-  margin: 0.4rem 1rem 0.45rem;
-}
-#course-category-listings .select-a-category .notifymessage,
-#course-category-listings .select-a-category .alert {
-  margin: 1em;
-}
-
-#course-category-listings #course-listing .listitem .drag-handle {
-  display: none;
-}
-
-.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
-  display: inline-block;
-  margin: 0 6px 0 0;
-  cursor: pointer;
-}
-
-/** Management header styling **/
-.course-being-dragged-proxy {
-  border: 0;
-  color: #0f6cbf;
-  vertical-align: middle;
-  padding: 0 0 0 4em;
-}
-
-.course-being-dragged {
-  opacity: 0.5;
-}
-
-/**
- * Display sizes:
- * Large displays                   1200        +
- * Default displays                  980     1199
- * Tablets                           768      979
- * Small tablets and large phones    481      767
- * Phones                              0      480
- */
-@media (min-width: 1200px) and (max-width: 1600px) {
-  #course-category-listings.columns-3 {
-    background-color: #fff;
-    border: 0;
-  }
-  #course-category-listings.columns-3 #category-listing,
-  #course-category-listings.columns-3 #course-listing {
-    width: 50%;
-  }
-  #course-category-listings.columns-3 #category-listing > div,
-  #course-category-listings.columns-3 #course-listing > div,
-  #course-category-listings.columns-3 #course-detail > div {
-    background-color: #fff;
-  }
-  #course-category-listings.columns-3 #course-detail {
-    width: 100%;
-    margin-top: 1em;
-  }
-}
-@media (max-width: 1199px) {
-  #course-category-listings.columns-2,
-  #course-category-listings.columns-3 {
-    border: 0;
-  }
-  #course-category-listings.columns-2 #category-listing,
-  #course-category-listings.columns-2 #course-listing,
-  #course-category-listings.columns-2 #course-detail,
-  #course-category-listings.columns-3 #category-listing,
-  #course-category-listings.columns-3 #course-listing,
-  #course-category-listings.columns-3 #course-detail {
-    width: 100%;
-    margin: 0 0 1em;
-  }
-}
-.page-settings-menu .menubar > a > .icon {
-  width: auto;
-  height: 32px;
-  font-size: 32px;
-}
-
-.activity-navigation .row {
-  align-items: center;
-}
-.activity-navigation #prev-activity-link,
-.activity-navigation #next-activity-link {
-  white-space: pre-wrap;
-}
-
-.automatic-completion-conditions .badge {
-  font-size: 100%;
-}
-
-/* Variables definition*/
-/* Functions/Mixins definition */
-/* Section Expand all/Collapse all */
 .section-collapsemenu .collapseall {
   display: block;
 }
@@ -29062,7 +28073,27 @@ span.editinstructions .alert-link {
   display: block;
 }
 
-/* Course section */
+.btn.add-section {
+  border-radius: 1rem;
+  border: 2px dashed #dee2e6;
+  color: #0f6cbf;
+  font-size: 0.8203125rem;
+  font-weight: bold;
+}
+.btn.add-section:hover, .btn.add-section:focus {
+  background-color: #e7f0f9;
+  border: 2px solid #0f6cbf;
+  color: #0f6cbf;
+}
+
+.max-section-alert {
+  border-top: 2px dashed #dee2e6;
+  font-size: 0.8203125rem;
+  font-weight: normal;
+  color: #6a737b;
+}
+
+/* Sections */
 .course-section {
   list-style: none;
   margin-top: 1rem;
@@ -29078,6 +28109,17 @@ span.editinstructions .alert-link {
 .course-section.hidden .section-item, .course-section.orphaned .section-item {
   background-color: #f8f9fa;
 }
+.course-section.current > .section-item {
+  position: relative;
+}
+.course-section.current > .section-item::before {
+  border-left: #0f6cbf 3px solid;
+  bottom: 0;
+  content: "";
+  left: -8px;
+  position: absolute;
+  top: 0;
+}
 .course-section .sectionname > a {
   color: #1d2125;
 }
@@ -29145,53 +28187,23 @@ span.editinstructions .alert-link {
   z-index: 5;
 }
 
-.btn.add-section {
-  border-radius: 1rem;
-  border: 2px dashed #dee2e6;
-  color: #0f6cbf;
-  font-size: 0.8203125rem;
-  font-weight: bold;
-}
-.btn.add-section:hover, .btn.add-section:focus {
-  background-color: #e7f0f9;
-  border: 2px solid #0f6cbf;
-  color: #0f6cbf;
+.section li.movehere a {
+  display: block;
+  width: 100%;
+  height: 2rem;
+  border: 2px dashed #343a40;
 }
 
-.max-section-alert {
-  border-top: 2px dashed #dee2e6;
-  font-size: 0.8203125rem;
-  font-weight: normal;
-  color: #6a737b;
-}
-
-/* Single section page specific styles */
-.single-section > ul > .course-section.hidden .section-item {
-  background-color: inherit;
-}
-.single-section > ul > .course-section .section-item {
-  padding: 0;
-  border: none;
-}
-
-/* Re-style ordered list in course content */
-.course-content .activity-altcontent ul {
-  list-style: disc;
-}
-.course-content .activity-altcontent ul ul {
-  list-style: circle;
-}
-.course-content .activity-altcontent ul ul ul {
-  list-style: square;
-}
-
-/* Activity cards */
+/* Activities */
 .activity {
   list-style: none;
   padding-top: 0.25rem;
   margin-top: 0.25rem;
   border-top: 1px solid #dee2e6;
 }
+.activity.indented .activity-item {
+  margin-left: 1rem;
+}
 .editing .activity, .section .activity:first-child {
   padding-top: 0;
   margin-top: 0;
@@ -29818,47 +28830,47 @@ span.editinstructions .alert-link {
 }
 
 /* Dividers */
-.divider {
+.course-content .divider {
   position: relative;
 }
-.divider hr {
+.course-content .divider hr {
   width: 100%;
   margin: 0.5rem 0.25rem;
   border-top: 2px dashed #dee2e6;
 }
-.changenumsections.disabled .divider hr {
+.changenumsections.disabled .course-content .divider hr {
   border-top: 2px dashed #dee2e6;
 }
-.divider .divider-content {
+.course-content .divider .divider-content {
   opacity: 0;
   visibility: hidden;
   transition: visibility 0.1s;
   position: absolute;
   background: linear-gradient(transparent 40%, #fff 40%, #fff 60%, transparent 60%);
 }
-.section.hidden .divider .divider-content {
+.section.hidden .course-content .divider .divider-content {
   background: linear-gradient(transparent 40%, #f8f9fa 40%, #f8f9fa 60%, transparent 60%);
 }
-.divider.always-visible .divider-content {
+.course-content .divider.always-visible .divider-content {
   opacity: 1;
   visibility: visible;
 }
-.divider.always-hidden hr {
+.course-content .divider.always-hidden hr {
   opacity: 0;
   visibility: hidden;
 }
-.divider:hover .divider-content, .divider:focus .divider-content, .divider:focus-within .divider-content {
+.course-content .divider:hover .divider-content, .course-content .divider:focus .divider-content, .course-content .divider:focus-within .divider-content {
   opacity: 1;
   visibility: visible;
 }
-.divider:hover hr, .divider:focus hr, .divider:focus-within hr {
+.course-content .divider:hover hr, .course-content .divider:focus hr, .course-content .divider:focus-within hr {
   opacity: 1;
   visibility: visible;
 }
-.divider:has(.btn.add-content:hover) hr {
+.course-content .divider:has(.btn.add-content:hover) hr {
   border-color: #0f6cbf;
 }
-.changenumsections.disabled .divider:has(.btn.add-content:hover) hr {
+.changenumsections.disabled .course-content .divider:has(.btn.add-content:hover) hr {
   border-color: #e9ecef;
 }
 
@@ -29873,7 +28885,7 @@ span.editinstructions .alert-link {
   display: none;
 }
 
-.btn.add-content {
+.course-content .divider .btn.add-content {
   position: relative;
   z-index: 1;
   border-radius: 0.25rem;
@@ -29882,23 +28894,23 @@ span.editinstructions .alert-link {
   color: #083660;
   background-color: #cfe2f2;
 }
-.btn.add-content:hover, .btn.add-content:focus {
+.course-content .divider .btn.add-content:hover, .course-content .divider .btn.add-content:focus {
   color: #fff;
   background-color: #0f6cbf;
 }
-.btn.add-content .icon {
+.course-content .divider .btn.add-content .icon {
   width: 14px;
   height: 14px;
   font-size: 14px;
 }
-.changenumsections.disabled .btn.add-content {
+.changenumsections.disabled .course-content .divider .btn.add-content {
   color: #8f959e;
   background-color: #e9ecef;
   outline: none;
   box-shadow: none;
   pointer-events: auto;
 }
-.changenumsections.disabled .btn.add-content:hover, .changenumsections.disabled .btn.add-content:focus {
+.changenumsections.disabled .course-content .divider .btn.add-content:hover, .changenumsections.disabled .course-content .divider .btn.add-content:focus {
   color: #8f959e;
   background-color: #e9ecef;
   outline: none;
@@ -29962,7 +28974,20 @@ span.editinstructions .alert-link {
   }
 }
 
-/* Activity completion */
+/* Single section page */
+.single-section > ul > .course-section.hidden .section-item {
+  background-color: inherit;
+}
+.single-section > ul > .course-section .section-item {
+  padding: 0;
+  border: none;
+}
+
+.single-section-page .header-action {
+  display: inline-block;
+}
+
+/* Default activity completion page */
 .defaultactivitycompletion-item a {
   color: #000;
   text-decoration: none;
@@ -29972,16 +28997,13 @@ span.editinstructions .alert-link {
   height: 32px;
 }
 
-/* Home page course specific styles */
-.sitetopic .activity:first-of-type hr {
-  display: none;
-}
+/* Home page course */
 .sitetopic .section-item {
   margin-bottom: 1.5rem;
   border-radius: 0.25rem;
 }
 
-/* Styles for the Move activity and Move section modals */
+/* Move activity and Move section modals */
 .move-activity-tree .collapse-list-item {
   border-radius: 0.25rem;
 }
@@ -30010,7 +29032,7 @@ span.editinstructions .alert-link {
   font-weight: bold;
 }
 
-/* Subsection specific styles */
+/* Subsections */
 .activity.subsection {
   border-top: none;
 }
@@ -30053,6 +29075,599 @@ span.editinstructions .alert-link {
   visibility: hidden;
 }
 
+/* Spinners */
+@keyframes editinprogress-rotation {
+  0% {
+    opacity: 0;
+    transform: rotate(0deg);
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    transform: rotate(359deg);
+  }
+}
+.editing .editinprogress {
+  position: relative;
+}
+.editing .editinprogress > * {
+  opacity: 0.4;
+}
+.editing .editinprogress .corelightbox,
+.editing .editinprogress .lightbox {
+  display: none;
+}
+.editing .editinprogress:after {
+  position: absolute;
+  font-size: 20px;
+  color: #6a737b;
+  content: "\f110";
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 30px;
+  height: 30px;
+  left: calc(50% - 15px);
+  top: calc(50% - 15px);
+  animation: editinprogress-rotation 2s infinite linear;
+}
+.editing .editinprogress .editinprogress:after {
+  display: none;
+}
+
+/* Drag and drop */
+.course-content .section.dropready.main.drop-down {
+  border-bottom: 1px solid #1d2125;
+}
+.course-content .section.dropready .course-section-header.dropready.drop-zone {
+  margin-top: -2px;
+}
+.course-content .section.dropready li.activity.dropready.drop-down {
+  border-bottom: 1px solid #1d2125;
+  margin-bottom: -1px;
+}
+.course-content .section.dropready li.activity.dropready.drop-up {
+  border-top: 1px solid #1d2125;
+  margin-top: -1px;
+}
+.course-content .section.dropready [data-for=sectioninfo] {
+  min-height: 1px;
+}
+.course-content .section.dropready [data-for=sectioninfo].drop-down {
+  margin-top: -1px;
+}
+
+/* Old indentation styles */
+.mod-indent-outer {
+  display: table;
+}
+
+.mod-indent {
+  display: table-cell;
+}
+
+.label .mod-indent {
+  float: left;
+  padding-top: 20px;
+}
+
+.activity.label.modtype_label .mod-indent {
+  float: none;
+}
+
+@media (min-width: 576px) {
+  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
+  .mod-indent-1 {
+    width: 30px;
+  }
+  .mod-indent-2 {
+    width: 60px;
+  }
+  .mod-indent-3 {
+    width: 90px;
+  }
+  .mod-indent-4 {
+    width: 120px;
+  }
+  .mod-indent-5 {
+    width: 150px;
+  }
+  .mod-indent-6 {
+    width: 180px;
+  }
+  .mod-indent-7 {
+    width: 210px;
+  }
+  .mod-indent-8 {
+    width: 240px;
+  }
+  .mod-indent-9 {
+    width: 270px;
+  }
+  .mod-indent-10 {
+    width: 300px;
+  }
+  .mod-indent-11 {
+    width: 330px;
+  }
+  .mod-indent-12 {
+    width: 360px;
+  }
+  .mod-indent-13 {
+    width: 390px;
+  }
+  .mod-indent-14 {
+    width: 420px;
+  }
+  .mod-indent-15 {
+    width: 450px;
+  }
+  .mod-indent-16 {
+    width: 480px;
+  }
+  .mod-indent-huge {
+    width: 480px;
+  }
+}
+/*
+ * Course management page styles.
+ */
+#course-category-listings {
+  margin-bottom: 0;
+  /** Two column layout */
+  /** Three column layout */
+}
+#course-category-listings.columns-2 > #course-listing > div {
+  position: relative;
+  left: -1px;
+}
+#course-category-listings.columns-3 > #course-listing > div {
+  height: 100%;
+}
+#course-category-listings > div > div {
+  min-height: 300px;
+}
+#course-category-listings > div > div > ul.ml > li:first-child > div {
+  border-top: 0;
+}
+#course-category-listings h3 {
+  margin: 0;
+  padding: 0.4rem 0.6rem 0.3rem;
+}
+#course-category-listings h4 {
+  margin: 1rem 0 0;
+  padding: 0.6rem 1rem 0.5rem;
+}
+#course-category-listings .moodle-actionmenu {
+  white-space: nowrap;
+}
+#course-category-listings .listing-actions {
+  text-align: center;
+}
+#course-category-listings .listing-actions > .moodle-actionmenu {
+  display: inline-block;
+}
+#course-category-listings ul.ml {
+  list-style: none;
+  margin: 1rem 0;
+}
+#course-category-listings ul.ml ul.ml {
+  margin: 0;
+}
+#course-category-listings .listitem[data-selected="1"] {
+  border-left: calc(1px + 5px) solid #0f6cbf;
+  padding-left: calc(1.25rem - 5px);
+}
+#course-category-listings .listitem:hover {
+  z-index: 2;
+}
+#course-category-listings .item-actions {
+  margin-right: 1em;
+  display: inline-block;
+}
+#course-category-listings .item-actions.show .menu img {
+  width: 12px;
+  max-width: none;
+}
+#course-category-listings .item-actions .menu-action-text {
+  vertical-align: inherit;
+}
+#course-category-listings .listitem > div > .float-start {
+  float: left;
+}
+#course-category-listings .listitem > div > .float-end {
+  float: right;
+  text-align: right;
+}
+#course-category-listings .listitem > div .item-actions .action-show {
+  display: none;
+}
+#course-category-listings .listitem > div .item-actions .action-hide {
+  display: inline;
+}
+#course-category-listings .listitem > div .without-actions {
+  color: #333;
+}
+#course-category-listings .listitem > div .idnumber {
+  margin-right: 2em;
+}
+#course-category-listings .listitem[data-visible="0"] {
+  color: #6a737b;
+}
+#course-category-listings .listitem[data-visible="0"] > div > a {
+  color: #6a737b;
+}
+#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
+  display: inline;
+}
+#course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
+  display: none;
+}
+#course-category-listings .listitem.highlight {
+  background-color: #fff;
+}
+#course-category-listings .listitem.highlight > div,
+#course-category-listings .listitem.highlight > div:hover, #course-category-listings .listitem.highlight[data-selected="1"] > div {
+  background-color: rgba(0, 0, 0, 0.075);
+}
+#course-category-listings #course-listing .listitem .categoryname {
+  display: inline-block;
+  margin-left: 1em;
+  color: #a1a1a8;
+}
+#course-category-listings #course-listing .listitem .coursename {
+  display: inline-block;
+  flex-basis: 10rem;
+}
+#course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
+#course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
+  display: none;
+}
+#course-category-listings #course-listing .bulk-action-checkbox {
+  margin: -2px 6px 0 0;
+}
+#course-category-listings #category-listing .listitem.collapsed > ul.ml {
+  display: none;
+}
+#course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup, #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
+  display: none;
+}
+#course-category-listings #category-listing .course-count {
+  color: #a1a1a8;
+  margin-right: 2rem;
+  min-width: 3.5em;
+  display: inline-block;
+}
+#course-category-listings #category-listing .bulk-action-checkbox {
+  margin-right: -3px;
+}
+#course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
+  position: relative;
+}
+#course-category-listings #category-listing .category-bulk-actions {
+  margin: 0 0.5em 0.5em;
+  position: relative;
+}
+#course-category-listings .detail-pair > * {
+  display: inline-block;
+}
+#course-category-listings .detail-pair .pair-key {
+  font-weight: bold;
+  vertical-align: top;
+}
+#course-category-listings .detail-pair .pair-key span {
+  margin-right: 1rem;
+  display: block;
+}
+#course-category-listings .detail-pair .pair-value select {
+  max-width: 100%;
+}
+#course-category-listings .bulk-actions .detail-pair > * {
+  display: block;
+  width: 100%;
+}
+#course-category-listings .listing-pagination {
+  text-align: center;
+}
+#course-category-listings .listing-pagination .yui3-button {
+  color: #fff;
+  background-color: #008196;
+  border-color: #008196;
+  border: 0;
+  margin: 0.4rem 0.2rem 0.45rem;
+  font-size: 10.4px;
+}
+#course-category-listings .listing-pagination .yui3-button:hover {
+  color: #fff;
+  background-color: #006070;
+  border-color: #005563;
+}
+#course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
+  color: #fff;
+  background-color: #006070;
+  border-color: #005563;
+  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
+  color: #fff;
+  background-color: #008196;
+  border-color: #008196;
+}
+#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
+  color: #fff;
+  background-color: #005563;
+  border-color: #004a56;
+}
+#course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(38, 148, 166, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.active-page {
+  color: #fff;
+  background-color: #0f6cbf;
+  border-color: #0f6cbf;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:hover {
+  color: #fff;
+  background-color: #0c589c;
+  border-color: #0b5190;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
+  color: #fff;
+  background-color: #0c589c;
+  border-color: #0b5190;
+  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
+}
+#course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
+  color: #fff;
+  background-color: #0f6cbf;
+  border-color: #0f6cbf;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
+  color: #fff;
+  background-color: #0b5190;
+  border-color: #0a4b84;
+}
+#course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus, .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(51, 130, 201, 0.5);
+}
+#course-category-listings .listing-pagination-totals {
+  text-align: center;
+}
+#course-category-listings .listing-pagination-totals.dimmed {
+  color: #6a737b;
+  margin: 0.4rem 1rem 0.45rem;
+}
+#course-category-listings .select-a-category .notifymessage,
+#course-category-listings .select-a-category .alert {
+  margin: 1em;
+}
+
+#course-category-listings #course-listing .listitem .drag-handle {
+  display: none;
+}
+
+.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
+  display: inline-block;
+  margin: 0 6px 0 0;
+  cursor: pointer;
+}
+
+/** Management header styling **/
+.course-being-dragged-proxy {
+  border: 0;
+  color: #0f6cbf;
+  vertical-align: middle;
+  padding: 0 0 0 4em;
+}
+
+.course-being-dragged {
+  opacity: 0.5;
+}
+
+/**
+ * Display sizes:
+ * Large displays                   1200        +
+ * Default displays                  980     1199
+ * Tablets                           768      979
+ * Small tablets and large phones    481      767
+ * Phones                              0      480
+ */
+@media (min-width: 1200px) and (max-width: 1600px) {
+  #course-category-listings.columns-3 {
+    background-color: #fff;
+    border: 0;
+  }
+  #course-category-listings.columns-3 #category-listing,
+  #course-category-listings.columns-3 #course-listing {
+    width: 50%;
+  }
+  #course-category-listings.columns-3 #category-listing > div,
+  #course-category-listings.columns-3 #course-listing > div,
+  #course-category-listings.columns-3 #course-detail > div {
+    background-color: #fff;
+  }
+  #course-category-listings.columns-3 #course-detail {
+    width: 100%;
+    margin-top: 1em;
+  }
+}
+@media (max-width: 1199px) {
+  #course-category-listings.columns-2,
+  #course-category-listings.columns-3 {
+    border: 0;
+  }
+  #course-category-listings.columns-2 #category-listing,
+  #course-category-listings.columns-2 #course-listing,
+  #course-category-listings.columns-2 #course-detail,
+  #course-category-listings.columns-3 #category-listing,
+  #course-category-listings.columns-3 #course-listing,
+  #course-category-listings.columns-3 #course-detail {
+    width: 100%;
+    margin: 0 0 1em;
+  }
+}
+/*
+ * Course listings and course summary styles.
+ */
+#page-course-pending .singlebutton,
+#page-course-index .singlebutton,
+#page-course-index-category .singlebutton,
+#page-course-editsection .singlebutton {
+  text-align: center;
+}
+
+#page-admin-course-manage #movecourses td img {
+  margin: 0 0.22em;
+  vertical-align: text-bottom;
+}
+
+#page-course-pending .pendingcourserequests {
+  margin-bottom: 1em;
+}
+
+#page-course-pending .pendingcourserequests .singlebutton {
+  display: inline;
+}
+
+#page-course-pending .pendingcourserequests .cell {
+  padding: 0 5px;
+}
+
+#page-course-pending .pendingcourserequests .cell.c6 {
+  white-space: nowrap;
+}
+
+.coursebox {
+  display: flex;
+  flex-direction: column;
+}
+.coursebox .info {
+  display: flex;
+  align-items: center;
+}
+
+#frontpage-available-course-list,
+#frontpage-course-list,
+.course-search-result {
+  margin-top: 0.5rem;
+}
+#frontpage-available-course-list .coursebox,
+#frontpage-course-list .coursebox,
+.course-search-result .coursebox {
+  padding: 0.5rem;
+  border: 1px solid #dee2e6;
+  margin-bottom: 0.5rem;
+  border-radius: 0.25rem;
+}
+
+.subcategories .coursebox > .info > .coursename a,
+#frontpage-category-names .coursebox > .info > .coursename a,
+#frontpage-category-combo .coursebox > .info > .coursename a {
+  display: block;
+  background-image: url([[pix:moodle|i/course]]);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  padding-left: 21px;
+}
+
+.coursebox > .info > .coursename {
+  font-size: 0.9375rem;
+  font-weight: normal;
+  margin: 5px;
+  padding: 0;
+}
+
+.coursebox .content .teachers li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+.coursebox .customfieldname,
+.coursebox .customfieldseparator {
+  font-weight: 700;
+}
+
+.coursebox .content .coursefile {
+  max-width: 100px;
+}
+
+.coursebox .content .courseimage img {
+  max-width: 100px;
+  max-height: 100px;
+}
+
+.coursebox .content .coursecat,
+.coursebox .content .summary,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile,
+.coursebox .content .teachers,
+.coursebox.remotecoursebox .remotecourseinfo,
+.coursebox .content .customfields-container {
+  margin: 15px 5px 5px;
+  padding: 0;
+}
+
+.category-browse .coursebox .content .coursecat,
+.category-browse .coursebox .content .summary,
+.category-browse .coursebox .content .courseimage,
+.category-browse .coursebox .content .coursefile,
+.category-browse .coursebox .content .teachers,
+.category-browse .coursebox.remotecoursebox .remotecourseinfo,
+.category-browse .coursebox .content .customfields-container {
+  margin-top: 0;
+}
+
+.coursebox.collapsed > .content {
+  display: none;
+}
+
+.courses > .paging.paging-morelink {
+  text-align: center;
+  padding: 1rem;
+}
+
+.course_category_tree .category .numberofcourse {
+  font-size: 0.8203125rem;
+}
+
+.course_category_tree .category > .info > .categoryname {
+  margin: 5px;
+  font-size: 0.9375rem;
+  font-weight: normal;
+  padding: 2px 18px;
+}
+
+.course_category_tree .category.with_children > .info > .categoryname {
+  background-image: url([[pix:moodle|t/expanded]]);
+  background-size: 16px 16px;
+  background-repeat: no-repeat;
+  background-position: center left;
+}
+
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+  background-image: url([[pix:moodle|t/collapsed]]);
+}
+
+/* rtl:raw:
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+    background-image:url([[pix:moodle|t/collapsed_rtl]]);
+}
+*/
+.course_category_tree .category.collapsed > .content {
+  display: none;
+}
+
+.course_category_tree .category > .content {
+  padding-left: 16px;
+}
+
+#page-course-index-category .categorypicker {
+  margin: 10px 0 20px;
+}
+
 /* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
 :target,
 :focus {
@@ -39232,6 +38847,25 @@ body.behat-site .path-course-view li.activity form.togglecompletion::before,
   max-width: none; /* The width is 0 so ensure we don't end up with a relative max-width */
 }
 
+.course-content .stateready .section .spinner {
+  /* stylelint-disable declaration-no-important */
+  /* stylelint-enable */
+  display: none;
+}
+body.behat-site .course-content .stateready .section .spinner,
+.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner, body.themedesignermode .course-content .stateready .section .spinner,
+.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner {
+  outline: 3px dotted #ca3120 !important;
+  background-color: #fceeed !important;
+}
+body.behat-site .course-content .stateready .section .spinner::before,
+.course-content .stateready .section .spinner body.behat-site.course-content .stateready .section .spinner::before, body.themedesignermode .course-content .stateready .section .spinner::before,
+.course-content .stateready .section .spinner body.themedesignermode.course-content .stateready .section .spinner::before {
+  content: "Deprecated style in use" !important;
+  color: #ca3120 !important;
+  font-size: smaller !important;
+}
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;