.wiki {
  --link-color: var(--link-web);
  --link-hover-color: var(--link-web-hover);
  --link-visited-color: var(--link-web-visited);
  --link-text-decoration: none;
  --link-hover-text-decoration: underline;

  .contents {
    ul {
      padding: 0;

      li {
        font-size: var(--font-size-02);
        list-style: none;
        margin-bottom: var(--spacing-03);
      }
    }

    h2 {
      font-size: 18px;
    }
  }

  .page-header {
    a {
      @include body-xs;
    }
  }

  .editsection {
    display: none;
  }

  .toctogglespan {
    display: none;
  }

  .toc {
    ul {
      list-style: none;

      .tocnumber::after {
        content: '.';
      }
    }
  }

  table {
    th,
    td {
      padding: var(--spacing-03) var(--spacing-05);
      border-bottom: 1px solid var(--neutral-30);
    }

    th {
      font-weight: 700;
      text-align: left;
      font-family: $font-family-serif;
    }

    margin-bottom: var(--spacing-03);
  }

  .table-no-borders {
    th,
    td {
      border: 0;
    }
  }

  .example {
    max-width: 100%;

    .code {
      pre {
        background-color: var(--neutral-10);
        border-radius: var(--border-radius-base);
        padding: var(--spacing-03);
        white-space: pre-wrap;
        margin: 0;
      }
    }

    .output {
      text-align: center;
      padding-top: var(--spacing-05);

      img {
        width: auto;
        height: auto;
        max-width: 100%;
        box-shadow: 0 1px 3px var(--neutral-30);
        border-radius: var(--border-radius-base);
      }
    }
  }

  @include media-breakpoint-up(xxl) {
    .example {
      margin-right: -200px;
    }
  }

  @include media-breakpoint-down(md) {
    .contents {
      margin-top: var(--spacing-09);
    }
  }

  /* stylelint-disable */

  /*<![CDATA[*/
  .source-latex {
    line-height: normal;
  }
  .source-latex li,
  .source-latex pre {
    line-height: normal;
    border: 0px none white;
  }
  /**
	 * GeSHi Dynamically Generated Stylesheet
	 * --------------------------------------
	 * Dynamically generated stylesheet for latex
	 * CSS class: source-latex, CSS id:
	 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
	 * (http://qbnz.com/highlighter/ and http://geshi.org/)
	 * --------------------------------------
	 */
  .latex.source-latex .imp {
    font-weight: bold;
    color: red;
  }
  .latex.source-latex li,
  .latex.source-latex .li1 {
    font-weight: normal;
    vertical-align: top;
  }
  .latex.source-latex .ln {
    width: 1px;
    text-align: right;
    margin: 0;
    padding: 0 2px;
    vertical-align: top;
  }
  .latex.source-latex .li2 {
    font-weight: bold;
    vertical-align: top;
  }
  .latex.source-latex .kw1 {
    color: #800000;
  }
  .latex.source-latex .co1 {
    color: #2c922c;
    font-style: italic;
  }
  .latex.source-latex .es0 {
    color: #000000;
    font-weight: bold;
  }
  .latex.source-latex .sy0 {
    color: #e02020;
  }
  .latex.source-latex .st0 {
    color: #000000;
  }
  .latex.source-latex .re1 {
    color: #8020e0;
    font-weight: normal;
  }
  .latex.source-latex .re2 {
    color: #c08020;
    font-weight: normal;
  }
  .latex.source-latex .re3 {
    color: #8020e0;
    font-weight: normal;
  }
  .latex.source-latex .re4 {
    color: #800000;
    font-weight: normal;
  }
  .latex.source-latex .re5 {
    color: #00008b;
    font-weight: bold;
  }
  .latex.source-latex .re6 {
    color: #800000;
    font-weight: normal;
  }
  .latex.source-latex .re7 {
    color: #0000d0;
    font-weight: normal;
  }
  .latex.source-latex .re8 {
    color: #c00000;
    font-weight: normal;
  }
  .latex.source-latex .re9 {
    color: #2020c0;
    font-weight: normal;
  }
  .latex.source-latex .re10 {
    color: #800000;
    font-weight: normal;
  }
  .latex.source-latex .re11 {
    color: #e00000;
    font-weight: normal;
  }
  .latex.source-latex .re12 {
    color: #800000;
    font-weight: normal;
  }
  .latex.source-latex .ln-xtra,
  .latex.source-latex li.ln-xtra,
  .latex.source-latex div.ln-xtra {
    background-color: #ffc;
  }
  .latex.source-latex span.xtra {
    display: block;
  }

  /*]]>*/
  /* stylelint-enable */

  a.search-result {
    display: block;
    margin-top: var(--spacing-05);
    text-decoration: none;

    .search-result-header {
      color: var(--link-color);
    }

    .search-result-content {
      margin-top: var(--spacing-05);
      white-space: pre-wrap;
      font-size: 0.8em;
      color: var(--neutral-70);

      em {
        font-weight: bold;
      }
    }

    &:hover,
    &:active,
    &:focus {
      text-decoration: none;

      .search-result-content {
        color: var(--neutral-90);
      }

      box-shadow: 0 2px 4px rgb(0 0 0 / 35%);
    }
  }

  /* Keep the below rules in sync with the wiki pages */
  img {
    height: auto;
    max-width: 100%;
  }

  img.add-vertical-space {
    padding-bottom: 20px;
    padding-top: 20px;
  }

  th.no-wrap {
    white-space: nowrap;
    text-align: left;
  }

  /* stylelint-disable selector-class-pattern */

  /* LATEX and TEX artwork */
  span.TEX {
    letter-spacing: -0.125em;
    padding-right: 0.5ex;
  }

  span.TEX span.E {
    position: relative;
    top: 0.5ex;
    padding-right: 0.1ex;
  }

  a span.TEX span.E {
    text-decoration: none;
  }

  span.LATEX span.A {
    position: relative;
    top: -0.5ex;
    left: -0.4em;
    font-size: 75%;
  }

  span.LATEX span.TEX {
    position: relative;
    left: -0.4em;
    margin-right: -0.5ex;
  }
  /* stylelint-enable selector-class-pattern */
}
