.blog-detail-section{background:var(--brand-bg)}.blog-article{min-width:0}.blog-back{display:inline-flex;margin-bottom:18px;color:var(--brand-primary-dark);font-weight:700}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem));margin-bottom:18px}.blog-meta{color:var(--brand-text);padding-bottom:22px;border-bottom:1px solid var(--brand-border);margin-bottom:30px}.blog-content{color:var(--brand-text)}.blog-content img{border-radius:var(--brand-radius);margin:28px 0}.blog-content h2,.blog-content h3{margin-top:34px}.blog-share,.post-nav{display:flex;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:78px minmax(0,1fr);grid-gap:18px;gap:18px;padding:24px;border-radius:var(--brand-radius);background:var(--brand-bg-alt);margin:24px 0}.author-box img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.recent-box h2,.toc-box h2{font-size:1.2rem}.blog-reply{margin-top:30px;padding:26px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.reply-form .form-control{border-radius:var(--brand-radius);border:1px solid var(--brand-border)}.toc-sidebar{position:relative}.recent-box,.toc-box{padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.toc-box{position:sticky;top:130px}.recent-box ul,.toc-box ol{margin:0;padding-left:20px}.recent-box{margin-top:18px}.recent-box li{margin-bottom:12px}.recent-box span{display:block;color:var(--brand-text);font-size:.86rem}@media (max-width:991.98px){.toc-box{position:static}}@media (max-width:575.98px){.author-box,.blog-share,.post-nav{grid-template-columns:1fr;flex-direction:column}}