.blog-hero{background:linear-gradient(135deg,#0a2540,#0d3158,#0f4070);color:var(--color-white);padding:calc(80px + var(--space-12)) 0 var(--space-12)}.blog-hero .blog-hero-inner{max-width:820px;margin:0 auto;text-align:center}.blog-hero .eyebrow{display:inline-block;color:#00faa8;font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4)}.blog-hero h1{color:var(--color-white);margin-bottom:var(--space-4)}.blog-hero p{color:#ffffffd1;font-size:var(--text-lg);max-width:640px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8)}.blog-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card .blog-tag{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-blue);margin-bottom:var(--space-3)}.blog-card h2,.blog-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.blog-card p{color:var(--color-gray-600);font-size:var(--text-base);margin-bottom:var(--space-4);flex:1}.blog-card .blog-card-meta{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:auto}.blog-article{max-width:760px;margin:0 auto;padding:var(--space-12) var(--space-4)}.blog-breadcrumb{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-6)}.blog-breadcrumb a{color:var(--color-blue)}.blog-article-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600);margin:var(--space-4) 0 var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.blog-article-meta .author-name{font-weight:var(--font-semibold);color:var(--color-navy)}.answer-box{background:var(--color-blue-light, #eef4ff);border-left:4px solid var(--color-blue);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8)}.answer-box .answer-label{display:block;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-blue);margin-bottom:var(--space-2)}.answer-box p{margin:0;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-gray-800)}.blog-toc{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.blog-toc h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:var(--space-3)}.blog-toc ol{margin:0;padding-left:var(--space-5);color:var(--color-gray-700)}.blog-toc a{color:var(--color-gray-700)}.blog-toc a:hover{color:var(--color-blue)}.blog-prose h2{font-size:var(--text-2xl);margin:var(--space-10) 0 var(--space-4);scroll-margin-top:96px}.blog-prose h3{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3)}.blog-prose p{color:var(--color-gray-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.blog-prose ul,.blog-prose ol{margin:0 0 var(--space-5) var(--space-6);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.blog-prose li{margin-bottom:var(--space-2)}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-faq{margin-top:var(--space-10)}.blog-faq h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.faq-item{border-bottom:1px solid var(--color-gray-200);padding:var(--space-5) 0}.faq-item h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-navy)}.faq-item p{color:var(--color-gray-700);margin:0;line-height:var(--leading-relaxed)}.blog-cta{background:var(--color-navy);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;margin:var(--space-12) 0}.blog-cta h2{color:var(--color-white);margin-bottom:var(--space-3)}.blog-cta p{color:#ffffffd9;margin-bottom:var(--space-6)}.author-card{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-10)}.author-card .author-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-navy);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.author-card .author-info h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.author-card .author-info p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0 0 var(--space-2)}@media(max-width:640px){.blog-article{padding:var(--space-8) var(--space-4)}}
