Многоуровневое меню в один столбик

Дали задание — изобразить многоуровневое вертикальное меню, ограниченное по ширине. Уровней вложенности — неограничено. Необходимо четко разделить, что к чему относится. Классический отступ подразделов слева (как в проводнике) недопустим, т.к. меню расползется в длину.

Разделы, находящиеся на одином уровне, решил ассоциировать либо цветом, либо рамочкой.
И на текущий момент я пришел к таким двум вариантам:


Несомненно, исходные условия сильно калечат юзабилити такого меню, но задание есть задание :/

Какой вариант меню (из представленных) на ваш взгляд наиболее удобен? Как бы вы решили эту задачу?
Ссылки на рабочие варианты приветствуются :)