/* Feed-driven job detail: apply checklist + contact card + language notice.
   Small, self-contained styling for the hand-authored apply-contact-block. */
.jtl-personio-checklist {
	display: flex; flex-wrap: wrap; gap: .6rem;
	width: 100%; align-self: stretch;
	margin: 0 0 1.5rem; padding-left: 0; list-style: none;
}
/* The product-landing template forces every `section div ul` to
   flex-direction:column (specificity 0,2,3); override it back to a row so the
   application checklist reads as horizontal pills. */
body.single-jobs .jtl-jobs-cta .jtl-personio-checklist {
	flex-direction: row;
	justify-content: center;
}
.jtl-personio-checklist li {
	display: inline-flex; align-items: center; gap: .6rem;
	padding: .6rem 1.1rem; margin-bottom: 0;
	background: #fff; border-radius: 2rem; font-weight: 500;
}
.jtl-personio-checklist li i { color: #3b46f1; }

.jtl-personio-contact__who { margin-bottom: .75rem; }

.jtl-personio-langnote { opacity: .75; margin-bottom: 1rem; }

/* The ?job= detail renders INSIDE the wide product-landing careers page, whose
   template inflates .container to max-width:1570px / padding:60px (!important)
   and restyles h2/h3 (Kurdis 700, 32/40). A native single-jobs post uses the
   default 1140/15 container and Museo 800 32/46 headings. Pin the feed body
   back to those native metrics so a feed detail reads identically to a real
   post. Scoped to body.single-jobs (added only on the detail view), so the
   listing and other product-landing pages are untouched. */
body.single-jobs .jtl-jobs-main .jtl-personio-body > .container {
	max-width: 1140px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
body.single-jobs .jtl-jobs-main .jtl-personio-body h2,
body.single-jobs .jtl-jobs-main .jtl-personio-body h3 {
	font-family: 'Museo', 'Kurdis', sans-serif !important;
	font-weight: 800 !important;
	font-size: 32px !important;
	line-height: 46px !important;
	letter-spacing: 0.64px !important;
	color: #0b1b45 !important;
	margin: 40px 0 16px !important;
}