.blog-main{max-width:720px;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-4xl)}.blog-index-head{margin-bottom:var(--spacing-2xl)}.blog-index-head .lp-lead{max-width:none}.blog-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.blog-cover{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.blog-cover-accent{background:var(--gradient-accent)}.blog-cover-green{background:var(--gradient-green)}.blog-cover-purple{background:var(--gradient-purple)}.blog-cover-compact{width:64px;height:64px;border-radius:var(--radius-md)}.blog-cover:not(.blog-cover-compact){width:100%;height:200px;margin-bottom:var(--spacing-xl)}.blog-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.blog-card:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-2px)}.blog-card-body{flex:1;min-width:0}.blog-card-featured{flex-direction:column;align-items:stretch;padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.blog-card-featured .blog-card-title{font-size:var(--text-2xl)}.blog-card-featured .blog-card-excerpt{max-width:60ch}.blog-card-date{font-size:var(--text-xs);color:var(--text-muted)}.blog-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--spacing-xs) 0 var(--spacing-sm)}.blog-card-excerpt{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-sm)}.blog-card-link{font-size:var(--text-sm);color:var(--accent);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:6px}.blog-back{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;margin-bottom:var(--spacing-lg)}.blog-back:hover{color:var(--text-secondary)}.blog-post-shell .lp-h1{margin-top:var(--spacing-sm)}.blog-post-body{margin-top:var(--spacing-xl);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.blog-post-body p{margin:0 0 var(--spacing-lg)}.blog-post-body h2{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary);margin:var(--spacing-2xl) 0 var(--spacing-md)}.blog-post-body blockquote{margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:3px solid var(--accent);background:var(--accent-muted);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-xl);font-style:italic;font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-snug)}.blog-post-body blockquote cite{display:block;margin-top:var(--spacing-sm);font-size:var(--text-sm);font-style:normal;font-weight:var(--font-normal);color:var(--text-muted)}.blog-post-body ul{margin:0 0 var(--spacing-lg);padding-left:1.3em;display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-post-body li{padding-left:4px}.blog-post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-post-body a:hover{color:var(--accent-hover)}.blog-post-body strong{color:var(--text-primary);font-weight:var(--font-semibold)}.blog-post-cta{margin-top:var(--spacing-3xl)}@media(max-width:560px){.blog-card{flex-direction:column;align-items:stretch;text-align:left}.blog-cover-compact{width:100%;height:120px;border-radius:var(--radius-lg)}.blog-cover:not(.blog-cover-compact){height:140px}.blog-post-body{font-size:var(--text-base)}.blog-post-body blockquote{font-size:var(--text-lg)}}