/* Articles list — Figma 1091:518 desktop / 1091:520 mobile.
   3-col CSS multi-column flow desktop (24px gap), 2-col tablet, 1-col mobile.
   Cards w/ optional featured image stack vertically per column. */

.rw-block-articles-list .head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--rw-space-md);
	margin-bottom: var(--rw-space-2xl);
	text-align: center;
}
.rw-block-articles-list .heading {
	color: var(--rw-color-primary-green);
	max-width: 70.6875rem;
	margin: 0;
	font-weight: 700;
	font-size: var(--rw-display-size);
	line-height: var(--rw-display-line);
	letter-spacing: var(--rw-display-tracking);
}

.rw-block-articles-list .list {
	list-style: none; margin: 0; padding: 0;
	column-count: 3;
	column-gap: var(--rw-space-md);
}
.rw-block-articles-list .card { break-inside: avoid; display: block; width: 100%; margin-bottom: var(--rw-space-md); }

.rw-block-articles-list .link {
	display: flex; flex-direction: column;
	gap: var(--rw-space-lg);
	padding: 1.5rem 1.5rem 2rem;
	background: var(--rw-color-white);
	border-radius: var(--rw-radius-lg);
	color: inherit; text-decoration: none;
}

.rw-block-articles-list .thumb {
	position: relative; width: 100%;
	aspect-ratio: 376 / 282;
	overflow: hidden;
	border-radius: var(--rw-radius-xs);
	background: var(--rw-color-bg-mist);
}
.rw-block-articles-list .thumb::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.2); pointer-events: none; }
.rw-block-articles-list .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
.rw-block-articles-list .link:hover .thumb img { transform: scale(1.03); }

.rw-block-articles-list .body { display: flex; flex-direction: column; gap: var(--rw-space-md); }

.rw-block-articles-list .title {
	font-family: var(--rw-font-text); font-weight: 700;
	font-size: 1.5rem; line-height: 1.875rem;
	letter-spacing: -0.012em;
	color: var(--rw-color-primary-green);
	margin: 0; transition: color 0.2s ease;
}
.rw-block-articles-list .excerpt {
	font-family: var(--rw-font-text); font-weight: 400;
	font-size: 1.125rem; line-height: 1.4375rem;
	letter-spacing: -0.012em;
	color: var(--rw-color-grey-01); margin: 0;
}
.rw-block-articles-list .cta {
	font-family: var(--rw-font-text); font-weight: 600;
	font-size: 1rem; line-height: 1;
	color: var(--rw-color-primary-green);
	text-decoration: underline; text-underline-offset: 0.2em;
}
.rw-block-articles-list .link:hover .title { color: var(--rw-color-primary-blue); }

.rw-block-articles-list .actions { display: flex; justify-content: center; margin-top: var(--rw-space-2xl); }
.rw-block-articles-list .load-more {
	font: inherit; font-weight: 600; font-size: 1rem; line-height: 1;
	color: var(--rw-color-primary-green);
	background: transparent;
	border: 1px solid var(--rw-color-border);
	border-radius: var(--rw-radius-sm);
	padding: 1rem 1.5rem;
	cursor: pointer;
	transition: background 0.2s ease;
}
.rw-block-articles-list .load-more:hover { background: var(--rw-color-bg-gray); }
.rw-block-articles-list .load-more:disabled { opacity: 0.6; cursor: progress; }
.rw-block-articles-list .load-more[hidden] { display: none; }

.rw-block-articles-list .empty { color: var(--rw-color-grey-01); text-align: center; }

@media (max-width: 1024px) { .rw-block-articles-list .list { column-count: 2; } }
@media (max-width: 767px) {
	.rw-block-articles-list .list { column-count: 1; }
	.rw-block-articles-list .excerpt { font-size: 1rem; line-height: 1.5rem; }
	.rw-block-articles-list .head { margin-bottom: var(--rw-space-xl); }
}