/* ========================================================================== 
   ResearchOps UI • Home lifecycle orientation
   Version:    v1.1.0
   Service:    Home Office Biometrics — ResearchOps
   Build:      GOV.UK typography + colours; mobile-first
   Repo:       /css/home-lifecycle.css
   ========================================================================== */

.app-start-guidance,
.app-lifecycle-map {
	margin: 32px 0;
	padding: 24px;
	border: 1px solid #b1b4b6;
	background: #ffffff;
	}

.app-start-guidance {
	border-left: 6px solid #1d70b8;
	}

.app-start-guidance .govuk-heading-l,
.app-lifecycle-map .govuk-heading-l {
	margin-top: 0;
	}

.app-lifecycle-sequence {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
	}

.app-lifecycle-sequence__item {
	position: relative;
	min-width: 0;
	padding: 16px;
	border: 1px solid #b1b4b6;
	background: #f8f8f8;
	}

.app-lifecycle-sequence__item::after {
	content: "↓";
	position: absolute;
	bottom: -17px;
	left: 16px;
	font-weight: 700;
	line-height: 1;
	color: #505a5f;
	}

.app-lifecycle-sequence__item:last-child::after {
	content: none;
	}

.app-lifecycle-sequence__step {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 8px 1px;
	background: #1d70b8;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	}

.app-lifecycle-sequence__heading {
	margin: 0 0 4px;
	}

.app-lifecycle-sequence__body {
	margin: 0;
	color: #505a5f;
	}

@media (max-width: 640px) {
	.app-start-guidance,
	.app-lifecycle-map {
		padding: 16px;
		}
	}

@media (min-width: 760px) {
	.app-lifecycle-sequence {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		}

	.app-lifecycle-sequence__item::after {
		content: "→";
		top: 28px;
		right: -13px;
		bottom: auto;
		left: auto;
		}

	.app-lifecycle-sequence__item:nth-child(2n)::after,
	.app-lifecycle-sequence__item:last-child::after {
		content: none;
		}
	}

@media (min-width: 1100px) {
	.app-lifecycle-sequence {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		}

	.app-lifecycle-sequence__item:nth-child(2n)::after {
		content: "→";
		}

	.app-lifecycle-sequence__item:nth-child(4n)::after,
	.app-lifecycle-sequence__item:last-child::after {
		content: none;
		}
	}

/* transparency begins in the cascade */