$desktop: 1024px;
$wide: 1600px;
@media screen and (min-width: $wide) {
  .wiki {
    max-width: 1152px;
    width: 1152px;
  }
}

@media screen and (min-width: $desktop) and (max-width: $wide) {
  .wiki {
    max-width: 768px;
    width: 768px;
  }
}

.wiki {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14.5px;
  p,
  blockquote,
  pre,
  ol,
  ul {
    margin-top: 0;
    line-height: 1.7;
    letter-spacing: -.021em;
  }
  img {
    width: 100%;
    height: 100%;
  }
  blockquote {
    padding-left: 14.5px;
    border-left: 2px solid #000;
  }
  ul,
  ol {
    padding-left: 2em;
    li {
      margin: 8px;
      line-height: 1.65;
    }
    li+li {
      margin-top: 0.25em;
    }
  }
  hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 50px 0;
  }
  /* Titles */
  h1 {
    font-size: 45px;
    font-weight: 400;
    margin: 0.67em 0;
  }
  h2 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 55px;
    margin-bottom: 15px;
    position: relative;
    &:first-of-type {
      margin-top: 15px;
    }
  }
  h3 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 45px;
    margin-bottom: 10px;
  }
  h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 10px;
  }
  /* Code blocks */
  pre {
    margin: 10px 0 20px;
    overflow: auto;
    border-radius: 3px;
    padding: 10px 0;
    code {
      width: 100%;
    }
  }
  :not(pre)>code {
    padding: 1px 5px;
    border-radius: 3px;
    width: auto;
  }
  /* Tables */
  table {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 1px;
    width: 100%;
    padding: 17px;
    thead th {
      border-width: 0 0 2px;
      text-align: left;
    }
    td,
    th {
      border: 1px solid #dbdbdb;
      border-width: 0 0 1px;
      padding: .5em .75em;
      vertical-align: top;
    }
  }
}