/* ==========================================================================
   GCA article list (template: listArticleGCA)
   One repeating card; the grid makes the first two cards on each page large.
   Matches the existing grid-6 / 244 layout sizes and breakpoints.
   v2: works with EasyDNN's article_list_wrapper div.
   Breakpoints: <37.5rem phone | 37.5-56.1875rem tablet | 56.25-79.9375rem laptop | >=80rem desktop
   ========================================================================== */

/* ---------- Grid ---------- */
/* EasyDNN wraps the cards in its own div (e.g. .edn_639_article_list_wrapper).
   display: contents makes that wrapper invisible to layout, so the cards
   become grid items of .gca-list on every module, whatever its ID. */
.gca-list > [class*="_article_list_wrapper"] {
	display: contents;
}

.gca-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5rem;
	width: 100%;
	position: relative;
}
.gca-list .gca-card {
	list-style: none;
	min-width: 0;
}

@media (min-width: 37.5rem) {
	.gca-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
	}
}
@media (min-width: 56.25rem) {
	.gca-list { gap: 2rem; }
}
@media (min-width: 80rem) {
	.gca-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	/* first two cards on each page span two columns */
	.gca-list .gca-card:nth-child(-n+2) { grid-column: span 2; }
}

/* ---------- Card text: standard (small) cards = old layout C ---------- */
.gca-list .card-body .gca-card__meta  { font-size: 0.9rem; line-height: 1.16; margin-bottom: 5px; color: #363636; }
.gca-list .card-body .gca-card__title { font-size: 1.7rem; line-height: 1.1; margin-bottom: 5px; font-weight: 500; color: #1a1a1a; }
.gca-list .card-body .gca-card__summary { color: #363636; font-size: 1.1rem; line-height: 1.5em; margin-bottom: 0; font-weight: 400; }

@media (min-width: 37.5rem) and (max-width: 56.1875rem) {
	.gca-list .card-body .gca-card__meta  { margin-bottom: 1px; font-size: 0.9rem; line-height: 1.15; }
	.gca-list .card-body .gca-card__title { font-size: 1.425rem; line-height: 1.15; font-weight: 400; }
	.gca-list .card-body .gca-card__summary { display: none; }
}
@media (min-width: 56.25rem) and (max-width: 79.9375rem) {
	.gca-list .card-body .gca-card__meta  { font-size: 1rem; line-height: 1; font-weight: 400; margin-bottom: 0.25rem; }
	.gca-list .card-body .gca-card__title { font-size: 1.56rem; line-height: 1.2; font-weight: 400; }
	.gca-list .card-body .gca-card__summary { font-size: 1.2rem; line-height: 1.4; }
}
@media (min-width: 80rem) {
	.gca-list .card-body .gca-card__meta  { font-size: 0.8rem; line-height: 1.3; font-weight: 400; margin-bottom: 0.22rem; }
	.gca-list .card-body .gca-card__title { font-size: 1.4rem; line-height: 1.2; font-weight: 500; }
	.gca-list .card-body .gca-card__summary { font-size: 1.1rem; line-height: 1.4; }
}

/* ---------- Card text: first two cards = old layouts A/B ---------- */
.gca-list .gca-card:nth-child(1) .card-body .gca-card__summary { line-height: 1.16; }
.gca-list .gca-card:nth-child(1) .card-body .gca-card__meta { color: #1a1a1a; }

@media (min-width: 56.25rem) and (max-width: 79.9375rem) {
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__meta  { font-size: 1.12rem; }
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__title { font-size: 1.82rem; }
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__summary { font-size: 1.2rem; line-height: 1.16; }
	.gca-list .gca-card:nth-child(2) .card-body .gca-card__summary { font-size: 1.4rem; }
}
@media (min-width: 80rem) {
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__meta  { font-size: 1rem; line-height: 1; margin-bottom: 0.25rem; }
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__title { font-size: 2.6rem; line-height: 1.2; font-weight: 500; }
	.gca-list .gca-card:nth-child(-n+2) .card-body .gca-card__summary { font-size: 1.2rem; line-height: 1.4; }
}