/* ============================================================
   Edge cards (2026-10-24; template-parts/components/edge-cards.php):
   the Coaching page's coach card and "Who coaching works well for",
   the Mentoring page's "Mentoring and the Mountain Leader pathway" and
   "Who is mentoring for?", measured on their v3 designs at 1440
   (phones and tablets are not designed). Secondary Navy cards with a
   Light Orange left edge, side by side from 1024px.
   ============================================================ */

.edge-cards__inner {
	display: grid;
	gap: 32px;
}

/* Secondary Navy cards with a Light Orange left edge. */
.edge-card {
	padding: 32px 32px 44px 25px;
	border-left: var(--border-accent) solid var(--color-accent);
	border-radius: var(--radius-md);
	background-color: var(--color-surface-dark-alt);
}

.edge-card__title {
	font-size: var(--fs-h3);
	line-height: 1.25;
}

.edge-card__text {
	margin-top: 20px;
}

.edge-card__text p + p {
	margin-top: 24px;
}

/* The lists: 24px under the heading or the text. */
.edge-card__list {
	display: grid;
	gap: 24px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.edge-card__bullets {
	margin-top: 24px;
}

/* A linked item (the Mentoring page's ML workshops): Cream, underlined,
   Light Orange on hover, as the links in the FAQ answers on navy. */
.edge-card__link {
	color: var(--color-link-on-dark);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	transition: color var(--transition);
}

@media (hover: hover) {
	.edge-card__link:hover {
		color: var(--color-link-hover-on-dark);
	}
}

/* The "Why choose" band's disc: a White tick in Light Orange, on the
   item's first line. */
.edge-card__item {
	display: flex;
	gap: 14px;
}

.edge-card__check {
	display: grid;
	flex: none;
	place-items: center;
	width: var(--icon-check);
	height: var(--icon-check);
	margin-top: 0;
	border-radius: 50%;
	background-color: var(--color-check-disc);
	color: var(--color-check-tick);
}

.edge-card__check .icon {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	stroke-width: 8px;
	stroke-linejoin: round;
}

.edge-card__item-text {
	flex: 1 1 auto;
	min-width: 0;
}

@media (min-width: 1024px) {
	.edge-cards__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 56px;
	}
}

/* Windows High Contrast: the tick discs are backgrounds; keep them in
   the text colour. */
@media (forced-colors: active) {
	.edge-card__check {
		background-color: var(--color-forced-line);
		forced-color-adjust: none;
	}

	.edge-card__check .icon {
		color: var(--color-forced-backplate);
	}
}