.blog-index{min-height:100vh;padding-top:10rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-header h1{color:var(--color-primary);margin:.5rem 0;font-size:3rem}.blog-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(4,1fr)}}.blog-card{box-shadow:var(--shadow-sm);color:inherit;background:#fff;border:1px solid #0000000d;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.blog-card-image{aspect-ratio:16/9;background:var(--color-background-alt);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.image-placeholder{background:linear-gradient(135deg, var(--color-background-alt) 0%, #ebe6d9 100%);width:100%;height:100%}.blog-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-detail{min-height:100vh;padding-top:10rem}.back-link{color:var(--color-text-light);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.back-link:hover{color:var(--color-primary)}.blog-detail-header{margin-bottom:2rem}.blog-detail-header h1{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.blog-hero-image{box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:3rem;overflow:hidden}.blog-hero-image img{object-fit:cover;width:100%;max-height:500px;display:block}.blog-content{font-size:1.1rem}.blog-content p{margin-bottom:1.5rem}.blog-content img{border-radius:8px;max-width:100%;margin:2rem 0}.blog-content h2,.blog-content h3{color:var(--color-primary);margin:2.5rem 0 1rem}.empty-state{text-align:center;color:var(--color-text-light);background:#fff;border-radius:8px;padding:4rem}