@font-face {
	font-family: 'Share Tech Mono';
	font-style: normal;
	font-weight: 400;
	src: local('ShareTechMono'), local('ShareTechMono-Regular'),
	url(/shared/fonts/ShareTechMono-Regular.ttf) format('truetype'); }


h3 {
	font-size: 1.1rem;
	font-variant: normal;
	text-align: left; }

h4,
h5 {
	text-indent: 1.5rem;
	margin: 1rem 0 1rem 0; }

:is(h3, h4, h5) a { color: var(--text-color); }

:is(h3, h4, h5) a:hover { color: var(--primary-color); }

code,
pre {
	font-family: 'Share Tech Mono';
	font-size: 1.1rem;
	letter-spacing: -1px; }

pre {
	border-left: 1px solid var(--primary-color);
	padding-left: .25rem;
	margin: .5rem 0;
	overflow: scroll;
	white-space: pre-wrap;
	word-break: break-all; }

figure { margin: 1rem 0; }

figure.center { text-align: center; }

article {
	margin-top: 1rem;
	max-width: 100%; }

article:last-child { margin-bottom: 1rem; }

article header {
	display: flex;
	flex-direction: column; }

article header .menu {
	display: flex;
	font-size: .8rem;
	justify-content: space-between; }

article header nav a { font-variant: normal; }

article header nav ol {
	counter-reset: item;
	list-style-type: none; }

article header nav ol > li { counter-increment: item; }

article header nav ol > li:before { content: counters(item, '.') '. '; }