body {
  max-width: 640px;
  margin: 0 auto;
  padding: 6em 1.5em 8em;
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 1.6;
  color: #292929;
  background: #f5f5f5;
}
h1, h2, h3 {
  font-family: Georgia, serif;
  font-weight: normal;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
.article-date { margin-top: -.6em; color: #767a82; font-size: .9em; }
strong { font-weight: normal; font-style: italic; }
a, a:visited {
  color: #1656cc;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: .12em;
}
a .link-icon { display: inline-block; width: 1em; height: 1em; max-width: none; margin-right: .28em; vertical-align: -.12em; object-fit: contain; }
figure { width: 100%; max-width: 100%; margin: 1.5em 0; }
img { display: block; max-width: 100%; height: auto; }
figure img { width: 100%; }
figcaption { margin-top: .4em; color: #767a82; font-size: .9em; font-style: italic; }
@media (max-width: 480px) {
  body { font-size: 17px; padding: 4em 1.25em 6em; }
}