p,
ul.bullet-list,
figure {
	margin-bottom: 1em;
}
figcaption {
	margin-bottom: .3em;
}

code, pre {
	font-family: "Andale Mono", "Consolas", monospace;
}

code {
	border-radius: 2px;
	padding: 0 2px;
	background-color: #fedeb1;
	color: #272517;
	white-space: nowrap;
}

pre {
	padding: 1em;
	overflow: auto;
}

.code-example {
	position: relative;
	padding-left: 40px;
	padding-left: 4rem;
}
.code-example:before {
	content: '\003c\002f\003e';
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	text-align: center;
	font-weight: bold;
	background-color: #fff7d9;
	color: #fcac60;
}

@media screen and (min-width: 669px) {
	body {
		background-color: #f2f5f7;
	}
	#page {
		margin: 0 auto;
		background-color: #fff;
	}
}