/* Condensed article list styling */
@media (max-width: 575px) {
  .article-card {
    flex-direction: column !important;
  }
  .article-card .article-card-image {
    width: 100% !important;
  }
  .article-card .article-card-image img {
    width: 100% !important;
    height: 180px !important;
  }
}

/* Pagination - override template CSS resets */
.article-pagination {
  margin-top: 30px !important;
  text-align: center !important;
}
.article-pagination ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  gap: 6px !important;
}
.article-pagination li {
  margin: 0 !important;
  padding: 0 !important;
}
.article-pagination li::before {
  display: none !important;
}
.article-pagination a,
.article-pagination span.pg-current {
  display: inline-block !important;
  padding: 8px 16px !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  color: #29293a !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.article-pagination a:hover {
  background: #f5f5f5 !important;
}
.article-pagination span.pg-current {
  background: #4860FA !important;
  color: #fff !important;
  border-color: #4860FA !important;
}

/* Sidebar list overrides */
.article-sidebar ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.article-sidebar li {
  padding: 0 !important;
}
.article-sidebar li::before {
  display: none !important;
}