.lesson-list {
    margin-bottom: var(--margin-large);
}

.lesson-list.lesson-list--icons .lesson-list__title,
.lesson-list.lesson-list--icons .lesson-list__item {
    background: var(--color-primary-tint-50);
}

.lesson-list.lesson-list--icons .lesson-list__icon {
    background: var(--color-primary-tint-300);
    color: var(--color-body);
}

/*
.lesson-content h5:has(+ .wp-block-list) {
    margin-bottom: var(--gap-tiny);
    padding: var(--padding-small) var(--padding-large);
    border-radius: var(--border-radius-small);
    background: var(--color-warning-tint-50);
}
*/

.lesson-content .wp-block-list {
    counter-reset: counter;
}

ol .wp-block-list-item {
    --list-number-size: 1.75rem;
    display: block;
    width: 100%;
    margin: 0;
    margin-top: var(--margin-tiny);
    padding: var(--padding-small) var(--padding-large);
    /* Hanging indent: wrapped lines align with the first line of text, not the number */
    padding-left: calc(var(--padding-large) + var(--list-number-size) + var(--margin-extra-small));
    border-radius: var(--border-radius-small);
    background: var(--color-warning-tint-50);
    counter-increment: counter;
}

ol .wp-block-list-item>div {
    display: inline-block;
}

/* Numbered list inside another block (table, group, exercise, ...) gets a white background */
.lesson-content__block > :not(ol) ol .wp-block-list-item {
    background: var(--color-light-tint-10);
}

ol .wp-block-list-item::before {
    content: counter(counter);
    position: absolute;
    left: var(--padding-large);
    top: calc(var(--padding-small) + (1lh - var(--list-number-size)) / 2);
    display: inline-block;
    align-content: center;
    width: var(--list-number-size);
    height: var(--list-number-size);
    border-radius: 50%;
    color: var(--color-body);
    text-align: center;
    font-weight: bold;
    background: var(--color-warning-tint-500);
}

.lesson-block ol,
.lesson-block ul {
    margin: 0 0 var(--margin-extra-large) 0;
    padding-left: 0;
}

.lesson-instruction .lesson-content__block > ol {
    padding-left: var(--margin-medium);
}

ul.lesson-instruction__requirements {
    margin: 0 0 var(--margin-extra-large) 0rem;
}

ol.lesson-instruction__requirements {
    margin-left:0;
    padding-left:0;
}

body .edit-post-visual-editor ul.block-editor-block-list__block {
    padding-left: var(--padding-medium);
}

.lesson-exercise__description ul,
.lesson-content__block > ul.wp-block-list {
    padding-left: var(--padding-medium);
}