/**
 * lists_article.htm — blog list layout.
 * Theme bootstrap: .container has no horizontal padding; [class*=col-] padding is 0.
 * Apply gutters on .aoxiang-blog-list-section (not .container) for reliable mobile spacing.
 */

body.page-lists-article .sigma_post.style-6 .sigma_post-thumb {
  margin-bottom: 1rem;
  border-radius: 4px;
  overflow: hidden;
}

body.page-lists-article .sigma_post.style-6 .sigma_post-thumb img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (max-width: 991px) {
  body.page-lists-article .sigma_subheader.style-6 > .container {
    padding-left: max(20px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
  }

  body.page-lists-article .aoxiang-blog-list-section {
    padding-left: max(20px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(20px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box;
  }

  body.page-lists-article .aoxiang-blog-list-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  body.page-lists-article .aoxiang-blog-list-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.page-lists-article .aoxiang-blog-list-col,
  body.page-lists-article .aoxiang-blog-list-row > [class*='col-'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  body.page-lists-article .aoxiang-blog-list-section {
    padding-top: 8px;
    padding-bottom: 28px;
  }

  body.page-lists-article .sigma_post.style-6 {
    padding-left: 0;
    padding-right: 0;
  }
}