.page-blog-detail .article-header { background: var(--ink); color: #fff; padding: 95px 0; }
.page-blog-detail .article-header .container { max-width: 970px; }
.page-blog-detail .article-header h1 { font-size: clamp(2.8rem,5.8vw,5.2rem); }
.page-blog-detail .article-header p { color: rgba(255,255,255,.65); font-size: 1.2rem; }
.page-blog-detail .article-body { max-width: 850px; padding-top: 80px; padding-bottom: 110px; }
.page-blog-detail .article-image { width: 100%; max-height: 560px; object-fit: cover; border-radius: 28px; margin-bottom: 50px; }
.page-blog-detail .article-body .rich-copy { font-size: 1.13rem; }
.page-blog-detail .article-body aside { margin-top: 55px; background: var(--paper-2); padding: 25px; border-radius: 18px; }
.page-blog-detail .article-body aside p { margin: 5px 0 0; color: var(--muted); }

@media (max-width: 760px) {
  .page-blog-detail .article-header { padding: 74px 0; }
  .page-blog-detail .article-header h1 { font-size: clamp(2.45rem, 11.5vw, 4rem); }
  .page-blog-detail .article-header p { font-size: 1.08rem; }
  .page-blog-detail .article-body { padding-top: 62px; padding-bottom: 82px; }
  .page-blog-detail .article-image { border-radius: 22px; margin-bottom: 34px; }
}
