.article {
  line-height: 1.7;
  word-wrap: break-word;

  p {
    margin-bottom: 1.2rem;
  }

  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 2rem;
    margin-bottom: 1.2rem;

    &:first-child {
      margin-top: 0;
    }

    code {
      background: none;
      color: inherit;
      font-size: 80%;
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      padding: 0;
    }

    em code {
      background: $code-bg;
      color: $code-color;
    }
  }

  $fix-margin-collapse: (1px / 16px) * 1rem;

  blockquote {
    margin-bottom: 1.2rem;
    padding: (1.2rem + $fix-margin-collapse) 1.2rem $fix-margin-collapse;
    background: $gray-lightest;
    border-left: $border-radius solid $gray-light;

    p code {
      background-color: $gray-lighter;
    }
  }

  > table {
    @extend .table;
  }

  .list-group-item-text {
    margin-bottom: 0;
  }

  .list-group-item-heading {
    margin-top: 0;
  }

  .version {
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;

    &.added {
      background: $flow-green;
      color: white;
    }

    &.removed {
      background: $flow-red;
      color: white;
    }
  }
}
