.html-content-data li {
    margin-bottom: 10px;
}

/* Unordered lists - Always show icons for ul > li (direct children) */
.html-content-data ul {
    list-style-type: disc;
    padding-left: 25px;
    margin: 0 0 10px 0;
}

/* Direct ul > li always gets disc icon */
.html-content-data ul > li {
    list-style-type: disc !important;
    margin-bottom: 8px;
    display: list-item;
}

/* Second level ul - different icon (circle) */
.html-content-data ul ul {
    list-style-type: circle;
    padding-left: 25px;
}

/* Direct ul ul > li always gets circle icon */
.html-content-data ul ul > li {
    list-style-type: circle !important;
    display: list-item;
}

/* Third level ul - square icon */
.html-content-data ul ul ul {
    list-style-type: square;
    padding-left: 25px;
}

/* Direct ul ul ul > li always gets square icon */
.html-content-data ul ul ul > li {
    list-style-type: square !important;
    display: list-item;
}

/* Fourth level ul - back to disc */
.html-content-data ul ul ul ul {
    list-style-type: disc;
    padding-left: 25px;
}

/* Direct ul ul ul ul > li always gets disc icon */
.html-content-data ul ul ul ul > li {
    list-style-type: disc !important;
    display: list-item;
}

/* Ordered lists - Always show numbers for ol > li (direct children) */
.html-content-data ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 30px;
    margin: 0 0 10px 0;
}

/* Direct ol > li always gets numbers */
.html-content-data ol > li {
    list-style-type: decimal !important;
    margin-bottom: 8px;
    display: list-item;
}

/* Second level ol - lowercase letters (a, b, c) */
.html-content-data ol ol {
    list-style-type: lower-alpha;
    list-style-position: outside;
    padding-left: 30px;
}

/* Direct ol ol > li always gets letters */
.html-content-data ol ol > li {
    list-style-type: lower-alpha !important;
    display: list-item;
}

/* Third level ol - lowercase roman (i, ii, iii) */
.html-content-data ol ol ol {
    list-style-type: lower-roman;
    list-style-position: outside;
    padding-left: 30px;
}

/* Direct ol ol ol > li always gets roman */
.html-content-data ol ol ol > li {
    list-style-type: lower-roman !important;
    display: list-item;
}

/* Fourth level ol - numbers again (1, 2, 3) */
.html-content-data ol ol ol ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 30px;
}

/* Direct ol ol ol ol > li always gets numbers */
.html-content-data ol ol ol ol > li {
    list-style-type: decimal !important;
    display: list-item;
}

/* Mixed nesting: UL inside OL */
.html-content-data ol ul {
    list-style-type: disc;
    padding-left: 25px;
}

.html-content-data ol ul li {
    list-style-type: disc;
    margin-bottom: 8px;
    display: list-item;
}

.html-content-data ol ul ul {
    list-style-type: circle;
    padding-left: 25px;
}

.html-content-data ol ul ul li {
    list-style-type: circle;
}

/* Mixed nesting: OL inside UL */
.html-content-data ul ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 30px;
}

.html-content-data ul ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    display: list-item;
}

.html-content-data ul ol ol {
    list-style-type: lower-alpha;
    list-style-position: outside;
    padding-left: 30px;
}

.html-content-data ul ol ol li {
    list-style-type: lower-alpha;
    display: list-item;
}

/* Alphabetical lists (a, b, c...) */
.html-content-data ol.alpha-lower {
    list-style-type: lower-alpha;
}

.html-content-data ol.alpha-lower li {
    list-style-type: lower-alpha;
}

/* Alphabetical lists (A, B, C...) */
.html-content-data ol.alpha-upper {
    list-style-type: upper-alpha;
}

.html-content-data ol.alpha-upper li {
    list-style-type: upper-alpha;
}

/* Roman numerals (i, ii, iii...) */
.html-content-data ol.roman-lower {
    list-style-type: lower-roman;
}

.html-content-data ol.roman-lower li {
    list-style-type: lower-roman;
}