#main-content-body nav.leftnav {
	display:none;
	background-color:transparent;
	/*background-color:white;*/
	text-align:left;
	font-family: "Noto Sans Condensed Regular";
	font-size:1rem;
}

#main-content-body div.content {
	grid-column:span 2;
}

@media only screen and (min-width: 600px) {

	#main-content-body {
		display: grid;
		margin-left: calc(5vw - 10px);
		grid-template-columns: minmax(150px, calc(20% + 100px)) 1fr;
		column-gap:4ch;
	}

	#main-content-body nav.leftnav {
		display:block;
		grid-column:span 1;
	}

	#main-content-body div.content {
		grid-column:span 1;
	}
}

#main-content-body nav.leftnav ol {
	margin:0;
	padding:0;
}
#main-content-body nav.leftnav ol li {
	margin:0.4rem 0 0.4rem 2ch;
	line-height:1.2rem;
	padding:0 0 0 0.5ch;
	list-style-type:upper-roman;
	color: hsl(30, 20%, 50%);
}
#main-content-body nav.leftnav ol li a {
	color: hsl(30, 20%, 50%);
	text-decoration:none;
}
#main-content-body nav.leftnav ol li.published > a:hover {
	color:#000;
	border-bottom:2px solid #c00;
}
#main-content-body nav.leftnav ol li a.locked {
	padding-right:2.1ch;
	background-image:url(/img/lock.svg);
	background-size:0.6rem;
	background-position:top 0.17rem right;
	background-repeat:no-repeat;
}
#main-content-body nav.leftnav ol li.active {
	position:relative;
	color:#000;
}
#main-content-body nav.leftnav ol li.active span {
	position:absolute;
	top:0;
	left:-5ch;
	width:1ch;
}
#main-content-body nav.leftnav ol li.active > a {
	color:#000;
	border-bottom: 2px solid #c00;
}
#main-content-body nav.leftnav ol li.inactive,
#main-content-body nav.leftnav ol li.inactive > a {
	color: hsl(30, 20%, 50%);
}
#main-content-body nav.leftnav ol li li {
	list-style-type:decimal;
}
#main-content-body nav.leftnav ol li li li {
	list-style-type:lower-alpha;
}
#main-content-body nav.leftnav ol li li li li {
	list-style-type:lower-roman;
}
#main-content-body nav.leftnav ol li li li li li {
	list-style-type:square;
}

#main-content-body nav.leftnav ol li.draft {
	color: hsl(30, 15%, 80%);
}
#main-content-body nav.leftnav ol li.draft > a {
	padding-right:1.25rem;
	background-image:url(/img/incomplete.png);
	background-position:top 4px right;
	background-size:0.9rem;
	background-repeat:no-repeat;
	color:inherit;
}

h1.draft {
	text-indent:2.5rem;
	/* background-image:url(/img/draft-black-2.svg); */
	background-image:url(/img/incomplete.png);
	background-position:top 0.95rem left;
	background-size:1.8rem;
	background-repeat:no-repeat;
}