/* ============================================================
   One course or workshop - STAGE 1 (single-ldm_offering.php): the
   inner-page hero (page-hero.css), then the key facts and a link back
   to the pathway view. Not designed as such: stage 2 builds the CW v2
   page. A simple ruled grid on White: two columns on phones, three on
   tablets, one row from 1024px; each fact a Grey Dark 12px uppercase
   label over a SemiBold 18 navy value.
   ============================================================ */

.offering-summary {
	padding-block: 48px 64px;
	background-color: var(--color-surface);
	color: var(--color-text);
}

/* Hairlines between the cells: each fact casts a 1px line above and to
   its left; the box clips the ones on its outer edge. */
.offering-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	overflow: hidden;
	border: var(--border-hairline) solid var(--color-border);
	border-radius: var(--radius-md);
	background-color: var(--color-surface);
}

.offering-facts__item {
	padding: 18px 20px 20px;
	box-shadow: -1px -1px 0 var(--color-border);
}

/* A last fact alone on its row takes the whole row. */
.offering-facts__item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

.offering-facts__term {
	color: var(--color-text-muted);
	font-size: var(--fs-label);
	font-weight: var(--fw-semibold);
	letter-spacing: var(--ls-tag);
	line-height: var(--lh-body);
	text-transform: uppercase;
}

.offering-facts__value {
	margin: 4px 0 0;
	color: var(--color-heading);
	font-size: var(--fs-ui-lg);
	font-weight: var(--fw-semibold);
	line-height: 1.4;
}

.offering-summary__back {
	margin-top: 32px;
}

.offering-summary__link {
	color: var(--color-link);
	font-size: var(--fs-body);
}

.offering-summary__link:focus-visible .icon {
	color: var(--color-arrow-hover-on-light);
}

@media (hover: hover) {
	.offering-summary__link:hover .icon {
		color: var(--color-arrow-hover-on-light);
	}
}

.offering-summary__link:focus-visible {
	outline-color: var(--color-focus-light);
}

@media (min-width: 768px) {
	.offering-summary {
		padding-block: 64px 80px;
	}

	.offering-facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.offering-facts__item:last-child:nth-child(odd) {
		grid-column: auto;
	}

	.offering-facts__item:last-child:nth-child(3n + 1) {
		grid-column: 1 / -1;
	}

	.offering-facts__item:last-child:nth-child(3n + 2) {
		grid-column: span 2;
	}
}

@media (min-width: 1024px) {
	.offering-facts {
		grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	}

	.offering-facts__item:last-child:is(:nth-child(3n + 1), :nth-child(3n + 2)) {
		grid-column: auto;
	}

	.offering-facts__item {
		padding: 22px 24px 24px;
	}
}