.blog-page{max-width:1200px;padding:calc(var(--nav-height) + 2rem) var(--space-xl) calc(var(--bottom-nav-height) + 4rem);margin:0 auto}.blog-header{text-align:center;margin-bottom:4rem}.blog-title{font-family:var(--font-cinzel), var(--font-arabic);color:var(--color-primary);margin-bottom:1rem;font-size:3rem}.blog-subtitle{color:var(--color-text-muted);font-size:1.2rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.blog-card{background:var(--color-surface-elevated);border-radius:var(--radius-lg);color:inherit;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.blog-card-image-wrapper{aspect-ratio:16/9;background:var(--color-surface-hover);width:100%;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card-date{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.85rem}.blog-card-title{color:var(--color-text);margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.blog-card-read-more{color:var(--color-primary);align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}.blog-card:hover .blog-card-read-more{text-decoration:underline}.blog-empty{text-align:center;color:var(--color-text-muted);padding:4rem;font-size:1.2rem}