Многоуровневый цифровой список

Как сделать список многоуровневым:

1. Пункт
2. Пункт
2.1 Пункт
2.2. Пункт
2.2.1 Пункт

Стандартный блок списка это не предусматривает.
Я добился этого при помощи css, однако теперь я не могу управлять начальным номером. Как можно решить эту проблему?
Код прилагаю.

/* ДЕЛАЕМ ВЛОЖЕННЫЙ СПИСОК */
	ol {
	  counter-reset: item;
	  list-style-type: none; /* Убираем стандартные маркеры для упорядоченного списка */
	}

	ol li {
	  display: block;
	}

	 ol li .block-editor-rich-text__editable.rich-text:before {
	  content: counters(item, ".") "."; /* Добавляем пробел после номера */
	  counter-increment: item;
	  font-weight: bold;
	  padding-right: 5px;
	}

	ol ul li .block-editor-rich-text__editable.rich-text:before {
	  content: ""; /* Используем маркер для элементов вложенного списка */
	  display:: none;
    padding-right: 0px;
	}