/* PEIBWA info cards (Lake block). main.css scopes the card chrome to
   .peibwa-info-card.wp-block-group (Gutenberg markup), so the base card
   styles are replicated here for Lake markup; main.css still provides the
   unscoped __title/__body typography. */

.lake-root .b-info-cards .peibwa-info-card {
	background-color: #fff;
	border-radius: 16px;
	padding: 2rem;
	box-shadow: 0 4px 16px rgba(39, 47, 56, 0.06);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
}

.lake-root .b-info-cards .peibwa-info-card__icon {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 1.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.lake-root .b-info-cards .peibwa-info-card__icon img {
	display: block;
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.lake-root .b-info-cards .peibwa-info-card__buttons {
	margin-top: auto;
}

.lake-root .b-info-cards .head-row {
	margin-bottom: 2.5rem;
}

.lake-root .b-info-cards .head-row.two-col {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: center;
}

.lake-root .b-info-cards .head-row .s-head {
	margin: 0;
}

.lake-root .b-info-cards .head-row .intro {
	font-size: 1.125rem;
	line-height: 1.65;
}

.lake-root .b-info-cards.dark .head-row .s-head,
.lake-root .b-info-cards.dark .head-row .intro {
	color: #fff;
}

.lake-root .b-info-cards .cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

.lake-root .b-info-cards .cards.cols-2 {
	grid-template-columns: repeat(2, 1fr);
}

.lake-root .b-info-cards .cards.cols-4 {
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

@media (max-width: 1100px) {
	.lake-root .b-info-cards .cards.cols-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Scheme color per card; icon tile + outline button pick it up. */
.lake-root .b-info-cards .peibwa-info-card { --pic: var(--color-secondary, #6F5EAE); }
.lake-root .b-info-cards .peibwa-info-card.scheme-primary { --pic: var(--color-primary, #093A80); }
.lake-root .b-info-cards .peibwa-info-card.scheme-accent { --pic: var(--color-accent, #115D6A); }
.lake-root .b-info-cards .peibwa-info-card.scheme-primary-light { --pic: var(--color-primary-light, #9BBEF2); }

.lake-root .b-info-cards .peibwa-info-card__icon {
	background: var(--pic);
}

.lake-root .b-info-cards .peibwa-info-card .peibwa-btn--outline {
	--pbtn: var(--pic);
}

.lake-root .b-info-cards.title-scheme .peibwa-info-card__title {
	color: var(--pic);
}

/* Per-card title color (captured from the original heading color). */
.lake-root .b-info-cards .peibwa-info-card.t-primary .peibwa-info-card__title { color: var(--color-primary, #093A80); }
.lake-root .b-info-cards .peibwa-info-card.t-secondary .peibwa-info-card__title { color: var(--color-secondary, #6F5EAE); }
.lake-root .b-info-cards .peibwa-info-card.t-accent .peibwa-info-card__title { color: var(--color-accent, #115D6A); }
.lake-root .b-info-cards .peibwa-info-card.t-primary-light .peibwa-info-card__title { color: var(--color-primary-light, #9BBEF2); }

/* Tinted card backgrounds (the "Other ways PEIBWA can support you" trio). */
.lake-root .b-info-cards .peibwa-info-card.tinted.scheme-secondary { background: rgba(203, 192, 229, 0.3); }
.lake-root .b-info-cards .peibwa-info-card.tinted.scheme-primary { background: rgba(156, 191, 243, 0.3); }
.lake-root .b-info-cards .peibwa-info-card.tinted.scheme-accent { background: rgba(163, 211, 217, 0.3); }
.lake-root .b-info-cards .peibwa-info-card.tinted.scheme-primary-light { background: rgba(156, 191, 243, 0.3); }

/* Navy band variant. */
.lake-root .b-info-cards.dark {
	background: var(--color-primary, #093A80);
}

@media (max-width: 900px) {
	.lake-root .b-info-cards .cards,
	.lake-root .b-info-cards .cards.cols-2,
	.lake-root .b-info-cards .cards.cols-4 {
		grid-template-columns: 1fr;
	}

	.lake-root .b-info-cards .head-row.two-col {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* Closing line under the cards (symposium "Don't miss out…"). */
.lake-root .b-info-cards .outro {
	margin-top: 2rem;
	line-height: 1.7;
}

.lake-root .b-info-cards .outro p {
	margin: 0 0 0.85em;
}

.lake-root .b-info-cards .outro p:last-child {
	margin-bottom: 0;
}