/* Careers table */
.bel-jobs { margin: 0; padding: 0; list-style: none; border: 1px solid var(--bel-line-light); }
.bel-job {
	position: relative;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.15fr auto;
	align-items: center;
	gap: 20px;
	padding: 32px 42px;
	border-top: 1px solid var(--bel-line-light);
	transition: background-color .3s;
}
.bel-job:first-child { border-top: 0; }
.bel-job:hover { background: rgba(255, 255, 255, .04); }
.bel-job__label { display: block; margin-bottom: 6px; color: rgba(255, 255, 255, .55); font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.bel-job__title { margin: 0; font-size: clamp(1.3rem, 2vw, 1.75rem); }
.bel-job__title a { color: #fff; }
.bel-job__title a::after { content: ""; position: absolute; inset: 0; }
.bel-job__value { display: block; color: #fff; font: 500 clamp(1.1rem, 1.6vw, 1.45rem)/1.3 var(--bel-font-h); }
.bel-job__apply { position: relative; z-index: 1; justify-self: end; white-space: nowrap; }
.bel-job:hover .bel-job__title a, .bel-job:hover .bel-job__apply { color: var(--bel-accent); }
.bel-jobs__more { margin-top: 56px; text-align: center; }
.bel-jobs__empty { text-align: center; }

/* Light tone */
.bel-careers--light .bel-jobs, .bel-careers--light .bel-job { border-color: var(--bel-line); }
.bel-careers--light .bel-job:hover { background: var(--bel-grey); }
.bel-careers--light .bel-job__label { color: #8a8a8a; }
.bel-careers--light .bel-job__title a, .bel-careers--light .bel-job__value { color: var(--bel-heading); }

@media (max-width: 1024px) {
	.bel-job { grid-template-columns: 1fr 1fr 1fr; padding: 28px; }
	.bel-job__cell--title { grid-column: 1 / -1; }
	.bel-job__apply { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 600px) {
	.bel-job { grid-template-columns: 1fr 1fr; gap: 16px; padding: 24px 20px; }
}