* { box-sizing: border-box; }
html, body { margin:0; padding:0; width:100%; max-width:100%; overflow-x:hidden; }
body {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.58;
  color:#111;
  background:#fff;
  padding: 18px 16px 48px;
}
main, header, footer, nav, article, section { width:100%; max-width:760px; margin-left:auto; margin-right:auto; }
header { border-bottom:3px solid #111; padding-bottom:14px; margin-bottom:22px; }
h1 { font-size: 36px; line-height:1.12; margin:8px 0 10px; }
h2 { font-size: 29px; line-height:1.18; margin:18px 0 12px; }
p { margin: 0 0 18px; }
small { font-family: Arial, sans-serif; font-size:14px; letter-spacing:.04em; }
a { color:#111; text-decoration:underline; overflow-wrap:anywhere; word-break:break-word; }
nav { margin: 20px auto; }
nav a, .button { display:block; width:100%; padding:13px 10px; margin:10px 0; border:1px solid #111; text-align:center; text-decoration:none; font-family:Arial,sans-serif; font-size:20px; }
ol { padding-left: 1.3em; }
li { margin-bottom: 18px; }
article { border-bottom:none; padding-bottom:10px; }
.article-nav { border-top:2px solid #111; margin-top:30px; padding-top:14px; }
.article-nav a { display:block; border:1px solid #111; padding:12px 8px; margin:10px 0; text-align:center; text-decoration:none; font-family:Arial,sans-serif; font-size:19px; }
.source-links a { display:block; margin:8px 0; }
img, iframe, table, pre { max-width:100%; }
pre { white-space:pre-wrap; }
footer { border-top:2px solid #111; padding-top:16px; margin-top:34px; }
@media (max-width:600px) {
 body { font-size:22px; padding:14px 12px 42px; }
 h1 { font-size:34px; }
 h2 { font-size:28px; }
 nav a, .button, .article-nav a { font-size:20px; padding:14px 8px; }
}