.blog-detail-layout{padding-top:86px;background:var(--brand-bg)}.blog-article{min-width:0}.blog-article h1{margin-bottom:18px}.blog-meta{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--brand-border);color:var(--brand-text)}.blog-content{color:var(--brand-text);font-size:1rem}.blog-content img{height:auto;margin:24px 0}.blog-share{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0;padding-top:22px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:20px;background:var(--brand-bg-alt)}.author-box img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-box h2,.comment-box h2,.toc-sidebar h2{font-size:1.1rem}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:28px 0}.post-nav div{min-height:54px;padding:16px;border:1px solid var(--brand-border)}.comment-box{margin-top:30px;padding:24px;border:1px solid var(--brand-border)}.toc-sidebar{position:sticky;top:96px;border:1px solid var(--brand-border);padding:22px;background:var(--brand-bg)}.toc-sidebar ol,.toc-sidebar ul{display:grid;grid-gap:10px;gap:10px;padding-left:20px}@media (max-width:991px){.toc-sidebar{position:static}}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}}