body {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
}

body, input, select, textarea {
  color: #4b4742;
}

p {
  line-height: 1.9;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Serif CJK SC", serif;
}

.site-note {
  color: #6f6a63;
  font-size: 0.9rem;
}

.article-body {
  max-width: 780px;
}

.article-body p {
  margin-bottom: 1.35rem;
}

#footer .copyright {
  line-height: 1.8;
}

.error-page {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.error-code {
  color: #f56a6a;
  font-family: "Roboto Slab", Georgia, serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1rem;
}

@media screen and (max-width: 736px) {
  #banner .content,
  #main .inner {
    min-width: 0;
  }

  h1,
  #banner h1 {
    font-size: 1.7rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .posts article {
    margin-bottom: 2rem;
  }
}