Ankhena, в той части где вы попробовали помочь (за что искреннее спасибо), "псевдо" пробовал. Очень не хотелось бы костылить. Не могли бы вы немного развернуть - в чем логичность такого поведения блоков? Пуленепробиваемого решения нет, и костылить всё же придётся?
О второй части комментария - я не очень понял как это относится к вопросу и как могло бы помочь его решить.
Очевидно же, это пример. Даже комментарий есть, о том, что это стили для визуализации и им отделены стили оформления от стилей относящихся к вопросу. За `counter-reset` (и похвалу? за усидчивость) конечно спасибо. Мне не сложно 4 раза нажать Ctrl+D, копировать строку, чтобы быстро накидать пример.