/* post-reading-ux-v1 */
.article-head,
.article-body,
.article-source{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.article-body{
  font-size:17px!important;
  line-height:1.85;
  color:#1f2d28;
  letter-spacing:-.01em;
}
.article-body p{margin:0 0 22px}
.article-body h2{
  margin:48px 0 18px;
  font-size:28px;
  line-height:1.35;
  letter-spacing:-.03em;
}
.article-body h3{
  margin:34px 0 14px;
  font-size:22px;
  line-height:1.4;
  letter-spacing:-.02em;
}
.article-body h4{
  margin:28px 0 12px;
  line-height:1.45;
}
.article-body img{
  max-width:100%;
  height:auto;
}
.article-body .editor-image-wrap{margin-top:32px;margin-bottom:32px}
.article-source{
  margin-top:36px;
  padding:16px 18px;
  border:1px solid #e0e9e5;
  border-radius:12px;
  background:#f7faf8;
  font-size:13px;
  line-height:1.65;
}
@media(max-width:768px){
  .article-head,
  .article-body,
  .article-source{max-width:none}
  .article-body{
    font-size:16px!important;
    line-height:1.8;
  }
  .article-body p{margin-bottom:18px}
  .article-body h2{
    margin:36px 0 14px;
    font-size:23px;
  }
  .article-body h3{
    margin:28px 0 12px;
    font-size:19px;
  }
  .article-body .editor-image-wrap{margin-top:24px;margin-bottom:24px}
  .article-source{
    margin-top:28px;
    padding:14px 15px;
  }
}

.article-prevnext{max-width:760px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-nav-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid #dfe8e4;border-radius:12px;background:#fff;color:#1f2d28;text-decoration:none}.article-nav-card:hover{border-color:#9fc5b5;background:#f8fbfa}.article-nav-card.next{text-align:right}.article-nav-card span{font-size:12px;color:#718078;font-weight:700}.article-nav-card strong{font-size:14px;line-height:1.5}.article-nav-card.disabled{opacity:.45;pointer-events:none}@media(max-width:768px){.article-prevnext{grid-template-columns:1fr;margin-top:28px}.article-nav-card.next{text-align:left}}