.blog-detail-page{padding:160px 0 88px;background:var(--brand-bg)}.blog-detail-layout{row-gap:34px}.blog-article{color:var(--brand-text)}.blog-article h1{margin:8px 0 12px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1}.blog-article h2{color:var(--brand-text);font-size:1.35rem}.blog-content{padding-top:26px;color:var(--brand-text)}.blog-content img{border-radius:var(--brand-radius)}.blog-share{display:flex;flex-wrap:wrap;gap:12px;padding:28px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin-top:28px}.blog-share a{font-weight:900}.author-box{display:grid;grid-template-columns:76px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;margin:28px 0;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.author-box img{width:76px;height:76px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-box h2,.author-box p{margin:0;color:var(--brand-text)}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:28px 0}.post-nav div{min-height:64px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.blog-reply{padding:24px;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.blog-toc-sidebar__inner{position:sticky;top:110px;display:grid;grid-gap:12px;gap:12px;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.blog-toc-sidebar h2{color:var(--brand-text);font-size:1rem;margin:8px 0}.blog-toc-sidebar ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:10px;gap:10px}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}}