.blog-detail-page{padding:150px 0 80px;background:#fff}.blog-detail-header{max-width:800px;margin:0 auto 28px;text-align:center}.blog-detail-header .category{display:inline-flex;padding:6px 12px;border-radius:var(--brand-radius);background:var(--brand-primary);color:#fff;font-weight:800}.blog-detail-header h1{margin:18px 0 12px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-feature{display:block;width:min(100%,980px);max-height:560px;margin:0 auto 36px;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);border:1px solid var(--brand-border)}.blog-content{max-width:780px;margin:0 auto;color:var(--brand-text);font-size:1.04rem}.blog-content img{border-radius:var(--brand-radius)}.author-box,.blog-reply,.blog-share,.pre-next{max-width:780px;margin:34px auto 0}.blog-share{text-align:center}.blog-share a{display:inline-flex;padding:10px 16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);font-weight:800}.author-box{display:grid;grid-template-columns:80px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.author-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2{font-size:1.2rem;color:var(--brand-text)}.author-box p{color:var(--brand-text)}.pre-next{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.pre-next a{display:block;min-height:96px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text);font-weight:800}.pre-next span{display:block;color:var(--brand-primary);font-size:.85rem}.blog-reply{padding:26px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.blog-reply h2{color:var(--brand-text)}.related-articles{padding:70px 0;background:var(--brand-bg-alt)}.related-articles h2{margin-bottom:24px;color:var(--brand-text)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.recent-grid article{padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:#fff}.recent-grid p,.recent-grid span{color:var(--brand-text)}.recent-grid h3{font-size:1.1rem}@media (max-width:991px){.pre-next,.recent-grid{grid-template-columns:1fr}}