/**
 * Feature Cards
 *
 * Centered heading over a pair of .card.feature. The cards are the global —
 * nothing here restyles one, it only lays out the row.
 */

.module.feature-cards .intro {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	margin-bottom: var(--module-spacing-medium);
	text-align: center;
}

.module.feature-cards .intro > * {
	margin: 0;
}

.module.feature-cards .subhead > :first-child {
	margin-top: 0;
}

.module.feature-cards .subhead > :last-child {
	margin-bottom: 0;
}

.module.feature-cards .emphasis {
	margin: 12px 0;
}

/***************************************************************************************************************************************************************************************/
/* MQ MAX-WIDTH 650 - Mobile Sizes */
/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(650rem/16)) {

	.module.feature-cards .intro {
		margin-bottom: var(--text-spacing-medium);
	}

	.module.feature-cards .cards {
		grid-template-columns: minmax(0, 1fr);
	}

}