.blog-index-hero{background:linear-gradient(135deg,#0a2540,#0e3358,#0a2540);text-align:center;padding:var(--space-16) 0}.blog-index-hero h1{font-size:var(--text-2xl);font-weight:700;line-height:1.15;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-5)}.blog-index-hero p{font-size:var(--text-md);line-height:1.7;color:#ffffffb3;max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-16) 0}.blog-card{background:linear-gradient(135deg,#fff,#fafbfc);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.blog-card a{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card-image{width:100%;height:200px;object-fit:cover;display:block}.blog-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.blog-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.02em;background:#0097b21a;color:var(--color-accent)}.blog-card-title{font-size:var(--text-lg);font-weight:600;line-height:1.35;color:var(--color-heading);margin-bottom:var(--space-3)}.blog-card-description{font-size:var(--text-xs);line-height:1.6;color:var(--color-body);margin-bottom:var(--space-5);flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:.8rem;color:var(--color-muted);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.blog-card-read-more{margin-left:auto;font-weight:600;color:var(--color-accent);font-size:.85rem}.blog-post-hero{background:linear-gradient(135deg,#0a2540,#0e3358,#0a2540);padding-top:var(--space-16);padding-bottom:var(--space-16);border-bottom:none}.blog-post-hero .blog-back-link{margin-bottom:var(--space-10)}.blog-post-hero-inner{max-width:760px;margin:0 auto;text-align:center}.blog-post-hero-inner h1{font-size:var(--text-2xl);font-weight:700;line-height:1.15;color:#fff;letter-spacing:-.02em;margin-bottom:var(--space-5)}.blog-post-hero-description{font-size:var(--text-md);line-height:1.7;color:#ffffffb3;max-width:600px;margin:0 auto var(--space-6)}.blog-post-hero .blog-back-link{color:#fff9}.blog-post-hero .blog-back-link:hover{color:#ffffffe6}.blog-post-hero .blog-article-meta{justify-content:center;color:#ffffff80}.blog-post-hero .blog-article-meta-divider{background:#ffffff4d}.blog-post-hero .blog-tag{background:#0097b233;color:#4dd9ef;border:1px solid rgba(0,151,178,.3)}.blog-post-hero .blog-article-tags{margin-bottom:var(--space-6)}.blog-article-body{padding:var(--space-16) 0 var(--space-12)}.blog-article-hero{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-10)}.blog-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-body)}.blog-article-meta-divider{width:4px;height:4px;border-radius:50%;background:var(--color-muted)}.blog-article-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.blog-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-decoration:none;transition:gap .2s ease}.blog-back-link:hover{gap:var(--space-3)}.blog-bottom-cta{border-top:1px solid var(--color-border);padding:var(--space-12) 0;margin-bottom:var(--space-8)}.blog-bottom-cta-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.blog-bottom-cta-text{font-size:var(--text-md);font-weight:600;color:var(--color-heading)}.blog-bottom-cta-link{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none;transition:color .2s ease}.blog-bottom-cta-link:hover{color:var(--color-heading)}.prose{max-width:760px;margin:0 auto;font-family:var(--font-primary);font-size:var(--text-sm);line-height:1.8;color:var(--color-body-dark)}.prose>*:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-heading);line-height:1.3;margin-top:2.5em;margin-bottom:.75em}.prose h2{font-size:1.6rem;font-weight:700;padding-bottom:.4em;border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.3rem;font-weight:600}.prose h4{font-size:1.1rem;font-weight:600}.prose p{font-size:inherit;color:inherit;margin-bottom:1.5em}.prose a{color:var(--color-accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-heading)}.prose strong{color:var(--color-heading);font-weight:600}.prose ul,.prose ol{padding-left:1.5em;margin-bottom:1.5em}.prose li{margin-bottom:.5em;user-select:text;list-style:revert;font-size:inherit;color:inherit;cursor:default}.prose li:hover{font-weight:inherit;text-decoration:none;color:inherit}.prose blockquote{border-left:4px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:1.5em 0;background:#0097b20a;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose blockquote p{margin-bottom:0;font-style:italic;color:var(--color-body)}.prose code{background:#f1f5f9;padding:.15em .4em;border-radius:4px;font-size:.9em}.prose pre{background:#0a2540;color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-sm);overflow-x:auto;margin:1.5em 0;line-height:1.6}.prose pre code{background:none;padding:0;color:inherit;font-size:.9em}.prose img{max-width:100%;border-radius:var(--radius-sm);margin:1.5em 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}@media (max-width: 768px){.blog-hero{padding:var(--space-10) 0 var(--space-8)}.blog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.blog-card:hover{transform:none}.blog-post-hero{padding-top:var(--space-10);padding-bottom:var(--space-10)}.blog-post-hero-inner h1{font-size:1.85rem}.blog-post-hero-description{font-size:var(--text-sm)}.blog-article-body{padding:var(--space-10) 0 var(--space-8)}.prose h2{font-size:1.35rem}.prose h3{font-size:1.15rem}.blog-bottom-cta-inner{flex-direction:column;gap:var(--space-3);text-align:center}}@media (max-width: 480px){.blog-grid{grid-template-columns:1fr}.blog-card-image{height:180px}.blog-post-hero-inner h1{font-size:1.6rem}.blog-article-meta{gap:var(--space-2)}}