/* --- WorldScholars: site home -> card grid --- */

/* Containers (various theme markups for site journal list) */
.page_index_site .cmp_journal_list ul,
.page_index_site .cmp_journal_list .journals,
.page_index_site .pkp_site_journal_list,
.pkp_page_index_site .journals {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 24px 0 !important;
}

/* Items */
.page_index_site .cmp_journal_list li,
.page_index_site .journals > li,
.page_index_site .pkp_site_journal_summary,
.page_index_site .journal,
.pkp_page_index_site .journals > li {
  flex: 1 1 calc(33.333% - 16px) !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 16px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

/* Hover */
.page_index_site .cmp_journal_list li:hover,
.page_index_site .pkp_site_journal_summary:hover,
.page_index_site .journal:hover,
.pkp_page_index_site .journals > li:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
}

/* Titles & links */
.page_index_site .cmp_journal_list h2,
.page_index_site .pkp_site_journal_summary h2,
.pkp_page_index_site .journals h2 {
  margin: 0 0 8px !important;
  font-size: 1.05rem !important;
}
.page_index_site .cmp_journal_list a,
.page_index_site .pkp_site_journal_summary h2 a,
.pkp_page_index_site .journals a {
  text-decoration: none !important;
  color: #0f3d7a !important;
  font-weight: 600 !important;
}

/* Descriptions */
.page_index_site .cmp_journal_list p,
.page_index_site .pkp_site_journal_summary .pkp_helpers_text,
.pkp_page_index_site .journals p {
  margin: 0 !important;
  color: #444 !important;
  font-size: .95rem !important;
}

/* Responsive */
@media (max-width:1024px){
  .page_index_site .cmp_journal_list li,
  .page_index_site .pkp_site_journal_summary,
  .page_index_site .journal,
  .pkp_page_index_site .journals > li {
    flex-basis: calc(50% - 16px) !important;
  }
}
@media (max-width:640px){
  .page_index_site .cmp_journal_list li,
  .page_index_site .pkp_site_journal_summary,
  .page_index_site .journal,
  .pkp_page_index_site .journals > li {
    flex-basis: 100% !important;
  }
}