.blog-detail-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:42px;gap:42px;padding:150px var(--section-x) 88px;background:var(--brand-bg)}.blog-article{min-width:0}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-content{border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:28px 0;margin:24px 0}.article-share{margin-bottom:22px}.author-box{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;background:var(--brand-neutral-light);border:1px solid var(--brand-border);padding:20px}.author-box img{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.toc-sidebar h2{font-size:1.2rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:24px 0}.pre-next a{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--brand-border);padding:16px;color:var(--brand-text)}.pre-next span{color:var(--brand-primary-dark);font-weight:700}.blog-reply{border:1px solid var(--brand-border);padding:24px}.toc-sidebar{align-self:start;position:sticky;top:112px;display:grid;grid-gap:18px;gap:18px}.recent-box,.toc-box{border:1px solid var(--brand-border);background:var(--brand-neutral-light);padding:22px}.recent-box ul,.toc-box ol{margin:0;padding-left:20px}.recent-box li{margin-bottom:10px}@media (max-width:991px){.blog-detail-page{grid-template-columns:1fr}.toc-sidebar{position:static}}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}}