/*---------------------------------------------*/
/*ASIDE LEFT*/
/* aside left is for page table of content */
body aside.aside_left {
	top: calc(var(--nav-height) + 1px);
	height: 100%;
	max-height: calc(100vh - var(--nav-height));
	padding: calc(var(--gap-unit) / 2);
}
/* asides elements only have width if they have a child*/
body aside.aside_left .table_box {
	min-width: var(--aside-left-width);
	max-width: calc(var(--aside-left-width) * 1.5);
	margin: calc(var(--aside-margin) / 2);
	margin-right: auto;
	padding: var(--gap-unit);
	/*for style*/
	border-left: 1px solid var(--color-lines-3);
}
/*to put space between elements*/
body aside.aside_left .table_box > * {
	margin-bottom: var(--gap-unit);
}
body aside.aside_left .table_box h2 {
	color: var(--color-text-1);
}