body{background:var(--bg-primary);height:auto;margin:0;padding:0;overflow:auto}.blog-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-primary)}.blog-header{border-bottom:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;max-width:860px;margin:0 auto;display:flex}.blog-header-brand{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-decoration:none}.blog-header-brand:hover{color:var(--accent-cyan)}.blog-header-nav{gap:var(--space-4);align-items:center;display:flex}.blog-header-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .15s}.blog-header-link:hover{color:var(--accent-cyan)}.blog-hero{max-width:860px;padding:var(--space-12) var(--space-6) var(--space-8);margin:0 auto}.blog-hero h1{font-family:var(--font-display);font-size:var(--text-4xl);margin:0 0 var(--space-3);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-hero p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0;line-height:1.6}.blog-posts{max-width:860px;padding:0 var(--space-6) var(--space-12);gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.blog-post{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);transition:border-color .2s,box-shadow .2s;overflow:hidden}.blog-post:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.blog-post-accent{height:3px}.blog-post-body{padding:var(--space-6) var(--space-6) var(--space-8)}.blog-post-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.blog-post-date{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post-tag{border-radius:var(--radius-full);letter-spacing:.03em;padding:2px 10px;font-size:.6875rem;font-weight:600}.blog-post h2{font-family:var(--font-primary);font-size:var(--text-2xl);margin:0 0 var(--space-3);font-weight:700;line-height:1.3}.blog-post h2 a{color:var(--text-primary);text-decoration:none}.blog-post-content{color:var(--text-secondary);font-size:var(--text-base);line-height:1.75}.blog-post-content p{margin:0 0 var(--space-4)}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content strong{color:var(--text-primary);font-weight:600}.blog-post-content em{color:var(--accent-cyan);font-style:normal;font-weight:500}.blog-post-cta{margin-top:var(--space-5);color:var(--accent-cyan);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:color .15s;display:inline-block}.blog-post-cta:hover{color:var(--accent-blue);text-decoration:underline}.blog-example{background:var(--bg-card-inner);border-left:3px solid var(--accent-cyan);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.blog-example .prompt{color:var(--accent-cyan);margin-bottom:var(--space-1);font-weight:600;display:block}.blog-cta{max-width:860px;padding:0 var(--space-6) var(--space-12);text-align:center;margin:0 auto}.blog-cta-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-6);background:linear-gradient(135deg,#06b6d414,#a855f714)}.blog-cta-card h2{font-family:var(--font-display);font-size:var(--text-3xl);margin:0 0 var(--space-3)}.blog-cta-card p{color:var(--text-secondary);margin:0 0 var(--space-6);font-size:var(--text-lg)}.blog-cta-button{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:#fff;font-family:var(--font-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-block}.blog-cta-button:hover{opacity:.9;transform:translateY(-1px)}.blog-footer{border-top:1px solid var(--border-subtle);padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-xs)}@media (max-width:768px){.blog-hero{padding:var(--space-8) var(--space-4) var(--space-6)}.blog-hero h1{font-size:var(--text-3xl)}.blog-posts{padding:0 var(--space-4) var(--space-8);gap:var(--space-6)}.blog-post-body{padding:var(--space-4) var(--space-4) var(--space-6)}.blog-post h2{font-size:var(--text-xl)}.blog-header{padding:var(--space-4)}.blog-cta{padding:0 var(--space-4) var(--space-8)}.blog-cta-card{padding:var(--space-8) var(--space-4)}}