/* BLOG LIST · pages/blog-list.css */
.bl__card{display:flex;flex-direction:column;position:relative}
.bl__media{background:var(--teal-tint);aspect-ratio:16/10;overflow:hidden}
.bl__media img{width:100%;height:100%;object-fit:cover}
.bl__ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}
.bl__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.bl__title{margin:0}
.bl__title a::after{content:"";position:absolute;inset:0}

.bl__pager{margin-top:44px}
.bl__pager .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.bl__pager .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;padding:0 12px;
  border:1px solid var(--border-subtle);border-radius:var(--radius-sm);
  font-weight:600;font-size:15px;color:var(--teal-700);background:var(--white);
}
.bl__pager .page-numbers.current{background:var(--teal-700);color:var(--white);border-color:var(--teal-700)}
@media (hover:hover){ .bl__pager a.page-numbers:hover{border-color:var(--teal-700);background:var(--teal-tint)} }
.bl__pager .page-numbers:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}

.searchform{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:20px}
.searchform .field{margin-bottom:0;min-width:240px;flex:1}