*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
	font-family: Georgia, 'Times New Roman', serif;
	max-width: 640px;
	margin: 4rem auto;
	padding: 0 1.5rem;
	line-height: 1.75;
	color: #111;
	background: #fff;
}

header { margin-bottom: 2rem; }
h1 { font-size: 1.5rem; font-weight: normal; letter-spacing: -0.01em; }
.tagline { color: #444; margin-top: 0.25rem; }
.type { font-size: 0.85rem; color: #888; text-transform: uppercase; letter-spacing: 0.08em; margin-top: 0.25rem; }

h2 {
	font-size: 0.78rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #888;
	margin: 2.5rem 0 0.75rem;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
	font-weight: 500;
}

section { margin-bottom: 0.5rem; }
p { color: #222; }

dl dt { font-weight: bold; font-size: 0.9rem; margin-top: 0.5rem; }
dl dd { color: #333; margin-left: 0; }

ul { list-style: none; padding: 0; }
ul li { padding: 0.2rem 0; border-bottom: 1px solid #f0f0f0; color: #222; }
ul li:last-child { border-bottom: none; }

table { width: 100%; border-collapse: collapse; }
td { padding: 0.4rem 1rem 0.4rem 0; vertical-align: top; color: #222; font-size: 0.95rem; border-bottom: 1px solid #f0f0f0; }
tr:last-child td { border-bottom: none; }

a { color: #111; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #555; }

@media (max-width: 600px) {
	body { margin: 2rem auto; }
}