.blog-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-md) 0;position:sticky;top:0;z-index:100}.blog-header .container{display:flex;align-items:center;gap:var(--space-xl)}.blog-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.blog-nav{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.blog-nav a{font-family:var(--font-heading);font-weight:600;font-size:var(--text-body);color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.blog-nav a:hover,.blog-nav a.active{color:var(--color-midnight)}.blog-header-cta{flex-shrink:0}.blog-main{padding:var(--space-3xl) 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);transition:box-shadow .2s,transform .2s,border-color .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--color-blue);box-shadow:0 0 20px var(--color-blue-soft);transform:translateY(-4px)}.blog-card h2{font-family:var(--font-heading);font-size:var(--text-h3);color:var(--color-midnight);margin-bottom:var(--space-sm);line-height:1.4}.blog-card p{font-family:var(--font-body);color:var(--color-text-secondary);font-size:var(--text-body);line-height:1.6;margin-bottom:var(--space-md)}.blog-card-date{font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:auto}.blog-empty{text-align:center;padding:var(--space-3xl) var(--space-xl)}.blog-empty p{font-family:var(--font-body);font-size:var(--text-body-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.blog-article{max-width:720px;margin:0 auto}.blog-article-meta{font-family:var(--font-body);font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.blog-article-body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.8;color:var(--color-midnight)}.blog-article-body h1{font-family:var(--font-heading);font-size:var(--text-h1);color:var(--color-midnight);margin-bottom:var(--space-md);line-height:1.2}.blog-article-body h2{font-family:var(--font-heading);font-size:var(--text-h2);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.blog-article-body h3{font-family:var(--font-heading);font-size:var(--text-h3);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.blog-article-body p{margin-bottom:var(--space-md)}.blog-article-body ul{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-article-body li{margin-bottom:var(--space-xs);line-height:1.6}.blog-article-body code{font-family:JetBrains Mono,monospace;background:var(--color-bg);padding:.15em .4em;border-radius:4px;font-size:.9em}.blog-article-body pre{background:var(--color-bg);border-radius:var(--border-radius);padding:var(--space-lg) var(--space-xl);overflow-x:auto;margin-bottom:var(--space-md)}.blog-article-body pre code{background:none;padding:0;font-size:.875rem;line-height:1.6}.blog-article-body a{color:var(--color-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.blog-article-body a:hover{color:var(--color-blue-hover)}.blog-article-body strong{font-weight:600}.blog-article-body table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg);font-size:.9375rem;line-height:1.5}.blog-article-body thead{background:var(--color-midnight);color:var(--color-surface)}.blog-article-body th{font-family:var(--font-heading);font-weight:600;padding:.625rem .75rem;text-align:left;white-space:nowrap}.blog-article-body td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:top}.blog-article-body tbody tr:hover{background:var(--color-bg)}.blog-article-body ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.blog-article-body ol li{margin-bottom:var(--space-xs);line-height:1.6}.blog-article-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-2xl) 0}.blog-article-body .checklist{list-style:none;padding-left:0}.blog-article-body .checklist li{padding:.25rem 0}.blog-article-body .checklist input[type=checkbox]{margin-right:.5rem;accent-color:var(--color-blue)}.blog-back-link{display:inline-block;font-family:var(--font-heading);font-weight:600;color:var(--color-blue);text-decoration:none;margin-bottom:var(--space-lg);font-size:var(--text-body);transition:color .2s}.blog-back-link:hover{color:var(--color-blue-hover)}.blog-article-cta{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-border);text-align:center}.blog-article-cta__sub{margin-top:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-secondary)}.blog-article-cta__sub a{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px}.blog-article-cta__sub a:hover{color:var(--color-blue-hover)}@media(max-width:767px){.blog-nav{display:none}.blog-header-cta{margin-left:auto}.blog-grid{grid-template-columns:1fr}.blog-article-body h1{font-size:var(--text-h2)}.blog-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-article-body th,.blog-article-body td{white-space:nowrap}}