This solution is generated by ChatGPT, correctness is not guaranteed. You might also be able to find a solution fromcommunity posts.
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, ".") " "; }