// ===
// Html
// ===
body {
  font-family: $system-default-font-family !important;
  background-color: #f3ece9;
  color: $color-text;
  line-height: 1.75;
  letter-spacing: 0.1em;
  font-weight: 300;
  font-size: 1rem;
}
table {
  border-collapse: collapse;
  &.style-1 {
    td {
      border: 1px solid $color-line;
      padding: 1rem;
    }
  }
}
hr {
  height: 1px;
  border: none;
  background-color: #c8c8c8;
}
p {
  margin: 0;
}
ul.no-style {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 0;
  li {
    margin-left: 0;
  }
}

ol, ul {
  &.style-1 {
    padding-left: 1.5em;
    li {
      &:not(:last-child) {
        margin-bottom: 0.5rem;
      }
    }
  }
}

ol, ul {
  &.style-2 {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
    li {
      margin-left: 0;
      &:not(:last-child) {
        margin-bottom: 0.5rem;
      }
    }
  }
}

ul li {
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
img {
  max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
  margin-top: 0;
}

span {
  font-size: 1rem;
}