.mjp-job-postings {
	margin: 1.5em 0;
}

.mjp-job-postings.mjp-layout-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25em;
}

.mjp-job-posting {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 1.25em;
	margin-bottom: 1em;
	background: #fff;
}

.mjp-layout-cards .mjp-job-posting {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}

.mjp-job-title {
	margin: 0 0 0.5em;
	font-size: 1.15em;
}

.mjp-job-title a {
	text-decoration: none;
}

.mjp-job-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-bottom: 0.75em;
}

.mjp-layout-cards .mjp-job-meta {
	flex-grow: 1;
}

.mjp-badge {
	display: inline-block;
	font-size: 0.8em;
	padding: 0.2em 0.65em;
	border-radius: 999px;
	background: #f0f0f1;
	color: #3c434a;
}

.mjp-apply-link {
	font-weight: 600;
	text-decoration: none;
}

.mjp-no-results {
	color: #50575e;
	font-style: italic;
}

.mjp-single-job-meta {
	margin-bottom: 1.5em;
}

.mjp-apply-cta {
	margin: 0 0 1em;
}

.mjp-apply-cta-bottom {
	margin-top: 2em;
}

.mjp-apply-button {
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	padding: 0.65em 1.4em;
	border-radius: 6px;
	background: #1a1a1a;
	color: #fff;
}

.mjp-apply-button:hover,
.mjp-apply-button:focus {
	background: #333;
	color: #fff;
}