:root {
  color-scheme: light;
  --text: #333;
  --muted: #666;
  --link: #1155cc;
  --page: #fff;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--page);
  color: var(--text);
}

.home {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  padding: 8px;
}

.home img {
  display: block;
  max-width: 100%;
  height: auto;
}

.home ul {
  margin-top: 1em;
}

.article {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 4rem;
}

.article h1 {
  color: var(--text);
  font-size: 50px;
  line-height: 1.15;
  margin: 2rem 0 1.25rem;
}

.article h2,
.article h3 {
  color: var(--text);
  font-size: 30px;
  line-height: 1.25;
  margin: 2rem 0 1.25rem;
}

.article h4 {
  color: var(--text);
  font-size: 24px;
  line-height: 1.35;
  margin: 1.75rem 0 1rem;
}

.article p,
.article li,
.article blockquote {
  font-size: 20px;
  line-height: 1.6;
}

.article p {
  margin: 0 0 27px;
}

.article ul,
.article ol {
  margin: 0 0 27px 1.6rem;
  padding: 0;
}

.article li {
  margin: 0 0 0.65rem;
}

.article blockquote {
  border-left: 3px solid #ddd;
  color: #444;
  margin: 1.75rem 0;
  padding-left: 1rem;
}

.article figure {
  margin: 1.75rem 0;
  text-align: center;
}

.article img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

.article figcaption {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.4;
  margin-top: 0.5rem;
  text-align: center;
}

.article a {
  color: var(--link);
}

.medium-export {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

.doc-export {
  font-family: Arial, sans-serif;
  max-width: 624px;
  padding: 72pt 72pt 4rem;
}

.doc-export.wide-media {
  max-width: 960px;
}

.doc-export.wide-media p > img:only-child {
  margin-left: -72pt;
  max-width: calc(100% + 144pt);
  width: calc(100% + 144pt);
}

.doc-export h1 {
  font-family: Arial, sans-serif;
  font-size: 20pt;
  line-height: 1.15;
  margin: 0 0 1rem;
}

.doc-export h2 {
  font-size: 16pt;
  line-height: 1.15;
  margin: 18pt 0 6pt;
}

.doc-export h3 {
  color: #434343;
  font-size: 14pt;
  line-height: 1.15;
  margin: 16pt 0 4pt;
}

.doc-export p,
.doc-export li {
  font-size: 11pt;
  line-height: 1.15;
}

.doc-export p {
  margin: 0 0 11pt;
}

.doc-export ul,
.doc-export ol {
  margin-top: 0;
}

@media (max-width: 760px) {
  .article {
    max-width: none;
    padding: 0 1.25rem 3rem;
  }

  .article h1 {
    font-size: 2.4rem;
  }

  .article p,
  .article li,
  .article blockquote {
    font-size: 18px;
  }

  .doc-export {
    padding: 2rem 1.25rem 3rem;
  }

  .doc-export.wide-media p > img:only-child {
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }
}