html { -webkit-text-size-adjust: 100%; }
body {
  font-family: Charter, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  max-width: 36rem;
  margin: 0 auto;
  padding: 4rem 1.25rem 5rem;
  color: #222;
  background: #fbfaf7;
  line-height: 1.7;
  font-size: 18px;
}
header { margin-bottom: 2rem; }
header h1 { font-size: 1.1rem; font-weight: 600; margin: 0 0 0.25rem; letter-spacing: 0.01em; }
header h1 a { color: #222; border: none; }
header p { margin: 0; color: #666; font-size: 0.95rem; font-style: italic; }
nav.site { margin: 1.25rem 0 2.5rem; font-size: 0.9rem; color: #999; }
nav.site a { color: #666; border-bottom: none; margin-right: 0.9rem; }
nav.site a:hover { color: #6a3b1f; }
article h2 { font-size: 1.45rem; font-weight: 600; margin: 0 0 0.4rem; line-height: 1.25; }
article .dateline { color: #888; font-size: 0.85rem; font-style: italic; margin-bottom: 2rem; letter-spacing: 0.02em; }
article p { margin: 0 0 1.25rem; }
article p.lede::first-letter { font-size: 1.4em; font-weight: 600; }
main h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 1rem; }
main p { margin: 0 0 1.25rem; }
main ul { padding-left: 1.25rem; }
main ul li { margin-bottom: 0.6rem; }
main ul li em { color: #888; font-size: 0.9rem; }
hr.sep { border: none; text-align: center; margin: 2.5rem 0; color: #aaa; }
hr.sep::before { content: "\2042"; font-size: 1.1rem; }
section.reading { margin-top: 3rem; }
section.reading h3 { font-size: 0.9rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #666; margin: 0 0 1rem; }
section.reading ul { list-style: none; padding: 0; margin: 0; }
section.reading li { margin-bottom: 1rem; font-size: 0.97rem; }
section.reading li .title { font-style: italic; }
section.reading li .byline { color: #666; }
section.reading li .note { display: block; color: #666; font-size: 0.88rem; margin-top: 0.1rem; }
a { color: #6a3b1f; text-decoration: none; border-bottom: 1px solid #d8c8b8; }
a:hover { color: #2b1a0a; border-bottom-color: #6a3b1f; }
footer { margin-top: 4rem; padding-top: 1.25rem; border-top: 1px solid #e5dfd3; color: #888; font-size: 0.82rem; text-align: center; }
footer a { color: #888; border: none; }
footer a:hover { color: #444; }