/*
 * Info rows. Figma 257:822 (Contact): the first hairline 140px below the
 * hero, from column 4 (x 512) to the right margin; label and text 40px below
 * each line, the label in the Facts style with a 1px bar (text 40px after
 * it), the text in Body A from x 980; 80px from a text to the next line,
 * 140px from the last text to the footer.
 */

.info-rows {
	margin: 0;
	padding-top: var(--space-140);
	color: var(--color-forest-a);
}

.info-row {
	/* 40px from the top of the 1px line, as Figma measures. */
	row-gap: calc(var(--space-40) - var(--stroke-hairline));
	align-items: start;
	padding-bottom: var(--space-80);
}

.info-row:last-child {
	padding-bottom: var(--space-140);
}

.info-row::before {
	content: "";
	grid-column: 4 / -1;
	border-top: var(--stroke-hairline) solid var(--color-olive);
}

.info-row__label {
	grid-column: 4 / span 3;
	padding-left: calc(var(--space-40) - var(--stroke-hairline));
	border-left: var(--stroke-hairline) solid currentColor;
	color: var(--color-olive);
}

.info-row__line {
	display: block;
}

.info-row__text {
	grid-column: 7 / -1;
	margin: 0;
	font-size: var(--fs-35);
	line-height: var(--lh-body);
	text-box: trim-both cap alphabetic;
}

.info-row__text p + p {
	margin-top: 1em;
}

.info-row__text a {
	color: inherit;
	text-decoration: none;
}

.info-row__text a:hover,
.info-row__text a:focus-visible {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

/* Provisional until the mobile design: label above the text. */
@media (max-width: 767px) {
	.info-row::before,
	.info-row__label,
	.info-row__text {
		grid-column: 1 / -1;
	}
}