.blog-detail-page{padding:160px 0 80px}.blog-detail-page .container{max-width:840px}.blog-detail-head{text-align:center;margin-bottom:30px}.blog-detail-head h1{font-size:max(2rem, min(4vw, 3.5rem));line-height:1.08;margin:16px 0;color:var(--brand-text)}.blog-detail-head p{color:var(--brand-text)}.blog-featured-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:24px;margin-bottom:36px}.blog-content{color:var(--brand-text);font-size:1.06rem}.blog-content img{border-radius:var(--brand-radius)}.blog-share{display:flex;justify-content:center;gap:18px;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:18px 0;margin:38px 0;color:var(--brand-text)}.author-box{display:grid;grid-template-columns:92px 1fr;grid-gap:20px;gap:20px;align-items:center;padding:24px;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.author-box img{width:92px;height:92px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.author-box p{color:var(--brand-text)}.post-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin:34px 0}.post-nav div{min-height:76px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.reply-box{padding:28px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.reply-box h2{color:var(--brand-text)}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.recent-grid article{padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.recent-grid h3,.recent-grid p,.recent-grid span{color:var(--brand-text)}@media (max-width:991px){.recent-grid{grid-template-columns:1fr}}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}}