.article-page header {
  p:not(.subtitle) {
    color: var(--theme-font-color-meta);
    font-style: italic;
  } 

  time {
    font-weight: 600;
  }

  svg {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
  }

  p.subtitle {
    font-size: var(--font-size-large);
    font-family: var(--font-family-headings);
    margin-bottom: var(--spacing-medium);
  }
}

.article-content {
  margin-top: var(--spacing-huge);
  margin-inline: auto;
  width: 80%;
  line-height: 1.75;

  @media screen and (width <= 600px) {
    width: 100%;
  }

  h2 {
    margin-top: var(--spacing-large);
  }

  p {
    margin-bottom: var(--spacing-base);

    &:first-of-type {
      font-weight: 600;
      font-size: var(--font-size-medium);
    }
  }

  ul li {
    margin-bottom: var(--spacing-small);

    &:last-child {
      margin-bottom: var(--spacing-base);
    }
  }
}