.blog-detail-page{background:var(--brand-bg)}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-detail-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px;color:var(--brand-text);font-weight:700}.blog-article .content{border-top:1px solid var(--brand-border);padding-top:28px}.blog-article .content h2,.blog-article .content h3{margin-top:28px}.blog-share{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.blog-share a,.post-nav a{display:inline-flex;border:1px solid var(--brand-border);padding:10px 12px;font-weight:800}.author-box{display:grid;grid-template-columns:80px minmax(0,1fr);grid-gap:18px;gap:18px;padding:22px;border:1px solid var(--brand-border);background:var(--brand-bg-alt)}.author-box img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-box h2{font-size:1.15rem}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin:28px 0}.post-nav div:last-child{text-align:right}.blog-reply{border-top:1px solid var(--brand-border);padding-top:28px}.blog-reply h2{font-size:1.35rem}.blog-toc{position:sticky;top:112px}.recent-card,.toc-card{border:1px solid var(--brand-border);background:var(--brand-bg);padding:20px;margin-bottom:18px}.recent-card h2,.toc-card h2{font-size:1rem;text-transform:uppercase}.recent-card ul,.toc-card ol{margin:0;padding-left:18px}.recent-card li{margin-bottom:12px}.recent-card span{display:block;color:var(--brand-text);font-size:.85rem}@media (max-width:991px){.blog-toc{position:static}}@media (max-width:575px){.author-box,.post-nav{grid-template-columns:1fr}.post-nav div:last-child{text-align:left}}