.blog-hero{padding:var(--space-16) var(--space-6) var(--space-12);text-align:center;background:linear-gradient(180deg, var(--color-surface-subtle) 0%, var(--color-surface) 100%)}.blog-hero__eyebrow{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:inline-flex}.blog-hero__headline{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.blog-hero__subheadline{max-width:42rem;color:var(--color-text-muted);margin:0 auto 1.5rem;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;display:grid}.blog-featured-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1.5rem;display:grid}.blog-article{max-width:48rem;padding:0 var(--space-6) var(--space-16);margin:0 auto}.blog-article__hero-image{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);width:100%;margin-bottom:2rem}.blog-article__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.5rem;font-size:.9375rem;display:flex}.blog-article__author{color:var(--color-text);flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;font-weight:600;display:inline-flex}.blog-article__author-title{color:var(--color-text-muted);font-weight:400}.blog-article__author-title:before{content:"· "}.blog-author-bio{border-top:1px solid var(--border-color,#e2e8f0);margin-top:3rem;padding-top:1.5rem}.blog-author-bio__label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .35rem;font-size:.8125rem}.blog-author-bio__name{color:var(--color-text);margin:0;font-weight:600}.blog-author-bio__title{color:var(--color-text-muted);margin:.15rem 0 0}.blog-author-bio__link{color:var(--color-primary-blue,#356ff6);margin-top:.75rem;font-weight:500;text-decoration:none;display:inline-block}.blog-author-bio__link:hover,.blog-author-bio__link:focus-visible{text-decoration:underline}.blog-article__title{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.blog-prose{color:var(--color-text);font-size:1.0625rem;line-height:1.75}.blog-prose h2{margin:2.5rem 0 1rem;font-size:1.5rem;line-height:1.25}.blog-prose h3{margin:2rem 0 .75rem;font-size:1.25rem;line-height:1.3}.blog-prose p{margin:0 0 1.25rem}.blog-prose ul,.blog-prose ol{margin:0 0 1.25rem 1.25rem}.blog-prose li{margin-bottom:.5rem}.blog-prose a{color:var(--color-primary);text-decoration:underline}.blog-prose strong{font-weight:600}.blog-prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}.blog-prose th,.blog-prose td{border:1px solid var(--color-border);text-align:left;padding:.75rem 1rem}.blog-prose th{background:var(--color-surface-subtle);font-weight:600}.blog-prose hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.blog-prose blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-muted);margin:1.5rem 0;padding-left:1rem}.blog-badge-astro{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-muted);vertical-align:middle;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.blog-prose .blog-cta{background:linear-gradient(135deg, var(--bg-secondary,#f0f9ff) 0%, var(--bg-tertiary,#e0f2fe) 100%);border:1px solid var(--border-color,#bae6fd);text-align:center;border-radius:12px;margin:40px 0;padding:32px}.blog-prose .blog-cta h3{color:var(--text-primary,#0369a1);margin:0 0 12px;font-size:1.5rem;font-weight:600}.blog-prose .blog-cta p{color:var(--text-secondary,#075985);margin:0 0 20px}.blog-prose .blog-cta .btn{background:var(--color-primary-blue,#356ff6);color:#fff;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.blog-prose .blog-cta .btn:hover{background:var(--color-primary-blue-dark,#2858d4);color:#fff}.dark-theme .blog-prose .blog-cta{background:linear-gradient(135deg,#0c4a6e 0%,#075985 100%);border-color:#0369a1}.dark-theme .blog-prose .blog-cta h3{color:#e0f2fe}.dark-theme .blog-prose .blog-cta p{color:#bae6fd}.blog-prose .footnotes{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:3rem;padding-top:1.5rem;font-size:.9375rem}.blog-prose .footnotes ol{margin-left:1.25rem}.blog-prose .footnote-ref{vertical-align:super;font-size:.75em}