.article {
  > .title {
    font-size: 18px;
    margin: 1.4rem auto;
  }

  > .meta {
    @extend .menu-list;
  }

  .excerpt,
  .body {
    font-size: 16px;
    margin: 1rem auto;
  }
}

.article > .body {
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 2rem auto;
    margin-bottom: 0;
  }

  p,
  ul,
  ol,
  pre,
  blockquote,
  .gist {
    margin: 2rem auto;
    line-height: 1.75;
  }

  ul,
  ol {
    ul,
    ol {
      margin-top: 0;
    }
  }

  img {
    max-width: 100%;
    height: auto;
  }

  pre > code {
    font-size: 14px;
  }

  blockquote {
    background: rgba(black, 0.05);
    padding: 1rem 1.5rem 0.5rem;
  }

  .twitter-tweet {
    margin-right: auto;
    margin-left: auto;
  }

  .footnotes {
    border-top: 1px solid rgba(black, 0.3);
    padding-top: 20px;
    margin-top: 40px;
    margin-bottom: 40px;

    p {
      margin: 0;
    }
  }

  table {
    width: 100%;
    border-collapse: collapse;
  }

  th,
  td {
    padding: 0.5em;
  }

  th {
    border-bottom: 2px solid black;
  }

  td {
    border-bottom: 1px solid black;
  }

  .videoplayer,
  .steam-widget {
    position: relative;
    margin-bottom: 1.5rem;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;

    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  }

  .steam-widget {
    padding-bottom: 28.25%;
  }
}