.blog-detail{padding:var(--space-6)0}.blog-detail__layout{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.blog-article{background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card)}.blog-article__cat{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3);background:var(--color-primary-50);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);display:inline-block}.blog-article__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.blog-article__meta{gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex}.blog-article__tags{gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.blog-article__tag{font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-full);padding:2px 8px}.blog-article__content{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.8}.blog-article__content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--space-8)0 var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-100)}.blog-article__content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:var(--space-5)0 var(--space-3)}.blog-article__content p{margin-bottom:var(--space-4)}.blog-article__content ul,.blog-article__content ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}.blog-article__content li{margin-bottom:var(--space-2);list-style:outside}.blog-article__content .blog-lead{font-size:var(--font-size-lg);color:var(--color-text);border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin-bottom:var(--space-6);line-height:1.8}.blog-article__content table{border-collapse:collapse;width:100%;margin:var(--space-5)0}.blog-article__content th,.blog-article__content td{padding:var(--space-3);text-align:left;border:1px solid var(--color-border-light);font-size:var(--font-size-base)}.blog-article__content th{background:var(--color-primary-50);font-weight:var(--font-weight-semibold);color:var(--color-text)}.blog-article__content tr:nth-child(2n) td{background:var(--color-bg)}.blog-article__share{align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.share-btn{padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.share-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.blog-sidebar{position:sticky;top:120px}.blog-sidebar__section{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-card);margin-bottom:var(--space-4)}.blog-sidebar__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.blog-sidebar__item{padding:var(--space-3)0;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast);display:block}.blog-sidebar__item:last-child{border-bottom:none}.blog-sidebar__item:hover{opacity:.8}.blog-sidebar__item-cat{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium)}.blog-sidebar__item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:var(--space-1)0;line-height:var(--line-height-tight)}.blog-sidebar__item-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.blog-sidebar__cta{background:var(--color-primary-50)}.blog-sidebar__cta p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}@media (max-width:768px){.blog-detail__layout{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-article{padding:var(--space-5)}.blog-article__title{font-size:var(--font-size-2xl)}.blog-article__meta{gap:var(--space-2);flex-wrap:wrap}}