.page-hero{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-bg) 100%);text-align:center}.page-hero h1{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-4)}.page-hero p{color:var(--color-text-muted);max-width:600px;margin:0 auto}.blog-list{padding:var(--space-24) 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.post-card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.post-body{padding:var(--space-6)}.post-date{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.post-body h2{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.post-body p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.read-more{font-weight:600;color:var(--color-primary)}