.blog-post-page{min-height:100vh}.article-header{background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg));padding:var(--spacing-2xl) 0}.article-header h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--spacing-md);color:var(--color-text);max-width:800px}.article-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--color-text-muted);font-size:.9rem}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary)}.article-image{margin-top:calc(-1 * var(--spacing-xl));margin-bottom:var(--spacing-2xl)}.article-image img{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.article-body{padding-bottom:var(--spacing-3xl)}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-2xl)}.article-content{max-width:700px}.article-content h2{font-size:1.5rem;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.article-content h3{font-size:1.25rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.article-content p{font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.article-content ul,.article-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.article-content li{margin-bottom:var(--spacing-sm);line-height:1.7}.article-content strong{color:var(--color-text);font-weight:600}.article-content table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.article-content td,.article-content th{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-bg-secondary);font-weight:600}.article-content .table-scroll{overflow-x:auto;margin:var(--spacing-lg) 0}.article-content .table-scroll table{margin:0;min-width:480px}.article-sidebar{position:sticky;top:var(--spacing-xl);height:fit-content}.article-sidebar .sidebar-section{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.article-sidebar h4{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.article-sidebar .sidebar-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.article-sidebar .sidebar-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;padding:var(--spacing-xs) 0;transition:color var(--transition-fast)}.article-sidebar .sidebar-links a:hover{color:var(--color-primary)}.sidebar-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important;color:#fff}.sidebar-cta h4,.sidebar-cta p{color:#fff}.sidebar-cta p{font-size:.875rem;margin-bottom:var(--spacing-md)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.related-posts{background:var(--color-bg-secondary)}.related-posts h2{margin-bottom:var(--spacing-xl)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.related-card{background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-card img{width:100%;height:150px;object-fit:cover}.related-card h3{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;color:var(--color-text);line-height:1.4}.related-card .read-time{padding:0 var(--spacing-lg) var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);display:block}.article-cta{background:var(--color-bg)}.cta-box{background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg-secondary));padding:var(--spacing-3xl);border-radius:var(--radius-xl);text-align:center;border:2px solid var(--color-border)}.cta-box h2{margin-bottom:var(--spacing-md);color:var(--color-primary)}.cta-box p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.not-found{text-align:center;padding:var(--spacing-3xl)}.not-found h1{margin-bottom:var(--spacing-md)}.not-found p{margin-bottom:var(--spacing-xl)}@media(max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-sidebar,.related-grid{grid-template-columns:1fr}.article-meta{flex-direction:column;gap:var(--spacing-sm)}.cta-box{padding:var(--spacing-xl)}}.guide-kits-more{display:flex;justify-content:center;margin-top:var(--spacing-xl)}