/* ============ blog.css ============ */
.blog-hero { background: var(--color-gradient-hero); padding-block: var(--space-16); text-align: center; }
.blog-hero h1 { font-size: clamp(2.1rem, 6vw, 2.75rem); }
.blog-hero p { max-width: 56ch; margin: var(--space-4) auto 0; }

.blog-filters { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: center; margin-bottom: var(--space-12); }

.blog-list-grid { display: grid; gap: var(--space-8); grid-template-columns: 1fr; }
@media (min-width: 640px) { .blog-list-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1000px){ .blog-list-grid { grid-template-columns: repeat(3,1fr); } }
.post-card.hidden { display: none; }

.pagination { display: flex; justify-content: center; gap: var(--space-2); margin-top: var(--space-16); }
.pagination a, .pagination span { min-width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-md); border: 1px solid var(--color-border); font-family: var(--font-display); color: var(--color-text-secondary); }
.pagination a:hover { border-color: var(--color-accent-gold); color: var(--color-accent-gold); }
.pagination .current { background: var(--color-gradient-gold); color: #0a0a0f; border-color: transparent; }
.pagination .disabled { opacity: 0.4; pointer-events: none; }