/*
 * Graxynet JNSPS Green V2.1.50
 * Stable three-column article grids.
 *
 * This layer intentionally has higher selector specificity than the older
 * V2.1.x grid rules, so late-loaded legacy CSS cannot switch desktop lists
 * back to two columns after the first paint.
 */

/* Desktop/laptop: 3 cards */
@media (min-width: 992px) {
  html body .pkp_structure_content .pkp_structure_main .cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main ul.cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main .rans-force-article-grid.rans-force-article-grid,
  html body .pkp_structure_content .pkp_structure_main .rans-v2130-article-grid.rans-v2130-article-grid,
  html body .pkp_structure_content .pkp_structure_main .page_search .search_results.search_results,
  html body .pkp_structure_content .pkp_structure_main .page_article #articlesBySimilarityList > ul,
  html body .pkp_structure_content .pkp_structure_main .page_article .jnsps-same-author-list.jnsps-same-author-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 18px !important;
  }
}

/* Tablet: 2 cards */
@media (min-width: 768px) and (max-width: 991px) {
  html body .pkp_structure_content .pkp_structure_main .cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main ul.cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main .rans-force-article-grid.rans-force-article-grid,
  html body .pkp_structure_content .pkp_structure_main .rans-v2130-article-grid.rans-v2130-article-grid,
  html body .pkp_structure_content .pkp_structure_main .page_search .search_results.search_results,
  html body .pkp_structure_content .pkp_structure_main .page_article #articlesBySimilarityList > ul,
  html body .pkp_structure_content .pkp_structure_main .page_article .jnsps-same-author-list.jnsps-same-author-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
  }
}

/* Mobile: 1 card */
@media (max-width: 767px) {
  html body .pkp_structure_content .pkp_structure_main .cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main ul.cmp_article_list.cmp_article_list,
  html body .pkp_structure_content .pkp_structure_main .rans-force-article-grid.rans-force-article-grid,
  html body .pkp_structure_content .pkp_structure_main .rans-v2130-article-grid.rans-v2130-article-grid,
  html body .pkp_structure_content .pkp_structure_main .page_search .search_results.search_results,
  html body .pkp_structure_content .pkp_structure_main .page_article #articlesBySimilarityList > ul,
  html body .pkp_structure_content .pkp_structure_main .page_article .jnsps-same-author-list.jnsps-same-author-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 14px !important;
  }
}