.blog-detail-section{padding:140px 0 var(--spacing-xxl) 0}.blog-detail-content{max-width:720px}.blog-detail-content .blog-category{font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;color:var(--brand-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.blog-detail-content h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.blog-detail-content .blog-meta{font-size:.875rem;color:#888;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--brand-border);margin-bottom:var(--spacing-lg)}.blog-detail-content .blog-body{font-size:1.0625rem;line-height:1.75}.blog-detail-content .blog-body h2{font-size:1.5rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.blog-detail-content .blog-body h3{font-size:1.25rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.blog-detail-content .blog-body p{margin-bottom:var(--spacing-sm)}.blog-toc{position:sticky;top:100px}.blog-toc .toc-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:var(--spacing-sm)}.blog-toc .toc-list{list-style:none;padding:0;margin:0}.blog-toc .toc-list li{padding:6px 0;border-left:2px solid var(--brand-border);padding-left:var(--spacing-sm);font-size:.875rem}.blog-toc .toc-list li a{color:#666;transition:color .2s}.blog-toc .toc-list li a:hover{color:var(--brand-primary)}.blog-author{border-top:1px solid var(--brand-border);padding-top:var(--spacing-lg);margin-top:var(--spacing-xl)}.blog-author .author-avatar{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.blog-author .author-name{font-weight:700;font-size:1rem}.blog-author .author-bio{font-size:.875rem;color:#666}.blog-nav-links{border-top:1px solid var(--brand-border);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.blog-nav-links .nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#888}.blog-nav-links .nav-title{font-size:.9375rem;font-weight:600;color:var(--brand-text)}.blog-nav-links a:hover .nav-title{color:var(--brand-primary)}.blog-reply{border-top:1px solid var(--brand-border);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.blog-reply h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}@media (max-width:991.98px){.blog-toc{display:none}}@media (max-width:767.98px){.blog-detail-section{padding-top:100px}.blog-detail-content h1{font-size:1.5rem}}