.blog-hero .blog-hero-inner{max-width:820px;margin:0 auto;padding:var(--space-12) var(--container-gutter) var(--space-20);text-align:center}.blog-eyebrow{display:inline-block;font-family:var(--font-mono, monospace);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#b5a4ff;text-decoration:none;margin-bottom:var(--space-4)}.blog-eyebrow:hover{color:#fff}.blog-title{font-size:clamp(32px,4.6vw,56px);line-height:1.08;letter-spacing:var(--tracking-tight);font-weight:var(--weight-bold, 700);margin:0 0 var(--space-5);text-wrap:balance}.blog-byline{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:14px;color:#f7f4ffb3}.blog-hero-figure{max-width:880px;margin:calc(var(--space-10) * -1) auto var(--space-12);padding:0 var(--container-gutter);position:relative;z-index:2}.blog-hero-img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--border-subtle);box-shadow:0 30px 60px -20px #0c022766,0 4px 12px -4px #0c022729}.blog-body{padding:var(--space-6) var(--container-gutter) var(--space-16)}.blog-body .prose{margin-inline:auto}.blog-body .prose img{display:block;width:100%;height:auto;border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle);margin:var(--space-6) 0}.blog-body .prose figure{margin:var(--space-6) 0}.blog-body .prose figcaption{margin-top:var(--space-2);font-size:var(--text-sm, 13px);color:var(--text-tertiary);text-align:center}.blog-body .prose :not(pre)>code{font-family:var(--font-mono, monospace);font-size:.875em;padding:.12em .4em;border-radius:5px;background:var(--bg-hover, rgba(109, 83, 222, .08));color:var(--brand-purple-fg, #5b3fd6);border:1px solid var(--border-subtle)}.blog-body .prose pre{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle);overflow-x:auto;font-size:14px;line-height:1.6}.blog-body .prose pre code{background:none;border:0;padding:0;font-size:inherit;color:inherit}.blog-body .prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-base, 15px);line-height:1.5}.blog-body .prose th,.blog-body .prose td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle)}.blog-body .prose thead th{background:var(--bg-surface, rgba(109, 83, 222, .06));font-weight:var(--weight-semibold, 600);color:var(--text-primary)}.blog-body .prose tbody tr:nth-child(2n){background:var(--bg-subtle, rgba(0, 0, 0, .015))}.blog-body .prose table a{word-break:break-word}.blog-body .prose th,.blog-body .prose td{overflow-wrap:anywhere}.blog-body .prose{overflow-wrap:break-word}@media(max-width:640px){.blog-body .prose table{table-layout:fixed;width:100%}}.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);max-width:var(--container-wide);margin:0 auto}@media(max-width:900px){.blog-index-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blog-index-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl, 16px);overflow:hidden;text-decoration:none;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.blog-card:hover{border-color:var(--brand-purple-soft-border);transform:translateY(-2px)}.blog-card-img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--bg-subtle)}.blog-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.blog-card-cat{font-family:var(--font-mono, monospace);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-purple-fg)}.blog-card-title{margin:0;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:var(--tracking-tight)}.blog-card-excerpt{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.blog-card-date{margin-top:auto;padding-top:var(--space-2);font-size:12px;color:var(--text-tertiary)}