/* PX Job List
 * Side-by-side: title column | description, divider under each item.
 * Stacked rules (title above description) are added inline by the loader
 * using Elementor's breakpoints.
 */

.pxjl {
	--pxjl-title-w: 200px;
	--pxjl-col-gap: 40px;
	--pxjl-divider: #DDDDDD;
	--pxjl-divider-w: 1px;
}

.pxjl-item {
	display: grid;
	grid-template-columns: var(--pxjl-title-w) minmax(0, 1fr);
	column-gap: var(--pxjl-col-gap);
	align-items: start;
	padding: 20px 0 28px;
	border-bottom: var(--pxjl-divider-w) solid var(--pxjl-divider);
}

.pxjl .pxjl-title {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	color: #7BCEEA;
	overflow-wrap: anywhere;
}

.pxjl-desc {
	min-width: 0;
	padding-top: 2px;
	font-size: 16px;
	line-height: 1.6;
	color: #3F647E;
}

.pxjl-desc > :first-child { margin-top: 0; }
.pxjl-desc > :last-child  { margin-bottom: 0; }

/* Reset theme list margins (Astra adds margin-left: 3em) */
.pxjl .pxjl-desc ul,
.pxjl .pxjl-desc ol {
	margin: 0 0 1em;
	padding-left: 1.2em;
}

.pxjl .pxjl-desc li {
	margin: 0 0 4px;
}

.pxjl .pxjl-desc > :last-child {
	margin-bottom: 0;
}