/* ==========================================================================
   Blog index – templates/page-blog.php (key: page-blog)
   ========================================================================== */
.be_blog-index { min-height: 60vh; }
.be_blog-filter { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: -16px 0 40px; }
.be_pill { display: inline-flex; padding: 6px 0; border-bottom: 1px solid transparent; font: 500 14.5px/1.3 var(--be-font); color: var(--be-muted); text-decoration: none; transition: color 0.2s ease, border-color 0.2s ease; }
.be_pill:hover, .be_pill.is-active { color: var(--be-navy); border-color: var(--be-teal); }
.be_blog-index .be_cards { row-gap: 48px; }
.be_blog-empty { font: var(--be-lead); color: var(--be-muted); }

.be_pagination { margin-top: 56px; }
.be_pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.be_pagination a, .be_pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--be-line); border-radius: var(--be-radius-sm); font: 500 14px/1 var(--be-font); color: var(--be-navy); text-decoration: none; }
.be_pagination a:hover { border-color: var(--be-teal); color: var(--be-teal-2); }
.be_pagination .current { background: var(--be-navy); border-color: var(--be-navy); color: var(--be-white); }