.blog-detail-page{padding:86px 0;background:var(--brand-bg)}.article-main h1{font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1;margin-bottom:12px}.article-kicker,.article-meta{color:var(--brand-primary);font-weight:800}.article-content{margin-top:32px;color:var(--brand-text)}.article-content img{height:auto}.article-nav,.article-share,.author-card,.blog-reply{margin-top:34px;border-top:1px solid var(--brand-border);padding-top:26px}.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%;background:var(--brand-bg-alt)}.author-card h2,.blog-reply h2,.recent-box h2,.toc-box h2{font-size:1.25rem}.article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.article-nav a{display:grid;border:1px solid var(--brand-border);padding:18px;color:var(--brand-text)}.article-nav span{color:var(--brand-primary);font-weight:800}.article-sidebar{position:relative}.recent-box,.toc-box{border:1px solid var(--brand-border);padding:22px;margin-bottom:22px;background:var(--brand-bg-alt)}.toc-box{position:sticky;top:100px}.recent-box a,.recent-box span,.toc-box a{display:block}.recent-box ul{list-style:none;padding:0;margin:0}.recent-box li{border-top:1px solid var(--brand-border);padding:12px 0}.recent-box span{color:var(--brand-text);font-size:.85rem}@media (max-width:991px){.toc-box{position:static}}@media (max-width:575px){.article-nav,.author-card{grid-template-columns:1fr}}