.blog-detail{padding:150px 0 96px;background:var(--brand-bg)}.blog-article{max-width:920px}.blog-article h1{margin:16px 0 18px}.blog-description{padding:20px 0;color:var(--brand-text);font-size:1.15rem;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}.content{margin-top:30px}.content img{border-radius:var(--radius)}.author-card,.blog-reply,.blog-share,.pre-next,.toc-card{margin-top:32px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--radius);background:var(--brand-bg-alt)}.author-card{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;align-items:center}.author-card img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-card h2,.blog-reply h2,.toc-card h2{font-size:1.2rem}.pre-next{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.pre-next div:last-child{text-align:right}.toc-panel{position:relative}.toc-card{position:sticky;top:110px}.recent-card{position:static}.toc-card ol,.toc-card ul{display:grid;grid-gap:10px;gap:10px;margin-bottom:0}@media (max-width:991px){.toc-card{position:static}}@media (max-width:575px){.author-card,.pre-next{grid-template-columns:1fr}.pre-next div:last-child{text-align:left}}