/* Course page - phones and tablets (below 992px), where the chapter list is hidden and this page
   has the whole width.

   Kept in its own file, loaded after co-course-view.css, so it can't be lost to an editor saving
   an older copy of that file. The page sits in several nested Bootstrap rows and columns, each
   adding or cancelling a gutter; they are flattened here so the dark band and the media run edge
   to edge and the reading keeps its own 20px margins (.cvx-main). */
@media (max-width: 991.98px) {
    #co-course-preview-chapter,
    #co-course-view-details { padding-left: 0 !important; padding-right: 0 !important; }
    #co-course-view-details .co-course-header { padding-left: 0 !important; padding-right: 0 !important; }
    #co-course-view-details .co-course-header > #co-course-view-details-row,
    #co-course-view-details-row > .col-12 > .row { margin-left: 0 !important; margin-right: 0 !important; }
    #co-course-view-details-row > .col-12 { padding-left: 0 !important; padding-right: 0 !important; }
}