/* Список статей (template: blog-page.php) */
/* .blog { margin: 0 20px ; } */
/* однаково на всіх сторінках списку */
.blog__list { 
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* desktop = 3 */
}

@media (max-width: 1100px) {
  .blog__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* tablet = 2 */
}
@media (max-width: 640px) {
  .blog__list { grid-template-columns: 1fr; } /* mobile = 1 */
}

h1{
  text-align: center;
  font-size: 40px;
  margin: 20px 0;
}
.blog__item { background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.06); transition: transform .15s ease; }
.blog__item:hover { transform: translateY(-2px); }
.blog__link { display:block; color:inherit; text-decoration:none; padding-bottom:16px; }
.blog__thumb { aspect-ratio: 3 / 1.5; overflow:hidden; }
.blog__img { width:100%; height:100%; object-fit:cover; display:block; }
.blog__title { font-size:20px; line-height:1.3; margin:16px; }
.blog__excerpt { margin:0 16px 8px; color:#555;font-size: 14px;line-height: 1.3; }

.blog__pagination { margin-top:30px; text-align:center;margin-bottom: 30px; }
.blog__pagination-list { display:inline-flex; gap:8px; list-style:none; padding:0; margin:0; }
.blog__pagination-item a, .blog__pagination-item span {
  display:inline-block; padding:8px 12px; border-radius:10px; border:1px solid #ddd;text-decoration: none;color: #000;
}
.blog__pagination-item .current { background:#111; color:#fff; border-color:#111; }

.blog__empty { color:#666; padding:24px; text-align:center; }