.jpjp-employer-registration-outcome,
.jpjp-employer-status,
.jpjp-employer-submit-status {
	margin: 20px 0;
	padding: 18px;
	border: 1px solid #b8d8c2;
	border-radius: 12px;
	background: #f2faf5;
	color: #17211b;
}

.jpjp-employer-registration-outcome:focus {
	outline: 3px solid #ef9f1a;
	outline-offset: 3px;
}

.jpjp-employer-registration-outcome h2,
.jpjp-employer-status h2 {
	margin: 0 0 8px;
	font-size: clamp(20px, 4vw, 26px);
	line-height: 1.3;
}

.jpjp-employer-registration-outcome p,
.jpjp-employer-status p,
.jpjp-employer-submit-status p {
	margin: 0 0 12px;
}

.jpjp-employer-registration-outcome ul,
.jpjp-employer-status ul,
.jpjp-employer-submit-status ul {
	margin: 10px 0 0;
	padding-left: 20px;
}

.jpjp-employer-registration-outcome a,
.jpjp-employer-status a,
.jpjp-employer-submit-status a {
	color: #176b3a;
	font-weight: 650;
	text-underline-offset: 3px;
}

.jpjp-employer-submit-status {
	font-size: 15px;
}

.jpjp-employer-onboarding progress {
	display: block;
	width: 100%;
	height: 10px;
	margin: 8px 0 18px;
	accent-color: #176b55;
}

.jpjp-employer-step {
	font-size: 15px;
}

.jpjp-employer-progress {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	margin: 18px 0;
	padding: 0;
	list-style: none;
}

.jpjp-employer-progress li {
	padding: 10px;
	border: 1px solid #c9d8cf;
	border-radius: 9px;
	background: #fff;
	font-size: 14px;
}

.jpjp-employer-progress li[data-step-state="complete"] {
	border-color: #87b89a;
	background: #e9f6ee;
}

.jpjp-employer-progress li[data-step-state="current"] {
	border: 2px solid #176b55;
	font-weight: 700;
}

.jpjp-employer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding-left: 0 !important;
	list-style: none;
}

.jpjp-employer-actions a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	padding: 9px 14px;
	border: 1px solid #176b55;
	border-radius: 9px;
	background: #fff;
}

@media (max-width: 720px) {
	.jpjp-employer-progress {
		grid-template-columns: 1fr;
	}
}