.article-image,
.article-content,
.article-share {
  margin-top: var(--page-padding);
  margin-bottom: var(--page-padding);
}

.article-header {
  margin-bottom: calc(2 * var(--page-padding));
}

.article-title {
  margin: 1rem 0 2rem;
}

.article-content {
  padding-top: var(--page-padding);
  padding-bottom: var(--page-padding);
}

@media screen and (min-width: 990px) {
  .article-content {
    padding-top: calc((var(--page-width-narrow) - 86rem) / 4);
    padding-bottom: calc((var(--page-width-narrow) - 86rem) / 4);
  }
}

.more-blog {
  margin: 8rem 0 10rem;
}