article > nav {
	float: left;
	position: sticky;
	top: 120px;
}

blockquote {
	margin: 0;
}

blockquote > p {
	background: #eee;
	border-radius: 5px;
	padding: 15px;
}

blockquote > p::before {
	content: "\201C";
}

blockquote > p::after {
	content: "\201D";
}

nav > ul,
nav > ul li > ul {
	list-style: none;
	padding-left: 16px;
	padding-right: 16px;
}

nav > ul > li,
nav > ul li > ul > li {
	margin-bottom: 16px;
	margin-top: 16px;
}

pre {
	background-color: #eee;
	counter-reset: line;
	padding: 16px;
}

pre span {
	counter-increment: line;
	font-family: "Courier New";
}

pre span::before {
	content: counter(line);
	display: inline-block;
	margin-right: 40px;
	width: 0;
}

section {
	margin: 0 auto;
	max-width: 960px;
}

section aside {
	float: right;
	background-color: #eee;
	max-width: 50%;
	padding-left: 16px;
	padding-right: 16px;
}

.code {
	font-family: "Courier New";
}

.code-list > li {
	font-family: "Courier New";
}

#overview > aside {
	float: right;
	margin-top: -40px;
	padding-bottom: 16px;
}

#overview > figcaption {
	float: right;
}