.blog-detail-page{padding:150px 0 96px;background:var(--brand-bg)}.blog-article{color:var(--brand-text)}.blog-article h1{margin:10px 0 14px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1;font-weight:900}.blog-article .content{margin-top:28px;color:var(--brand-text)}.blog-share{margin:34px 0;padding-top:22px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:74px minmax(0,1fr);grid-gap:18px;gap:18px;padding:24px;background:var(--brand-neutral-light);border:1px solid var(--brand-border)}.author-avatar{width:74px;height:74px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-box h2,.blog-reply h2,.blog-toc h2{color:var(--brand-text);font-size:1.2rem;font-weight:900}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:28px 0}.pre-next a{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--brand-border);padding:18px;color:var(--brand-text)}.blog-reply{padding:24px;border:1px solid var(--brand-border)}.blog-toc{position:relative}.recent-card,.toc-card{border:1px solid var(--brand-border);background:var(--brand-neutral-light);padding:22px;margin-bottom:20px}.toc-card{position:sticky;top:100px}.recent-card a,.toc-card a{display:block;color:var(--brand-text);margin:10px 0;font-weight:800}@media (max-width:991px){.toc-card{position:static}}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}}