Add Zettelkstan number system for Numbered List in Roam Research, It is best to apply this CSS only on the target [[📝 Zettelkasten]] page, via [[roam/css]]

zettelkstan.css

.rm-level-0 {
  counter-reset: top-counter;
}

.rm-level-0 > .roam-block-container:before {
  counter-increment: top-counter;
  content: counter(top-counter);
  visibility: hidden;
  height: 0;
}

[data-page-title="📝 Zettelkasten"] .rm-block-children:not(.rm-level-0) {
  counter-reset: step-counter;
}

[data-page-title="📝 Zettelkasten"] .rm-block-children:not(.rm-level-0) span.rm-bullet__inner--numbered {
  visibility: hidden;
  display: flex;
}

[data-page-title="📝 Zettelkasten"] .rm-block-children:not(.rm-level-0) span.rm-bullet__inner--numbered:before {
  visibility: visible;
  counter-increment: step-counter;
  content: counter(top-counter) "." counters(step-counter, ".");
}

Good job!