.blog-detail-page{padding-top:var(--navbar-height)}.blog-hero{padding:var(--space-16)0 var(--space-12);text-align:center;position:relative;overflow:hidden}.blog-hero-bg{background:linear-gradient(160deg,var(--color-neutral-50)0%,var(--color-neutral-100)100%);z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-hero-emoji{opacity:.12;filter:blur(2px);-webkit-user-select:none;user-select:none;font-size:12rem}.blog-hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.blog-hero-badge{margin-bottom:var(--space-4)}.blog-hero-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.blog-hero-excerpt{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.blog-hero-meta{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.blog-meta-separator{opacity:.4}.blog-author{align-items:center;gap:var(--space-2);display:inline-flex}.blog-author-avatar{background:var(--color-primary-500);color:#fff;letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.blog-author-name{color:var(--text-primary);font-weight:600}.blog-article-layout{gap:var(--space-10);padding-top:var(--space-10);padding-bottom:var(--space-12);grid-template-columns:200px 1fr;max-width:960px;display:grid}@media (max-width:768px){.blog-article-layout{grid-template-columns:1fr}}.blog-toc{top:calc(var(--navbar-height) + var(--space-6));padding-right:var(--space-4);align-self:start;position:sticky}.blog-toc-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:700}.blog-toc-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog-toc-link{padding:var(--space-1)var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);border-left:2px solid #0000;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.blog-toc-link:hover{color:var(--color-primary-600);border-left-color:var(--color-primary-400);background:var(--color-primary-50);border-radius:0 var(--radius-sm)var(--radius-sm)0}.blog-body{font-size:var(--text-base);color:var(--text-primary);line-height:1.8}.blog-body p{margin-bottom:var(--space-4)}.blog-h2{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text-primary);scroll-margin-top:calc(var(--navbar-height) + var(--space-4));font-weight:700}.blog-h3{font-size:var(--text-lg);margin-top:var(--space-6);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.blog-list{padding-left:var(--space-5);margin-bottom:var(--space-4)}.blog-list li{margin-bottom:var(--space-2);line-height:1.6}.blog-list li::marker{color:var(--color-primary-500)}.blog-table{border-collapse:collapse;width:100%;margin:var(--space-4)0 var(--space-6);font-size:var(--text-sm)}.blog-table th,.blog-table td{text-align:left;padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-subtle)}.blog-table th{color:var(--text-secondary);text-transform:uppercase;font-weight:700;font-size:var(--text-xs);letter-spacing:.06em;background:var(--color-neutral-50)}.blog-table tr:hover td{background:var(--color-neutral-50)}.blog-body strong{color:var(--text-primary);font-weight:700}.blog-cta-section{padding:var(--space-4)0 var(--space-10)}.blog-cta-card{text-align:center;background:linear-gradient(135deg,var(--color-primary-50),var(--color-secondary-50));border-radius:var(--radius-xl);max-width:680px;padding:var(--space-10)var(--space-6)}.blog-cta-title{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:700}.blog-cta-text{color:var(--text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto}.blog-related{border-top:1px solid var(--border-subtle)}[data-theme=dark] .blog-hero-bg{background:linear-gradient(160deg,var(--color-neutral-900),var(--color-neutral-800))}[data-theme=dark] .blog-table th,[data-theme=dark] .blog-table tr:hover td{background:var(--color-neutral-800)}[data-theme=dark] .blog-cta-card{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,89,63,42),.15),rgba(var(--color-secondary-rgb,168,119,61),.1))}[data-theme=dark] .blog-toc-link:hover{background:#ffffff0d}