/**
 * css/components/how-we-help.css — Home page-specific compound layout (#65)
 *
 * Reuses `.cg-band`/`.cg-split`/`.cg-cardbox--onink-framed`/`.cg-card`
 * as-is (band.css/split.css/cardbox.css) — this file only adds the
 * journey cards' fixed min-height (so 3 uneven copy lengths stay flush-
 * bottom aligned) and the closing body+button footer row. Reference:
 * home.html `.ccard`/`.helpfoot`.
 *
 * Tokens only — no raw hex, no @layer, no !important.
 */

.cg-howhelp__cardbox .cg-card {
	display: flex;
	flex-direction: column;
	min-height: 386px;
}

.cg-howhelp__cardbox .cg-card__text {
	flex: 1;
}

.cg-howhelp__foot {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 60px;
	margin-top: 78px;
}

.cg-howhelp__foot-body {
	max-width: 560px;
}

@media ( max-width: 1024px ) {
	.cg-howhelp__cardbox .cg-card {
		min-height: 0;
	}

	.cg-howhelp__foot {
		align-items: flex-start;
	}
}