.blog-detail-page{padding:86px 0 96px}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,0.32fr);grid-gap:36px;gap:36px;align-items:start}.blog-article{max-width:820px}.blog-article h1{margin-bottom:12px}.blog-meta{color:var(--brand-text);margin-bottom:30px}.blog-content{color:var(--brand-text)}.blog-content img{max-width:100%;height:auto}.author-box,.blog-reply,.blog-share,.post-nav{margin-top:34px;padding-top:28px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px}.author-box img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.toc-card h2{font-size:1.25rem}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.post-nav div:last-child{text-align:right}.toc-sidebar{position:sticky;top:88px;display:grid;grid-gap:18px;gap:18px}.toc-card{padding:22px;border:1px solid var(--brand-border)}.toc-card ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}@media (max-width:991px){.blog-detail-layout{grid-template-columns:1fr}.toc-sidebar{position:static}}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}.post-nav div:last-child{text-align:left}}