/*
 * Proof card (Home "Why HYKK", About).
 *
 * Three across on a grey section, padding 40. Top slot without a number
 * (A2): the hairline and an optional icon. h3 at 26 / 112%, body at 17
 * rather than the card's 16, because these are prose-length paragraphs and
 * the boards draw them at 17.
 */

@layer vdt.components {
	.vdt-card--proof .vdt-card__heading {
		font-size: var(--vdt-size-h3);
		font-stretch: var(--vdt-width-sub);
		line-height: var(--vdt-leading-h3);
	}

	.vdt-card--proof .vdt-card__body {
		font-size: var(--vdt-size-body);
		line-height: var(--vdt-leading-body);
	}

	/*
	 * Side by side, a heading holds two lines whether it needs them or not,
	 * so the bodies of a row of cards start level (the boards' 62px). Stacked
	 * on a phone there is no row to line up.
	 */
	@media (min-width: 45rem) {
		.vdt-card--proof .vdt-card__heading {
			min-height: 2lh;
		}
	}
}