/**
 * Module: CSI Initiatives Section.
 * Loaded only when a `csi_initiatives_section` layout is present.
 * Section background colour + image come from ACF (inline styles).
 * (Shared slider skin lives in style.css §8.)
 */
.csi-initiatives-section {
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
}

.csi-initiatives-section .csi-initiatives-head {
	margin-bottom: 3rem;
}
.csi-initiatives-section .csi-initiatives-desc {
	font-size: var(--fuchs-fs-lead, 20px);
	font-weight: var(--fuchs-fw-regular, 400);
}

/* Cards (zig-zag). */
.csi-initiatives-section .csi-card + .csi-card {
	margin-top: 3rem;
}

.csi-initiatives-section .csi-card-title {
	font-size: var(--fuchs-fs-h3, 24px);
	font-weight: var(--fuchs-fw-semibold, 600);
	color: var(--fuchs-dark-blue, #0F1F41);
	margin-bottom: 0.75rem;
}
.csi-initiatives-section .csi-card-desc {
	color: var(--fuchs-700, #656263);
	margin-bottom: 1.25rem;
}

.csi-initiatives-section .csi-card-ka-title {
	font-size: 1rem;
	font-weight: var(--fuchs-fw-semibold, 600);
	color: var(--fuchs-text, #231F20);
	margin-bottom: 0.6rem;
}
.csi-initiatives-section .csi-card-ka-list ul {
	padding-left: 1.1rem;
	margin-bottom: 0;
}
.csi-initiatives-section .csi-card-ka-list li {
	color: var(--fuchs-700, #656263);
	margin-bottom: 0.35rem;
}

.csi-initiatives-section .csi-card-slider .carousel-item img {
	aspect-ratio: 16 / 10;
	border-radius: 12px;
}