.az8-filters-bar {
  display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1rem;
}
.az8-filter-btn {
  border: 1px solid rgba(0,0,0,.1);
  padding: .4rem .8rem; border-radius: 999px; cursor: pointer; background: #fff;
  transition: .2s ease-in-out; font-weight: 500;
}
.az8-filter-btn:hover { transform: translateY(-1px); }
.az8-filter-btn.is-active { background: #111; color: #fff; border-color: #111; }
.az8-filter-search { margin-left: auto; }
.az8-filter-search-input { padding: .4rem .6rem; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; }

.az8-grid.is-loading { opacity: .6; pointer-events: none; }
.az8-grid-inner { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
@media (max-width: 1024px){ .az8-grid-inner { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px){ .az8-grid-inner { grid-template-columns: 1fr; } }

.az8-card { border: 1px solid rgba(0,0,0,.08); border-radius: 14px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.az8-card-thumb img { width: 100%; height: auto; display: block; }
.az8-card-body { padding: 14px; display: flex; flex-direction: column; gap: .4rem; }
.az8-card-title { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.az8-card-title a { text-decoration: none; color: inherit; }
.az8-card-cats { font-size: .8rem; color: #6b7280; }
.az8-card-excerpt { margin: .2rem 0 .6rem; color: #374151; }
.az8-card-read { align-self: flex-start; padding: .35rem .7rem; border-radius: 999px; border: 1px solid #111; text-decoration: none; }
.az8-grid-footer { text-align: center; margin-top: 1rem; }
.az8-load-more { padding: .6rem 1rem; border: 1px solid rgba(0,0,0,.15); border-radius: 8px; background: #fff; cursor: pointer; }