blockquote {
  border-left: 2px solid #bbbfc4;
  margin: 0;
  padding: 0px 20px;
  color: #bbbfc4;
  font-size: 14px;
  line-height: 30px;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: 500;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.3em;
}

.article {
  max-width: 1000px;
  padding: 0 20px;
  margin: 0 auto;
}


.catalogue {
  position: fixed;
  width: 300px;
  left: calc(50vw - 800px);
  top: 60px;
  height: calc(100vh - 120px);
  overflow-y: scroll;
  color: rgb(100, 106, 115);
  font-size: 14px;
  padding: 10px;
  box-sizing: border-box;
}

.catalogue a {
  display: block;
  color: rgb(100, 106, 115);
  text-decoration: none;
  /* padding: 5px 0; */
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.catalogue a:hover {
  color: rgb(0, 0, 0);
  /* background-color: rgb(100, 106, 115);
  color: rgb(255, 255, 255); */
}

.catalogue .title-h1 {
  font-size: 18px;
  font-weight: 500;
}
.catalogue .title-h2 {
  font-size: 18px;
  padding: 0px 0px;
  margin-top: 10px;
}
.catalogue .title-h3 {
  font-size: 16px;
  padding: 0px 10px;
}

.catalogue .title-h4 {
  font-size: 14px;
  padding: 0px 20px;
}

.catalogue .title-h5 {
  font-size: 14px;
  padding: 0px 30px;
}

.catalogue .title-h6 {
  font-size: 14px;
  padding: 0px 40px;
}


@media screen and (max-width: 1450px) {
  .article {
    margin-right: 50px;
  }
  .catalogue {
    left: 0;
  }
}

.column-box {
  display: flex;
}


del,
ins {
  display: block;
  text-decoration: none;
  position: relative;
  white-space: break-spaces;
}

del {
  background-color: #fbb;
}

ins {
  background-color: #d4fcbc;
}

del::before,
ins::before {
  position: absolute;
  left: 0.5rem;
  font-family: monospace;
}

del::before {
  content: '−';
}

ins::before {
  content: '+';
}