.blog-detail-page{background:var(--color-bg-secondary);min-height:100vh}.blog-article{max-width:var(--container-xl);padding:120px var(--section-padding-x)60px;margin:0 auto}.article-header{text-align:center;margin-bottom:var(--space-10)}.article-back-top{margin-bottom:var(--space-6)}.article-category{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:var(--space-2)14px;border-radius:var(--radius-sm);margin-bottom:var(--space-5);display:inline-block}.article-title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.article-image{aspect-ratio:16/9;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);margin-bottom:50px;position:relative;overflow:hidden}.article-content{max-width:var(--container-sm);margin:0 auto}.prose{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text-secondary)}.prose h2{font-size:1.75rem;font-weight:var(--font-bold);color:var(--color-text);margin:var(--space-12)0 var(--space-6);text-align:center}.prose h3{font-size:1.35rem;font-weight:var(--font-semibold);color:var(--color-text);margin:36px 0 18px}.prose p{margin:0 0 var(--space-6)}.prose strong{font-weight:var(--font-semibold);color:var(--color-text)}.prose ul{margin:0 0 var(--space-6);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-3)}.prose img.content-image{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:var(--space-8)auto;box-shadow:var(--shadow-md);display:block}.prose .table-wrapper{margin:var(--space-8)0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:600px}.prose thead{background:var(--navy-900);color:var(--color-text-inverse)}.prose th{padding:var(--space-3)var(--space-4);text-align:left;font-weight:var(--font-semibold);white-space:nowrap}.prose td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}.prose tbody tr:nth-child(2n){background:var(--color-bg-secondary)}.prose tbody tr:hover{background:#f0f8f5}.prose td a{color:var(--color-primary);text-decoration:none}.prose td a:hover{text-decoration:underline}.article-footer{border-top:1px solid var(--color-border);margin-top:60px;padding-top:30px}.back-link{align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:var(--font-medium);transition:var(--transition-base);text-decoration:none;display:inline-flex}.back-link:hover{opacity:.8}.blog-detail-page .blog-cta{background:linear-gradient(135deg,var(--navy-900)0%,var(--navy-800)100%);padding:var(--space-20)var(--section-padding-x);text-align:center}.blog-detail-page .blog-cta-content{max-width:600px;margin:0 auto}.blog-detail-page .blog-cta h2{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-text-inverse);margin-bottom:30px}.blog-detail-page .cta-button{background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-semibold);transition:var(--transition-base);padding:14px 32px;text-decoration:none;display:inline-block}.blog-detail-page .cta-button:hover{background:var(--color-primary-hover);transform:translateY(-2px)}@media (max-width:768px){.blog-article{padding:100px 20px 40px}.article-title{font-size:1.75rem}.prose{font-size:var(--text-base)}.prose h2{font-size:1.5rem}.prose h3{font-size:1.2rem}}