.blog-page{padding-top:100px}.blog-hero{padding:var(--space-12) 0;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%);text-align:center}.blog-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.blog-intro{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:500px;margin:0 auto}.blog-content{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);padding:var(--space-12) 0}.blog-grid{display:grid;gap:var(--space-6)}.blog-card{display:grid;grid-template-columns:200px 1fr;background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none}.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-card.featured{grid-template-columns:1fr;grid-column:1 / -1}.blog-card.featured .blog-card-image{height:250px}.blog-card-image{background:var(--color-gray-100);overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--color-primary-bg),var(--color-gray-100))}.blog-card.featured .blog-card-placeholder{font-size:5rem}.blog-card-content{padding:var(--space-6)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.blog-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:var(--color-primary-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.blog-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.blog-card h2{font-size:var(--font-size-lg);margin-bottom:var(--space-3);line-height:1.3}.blog-card h2 a{color:var(--color-secondary);text-decoration:none}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card.featured h2{font-size:var(--font-size-2xl)}.blog-card p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center}.blog-sidebar{position:sticky;top:120px;height:fit-content}.blog-sidebar .sidebar-cta{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6)}.blog-sidebar .sidebar-cta h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.blog-sidebar .sidebar-cta p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.sidebar-categories{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.sidebar-categories h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.sidebar-categories ul{list-style:none;padding:0;margin:0}.sidebar-categories li{margin-bottom:var(--space-2)}.sidebar-categories a{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-gray-700);text-decoration:none}.sidebar-categories a span{color:var(--color-gray-400)}.sidebar-categories a:hover{color:var(--color-primary)}.blog-sidebar .sidebar-links{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5)}.blog-sidebar .sidebar-links h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.blog-sidebar .sidebar-links ul{list-style:none;padding:0;margin:0}.blog-sidebar .sidebar-links li{margin-bottom:var(--space-2)}.blog-sidebar .sidebar-links a{font-size:var(--font-size-sm);color:var(--color-gray-700)}.blog-sidebar .sidebar-links a:hover{color:var(--color-primary)}.blog-post-page{padding-top:100px}.blog-post-hero{padding:var(--space-12) 0;background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.blog-post-hero .container{max-width:800px}.blog-post-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.blog-post-hero h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);line-height:1.2}.blog-post-intro{font-size:var(--font-size-lg);color:var(--color-gray-600);margin-bottom:var(--space-6)}.blog-post-info{display:flex;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.blog-post-hero-image{width:100%;max-height:450px;border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-8);box-shadow:var(--shadow-lg)}.blog-post-hero-image img{width:100%;height:100%;object-fit:cover;max-height:450px}.blog-post-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);padding:var(--space-12) 0;max-width:1200px;margin:0 auto}.blog-post-content{max-width:800px}.blog-post-content .prose{font-size:var(--font-size-base);line-height:1.8;color:var(--color-gray-700)}.blog-post-content .prose h2{font-size:var(--font-size-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-secondary)}.blog-post-content .prose h3{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-secondary)}.blog-post-content .prose p{margin-bottom:var(--space-5)}.blog-post-content .prose ul,.blog-post-content .prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.blog-post-content .prose li{margin-bottom:var(--space-2)}.blog-post-content .prose strong{color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.stat-box{background:linear-gradient(135deg,var(--color-primary-bg),var(--color-white));border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin:var(--space-8) 0}.stat-box .stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.stat-box .stat-label{font-size:var(--font-size-base);color:var(--color-gray-600)}.quote-block{border-left:4px solid var(--color-primary);padding-left:var(--space-6);margin:var(--space-8) 0;font-style:italic;color:var(--color-gray-600)}.content-image{width:100%;border-radius:var(--radius-lg);margin:var(--space-6) 0;box-shadow:var(--shadow-md)}.blog-post-content .callout{display:flex;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);margin:var(--space-6) 0}.blog-post-content .callout-primary{background:var(--color-primary-bg);border-left:4px solid var(--color-primary)}.blog-post-content .callout-icon{font-size:1.5rem;flex-shrink:0}.blog-post-content .callout a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.blog-post-content .list-check{list-style:none;padding-left:0}.blog-post-content .list-check li{position:relative;padding-left:var(--space-6)}.blog-post-content .list-check li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;background-image:none;background-color:transparent;width:auto;height:auto}.blog-post-sidebar{position:sticky;top:120px;height:fit-content}.blog-post-sidebar .sidebar-cta{background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-6)}.blog-post-sidebar .sidebar-cta h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.blog-post-sidebar .sidebar-cta p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4)}.blog-post-sidebar .sidebar-related{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.blog-post-sidebar .sidebar-related h4{font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.blog-post-sidebar .sidebar-related ul{list-style:none;padding:0;margin:0}.blog-post-sidebar .sidebar-related li{margin-bottom:var(--space-2)}.blog-post-sidebar .sidebar-related a{font-size:var(--font-size-sm);color:var(--color-gray-700)}.blog-post-sidebar .sidebar-related a:hover{color:var(--color-primary)}.share-section{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.share-section h4{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3)}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-4);text-decoration:none}.back-to-blog:hover{color:var(--color-primary)}.blog-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:var(--font-size-sm);color:var(--color-gray-500)}.blog-breadcrumbs a{color:var(--color-gray-600);text-decoration:none}.blog-breadcrumbs a:hover{color:var(--color-primary)}.blog-breadcrumbs span{color:var(--color-gray-400)}.directory-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.directory-links a{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-gray-600);background:var(--color-gray-100);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.directory-links a:hover{background:var(--color-primary-bg);color:var(--color-primary)}@media (max-width: 1024px){.blog-content{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.blog-sidebar .sidebar-cta{margin-bottom:0}.blog-post-layout{grid-template-columns:1fr;padding:var(--space-8) var(--space-4)}.blog-post-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.blog-post-sidebar .sidebar-cta{grid-column:1 / -1}}@media (max-width: 768px){.blog-hero h1{font-size:var(--font-size-3xl)}.blog-card{grid-template-columns:1fr}.blog-card-image{height:150px}.blog-sidebar{grid-template-columns:1fr}.blog-post-hero h1{font-size:var(--font-size-3xl)}.blog-post-meta{flex-wrap:wrap}.blog-post-info{flex-direction:column;gap:var(--space-2)}.blog-post-sidebar{grid-template-columns:1fr}}