/* Summernote editor fixes for the user panel (design_1).
   The global reset (_reset.scss) strips list markers + indentation, and nothing
   constrains inserted media width, so bullets/numbers appear to do nothing and
   large images/videos overflow the editor.
   Mirrors the admin-side fix in assets/admin/css/custom.css. */

/* Render lists exactly like the public course page (outside markers +
   padding-left), so the editor is true WYSIWYG. */
.note-editable ul {
    list-style: disc !important;
    list-style-position: outside !important;
    padding-left: 1.25rem !important;
}

.note-editable ol {
    list-style: decimal !important;
    list-style-position: outside !important;
    padding-left: 1.25rem !important;
}

.note-editable ul li,
.note-editable ol li {
    list-style: inherit !important;
}

.note-editable img,
.note-editable video,
.note-editable iframe {
    max-width: 100% !important;
}

.note-editable img {
    height: auto !important;
}