Как построить дерево-карту страницы?

Есть дерево сайта, как можно реализовать такие линии между блоками и расположить элементы в таком порядке?

Думал может сделать с помощью before-after элемента и display: grid, но не получилось Вдруг что-то будет меняться, и оно сломается, ибо нет оптимизации и сделано хардом, идей тоже не нашлось никаких