.blog-hero{padding:var(--space-16) 0 var(--space-8);background:linear-gradient(135deg,var(--color-primary-soft) 0%,#FFF3E0 50%,var(--color-bg) 100%);text-align:center}.blog-hero h1{font-size:var(--text-3xl);color:var(--color-text);max-width:800px;margin:0 auto;line-height:1.2}.post-date{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.blog-post{padding:var(--space-12) 0 var(--space-24)}.post-grid{display:grid;grid-template-columns:1.8fr .8fr;gap:var(--space-12);align-items:start}.post-cover{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8)}.prose{color:var(--color-text-muted);line-height:1.8}.prose p{margin-bottom:var(--space-5)}.prose h2{color:var(--color-text);font-size:var(--text-xl);margin:var(--space-8) 0 var(--space-4)}.prose ul,.prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose a{color:var(--color-primary);text-decoration:underline}.prose strong{color:var(--color-text)}.back-link{display:inline-block;margin:var(--space-8) 0;font-weight:600;color:var(--color-text-muted)}.post-cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8);text-align:center}.post-cta h3{margin-bottom:var(--space-2)}.post-cta p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.cta-btn{display:inline-flex;background:var(--color-primary);color:#fff!important;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-weight:700;text-decoration:none!important}.cta-btn:hover{background:var(--color-primary-hover)}.post-sidebar{display:grid;gap:var(--space-6);position:sticky;top:90px}.sidebar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.sidebar-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.sidebar-card p{color:var(--color-text-muted);font-size:var(--text-sm)}.sidebar-card ul{list-style:none;padding:0}.sidebar-card li{margin-bottom:var(--space-2)}.sidebar-card a{color:var(--color-primary);font-weight:600}@media(max-width:900px){.post-grid{grid-template-columns:1fr}.post-sidebar{position:static}.blog-hero h1{font-size:var(--text-2xl)}}
