.container {
  width: 100%;
  padding: 20px 20px 40px 20px;
}

.document {
  h1, h2, h3, h4, h5, h6 {
    :global {
      .anchor {
        visibility: hidden;
        color: #ccc;
      }
    }

    &:hover {
      :global {
        .anchor {
          visibility: visible;
        }
      }
    }
  }

  ul {
    padding-left: 1.5em;

    ul {
      margin: 0;
    }
  }

  // pre {
  //   box-shadow: 1px 1px 1px #f5f5f5;
  // }

  table {
    width: 100%;
    overflow: auto;
    display: block;
    border-spacing: 0;
    border-collapse: collapse;

    thead, tbody {
      width: 100%;
    }

    thead {
      tr {
        border-bottom: 2px solid #eee;
      }
    }

    tbody {
      tr {
        border-bottom: 1px solid #eee;
      }
    }

    tr {
      background-color: #fff;

      // &:nth-child(2n) {
      //   background-color: #f8f8f8;
      // }
    }

    th, td {
      text-align: left;
      border: 1px 0 solid #eee;
      padding: 5px 20px 5px 0;

      &:last-child {
        padding-right: 0;
        width: 100%;
      }
    }

    th {
      font-weight: bold;
    }
  }
}