/* Comfortable long-form reading layout for article pages. */
.article-type-post {
  max-width: 860px;
  margin: 54px auto;
}

.article-type-post .article-inner {
  border-radius: 14px;
  box-shadow: 0 12px 36px rgba(38, 42, 48, 0.09);
}

.article-type-post .article-header {
  padding: 52px 72px 10px;
}

.article-type-post .article-title {
  color: #2e3138;
  font-size: 2.35em;
  line-height: 1.3;
  letter-spacing: 0.04em;
}

.article-type-post .article-entry {
  padding: 0 72px 58px;
  color: #34363b;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 0.025em;
}

.article-type-post .article-entry p {
  margin: 1.45em 0;
  line-height: 2;
  text-align: justify;
  text-indent: 2em;
  overflow-wrap: anywhere;
}

.article-type-post .article-entry p:first-child {
  margin-top: 1em;
}

.article-type-post .article-entry p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .article-type-post {
    margin: 18px 10px 30px;
  }

  .article-type-post .article-inner {
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(38, 42, 48, 0.07);
  }

  .article-type-post .article-header {
    padding: 32px 24px 6px;
  }

  .article-type-post .article-title {
    font-size: 2em;
  }

  .article-type-post .article-entry {
    padding: 0 24px 38px;
    font-size: 16.5px;
    line-height: 1.95;
    letter-spacing: 0.015em;
  }

  .article-type-post .article-entry p {
    margin: 1.25em 0;
    line-height: 1.95;
  }
}
