.blog-detail-page{padding-top:150px;background:var(--brand-bg)}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:36px;gap:36px;align-items:start}.blog-article{max-width:860px}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-article__meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--brand-primary);font-weight:900;margin:12px 0 28px}.blog-content{color:var(--brand-text)}.blog-content h2,.blog-content h3{margin-top:32px}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:16px;gap:16px;padding:20px;border:1px solid var(--brand-border);background:var(--brand-neutral-light);margin-top:34px}.author-box img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:#fff}.author-box h2{font-size:1.2rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:26px}.pre-next a{display:grid;padding:18px;border:1px solid var(--brand-border);color:var(--brand-text)}.pre-next span{color:var(--brand-primary);font-weight:900;text-transform:uppercase;font-size:.78rem}.toc-sidebar{position:sticky;top:112px;display:grid;grid-gap:18px;gap:18px}.recent-card,.toc-card{border:1px solid var(--brand-border);background:var(--brand-neutral-light);padding:20px}.recent-card h2,.toc-card h2{font-size:1.15rem}.recent-card a,.toc-card a{display:block;margin-top:10px}.recent-card ul{list-style:none;padding:0;margin:0}@media (max-width:991px){.blog-detail-layout{grid-template-columns:1fr}.toc-sidebar{position:static}}@media (max-width:575px){.blog-detail-page{padding-top:135px}.pre-next{grid-template-columns:1fr}}