.blog-detail-page{background:var(--brand-bg)}.blog-detail-content h1{font-size:max(2rem, min(4vw, 3.4rem))}.blog-detail-content{min-width:0;word-wrap:anywhere}.blog-detail-content .content{color:var(--brand-text);font-size:1.05rem;max-width:100%;word-wrap:anywhere}.blog-detail-content .content img{max-width:100%;border-radius:var(--brand-radius)}.blog-detail-content .content pre,.blog-detail-content .content table{display:block;max-width:100%;overflow-x:auto}.blog-share{margin:34px 0;padding:18px;background:var(--brand-bg-alt);border-radius:var(--brand-radius)}.blog-share a{font-weight:900}.author-box{display:flex;gap:18px;align-items:center;border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;margin:34px 0}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--brand-neutral-light)}.author-box h2{font-size:1.2rem}.author-box p{color:var(--brand-text);margin-bottom:0}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:34px 0}.post-nav a{display:grid;grid-gap:6px;gap:6px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);min-height:100%;font-weight:800}.post-nav span{color:var(--brand-text);font-size:.82rem;text-transform:uppercase}.reply-box{background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:26px}.reply-box h2{font-size:1.35rem}.blog-toc-sidebar{align-self:start}.blog-toc-sidebar .sidebar-card,.toc-card{position:sticky;top:180px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;background:var(--brand-neutral-light)}.toc-card{display:grid;grid-gap:10px;gap:10px;margin-bottom:20px}.blog-toc-sidebar .sidebar-card h2,.toc-card h2{font-size:1.1rem}.blog-toc-sidebar .sidebar-card{top:430px}@media (max-width:991px){.blog-toc-sidebar .sidebar-card,.toc-card{position:static}}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}.author-box{display:grid}}