.blog-page{min-height:100vh;padding:var(--spacing-xl) 0}.page-header{text-align:center;margin-bottom:var(--spacing-lg)}.page-header h1{font-size:3rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.page-header p{font-size:1.25rem}.empty-state,.page-header p{color:var(--color-text-light)}.empty-state{text-align:center;padding:var(--spacing-xl)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.blog-post-card{display:grid;grid-template-columns:300px 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);background:var(--color-background);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.post-image-link{display:block;width:100%;height:100%;min-height:200px;overflow:hidden;position:relative}.post-cover{width:100%;height:100%;object-fit:cover}.post-details{padding:var(--spacing-md);display:flex;flex-direction:column}.post-details h2{font-size:1.75rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.post-details h2:hover{color:var(--color-primary)}.post-excerpt{line-height:1.6;flex:1 1}.post-date,.post-excerpt{color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.post-date{font-size:.875rem}.read-more{color:var(--color-primary);font-weight:600;margin-top:auto}.read-more:hover{color:var(--color-primary-dark)}@media (max-width:768px){.blog-post-card{grid-template-columns:1fr}.post-image-link{min-height:200px}.page-header h1{font-size:2rem}}