.detail-page--article-simple { padding:120px max(30px,calc((100vw - 1660px)/2)) 90px;background:#fff;min-height:70vh }
.article-simple-breadcrumb { padding:19px 24px;border:1px solid #edf0ed;background:#fafbfa;color:#263b36;font-size:15px }
.article-simple-breadcrumb a { color:#263b36 }
.article-simple-breadcrumb span { margin:0 8px;color:#b67c46 }
.article-simple-content { max-width:1520px;margin:26px auto 0 }
.article-simple-content header { text-align:center;border-bottom:1px solid #edf0ed;padding:0 0 26px;margin-bottom:30px }
.article-simple-content h1 { font-size:clamp(30px,3.2vw,44px);line-height:1.35;letter-spacing:-.03em;margin:0 0 15px }
.article-simple-meta { display:flex;justify-content:center;gap:16px;color:#819088;font-size:12px }
.article-simple-content .markdown { font-size:18px;line-height:2.15;color:#1f302c }
.article-simple-content .markdown p { margin:0 0 1.45em }
.article-simple-content .markdown h2 { font-size:25px;margin:2em 0 .85em;color:#1c302a }
.article-simple-content .markdown h3 { font-size:21px;margin:1.75em 0 .75em;color:#1c302a }
.article-simple-content .markdown img { margin:28px auto;max-width:100% }
@media(max-width:900px) {
  .detail-page--article-simple { padding:100px 24px 70px }
  .article-simple-content .markdown { font-size:17px }
}
@media(max-width:560px) {
  .detail-page--article-simple { padding:88px 16px 55px }
  .article-simple-breadcrumb { padding:14px }
  .article-simple-content { margin-top:20px }
  .article-simple-content h1 { font-size:28px }
  .article-simple-content .markdown { font-size:16px;line-height:2 }
  .article-simple-meta { justify-content:flex-start }
}
