.blog-detail-compact{max-width:680px;margin:0 auto;padding:96px 24px}.blog-detail-compact h1{font-size:max(2rem, min(4vw, 3.5rem))}.article-meta{padding-bottom:24px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.article-content{padding:32px 0}.article-content img{max-width:100%;height:auto}.article-content h2{margin-top:40px}.article-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;padding:24px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}.article-nav div:last-child{text-align:right}.article-reply{padding-top:48px}