body{margin:0;padding:0;overflow:auto;height:auto}.blog-page,body{background:var(--bg-primary)}.blog-page{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);display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto}.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{display:flex;gap:var(--space-4);align-items:center}.blog-header-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color .15s}.blog-header-link:hover{color:var(--accent-cyan)}.blog-hero{max-width:860px;margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-8)}.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-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{color:var(--text-secondary);font-size:var(--text-lg);margin:0;max-width:600px;line-height:1.6}.blog-posts{max-width:860px;margin:0 auto;padding:0 var(--space-6) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.blog-post{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-secondary);overflow:hidden;transition:border-color .2s,box-shadow .2s}.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{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.blog-post-date{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post-tag{font-size:.6875rem;padding:2px 10px;border-radius:var(--radius-full);font-weight:600;letter-spacing:.03em}.blog-post h2{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-3);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{display:inline-block;margin-top:var(--space-5);color:var(--accent-cyan);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:color .15s}.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);font-weight:600;display:block;margin-bottom:var(--space-1)}.blog-cta{max-width:860px;margin:0 auto;padding:0 var(--space-6) var(--space-12);text-align:center}.blog-cta-card{background:linear-gradient(135deg,rgba(6,182,212,.08),rgba(168,85,247,.08));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-6)}.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{display:inline-block;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:white;font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);text-decoration:none;transition:opacity .15s,transform .15s}.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)}}