This solution is generated by ChatGPT, correctness is not guaranteed.

AI solution for CSS coding question on BFE.dev
13. list numbering

ol { counter-reset: item; list-style: none; padding-left: 0; }

li:before { counter-increment: item; content: counter(item) " "; color: #f44336; }

li ol { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.5rem; }

li ol li:before { content: counters(item, ".") " "; }