/* Lists
======================================== */
ol{
	counter-reset: item;
}
ol ol{
	counter-reset: item_sub;
}
ol > ol,
ol > ul,
ul > ul,
ul > ol{
	margin-left: var(--list-indent);
}
li{
	position: relative;
	padding-left: var(--list-indent);
	list-style: none;
}
li::before{
	position: absolute;
	left: 0;
}
ul > li:before{
	content: '·';
	width: 1ch;
	text-align: center;
}
ol > li::before{
	content: counter(item) '.';
	counter-increment: item;
	font-variant-numeric: tabular-nums;
}
ol ol li{
	padding-left: calc(var(--list-indent) + 2ch);
}
ol ol li::before{
	content: counter(item) '.' counter(item_sub) '.';
	counter-increment: item_sub;
}

/* VARS
================================================== */
:root{
	--list-indent: calc(1ch + var(--cols-items));
}