.blog-detail-compact{background:var(--brand-bg-alt)}.article-body{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--brand-border);padding:40px;box-shadow:var(--shadow-soft)}.article-body h1{font-size:2.4rem;line-height:1.15}.article-content{margin-top:28px}.article-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:20px 0;margin:30px 0}.comment-box h2{font-size:1.4rem}@media (max-width:768px){.article-body{padding:24px}.article-nav{grid-template-columns:1fr}}