.blog-detail{background:var(--brand-bg)}.blog-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:42px;gap:42px}.blog-category a{color:var(--brand-primary-dark);font-weight:900;text-transform:uppercase}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-content{margin-top:28px;color:var(--brand-text)}.author-box,.blog-reply,.blog-share,.pre-next{margin-top:34px;padding-top:24px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.author-avatar{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--brand-neutral-light)}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.toc-sidebar{position:sticky;top:100px;align-self:start}.recent-box,.toc-box{padding:22px;border:1px solid var(--brand-border);background:var(--brand-bg-alt)}.recent-box{margin-top:18px}.recent-box h2,.toc-box h2{font-size:1.2rem}.recent-box ul,.toc-box ul{padding:0;margin:0;list-style:none}.recent-box li+li,.toc-box li+li{margin-top:12px}.recent-box time{display:block;color:var(--brand-text);font-size:.84rem;font-weight:760}@media (max-width:991px){.blog-detail__layout,.pre-next{grid-template-columns:1fr}.toc-sidebar{position:static}}