.blog-detail-page{padding:150px 0 88px;background:var(--brand-bg)}.blog-article h1{margin:12px 0 14px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-article .content{margin-top:28px;color:var(--brand-text)}.blog-article .content h2,.blog-article .content h3,.blog-article .content li,.blog-article .content p{color:var(--brand-text)}.blog-share{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0;padding-top:24px;border-top:1px solid var(--brand-border)}.blog-share a{display:inline-flex;min-height:42px;align-items:center;padding:8px 14px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);font-weight:800}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.author-box p{color:var(--brand-text)}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:28px 0}.pre-next a{display:block;min-height:64px;padding:16px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);font-weight:800}.blog-reply{padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.blog-reply h2,.blog-reply label{color:var(--brand-text)}.blog-toc{align-self:start}.toc-box{position:sticky;top:112px;display:grid;grid-gap:10px;gap:10px;margin-bottom:22px;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.toc-box h2{margin-bottom:8px;color:var(--brand-text);font-size:1.15rem}@media (max-width:767px){.pre-next{grid-template-columns:1fr}}