.careers-page__section {
	padding-block: var(--space-8);
}

.careers-page__content > .careers-page__section:first-child {
	padding-block-end: var(--space-6);
}

.careers-page__section + .careers-page__section {
	border-top: 1px solid var(--color-border-subtle);
}

.careers-page__section--muted {
	background-color: var(--color-background-section-muted);
}

.careers-page__section--dark {
	color: var(--color-white);
	background-color: var(--color-off-black);
}

.careers-page__item-title,
.careers-page__step-title {
	margin: 0;
}

.careers-page__work-grid,
.careers-page__traits,
.careers-page__steps {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.careers-page__work-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-7);
}

.careers-page__work-item {
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border-subtle);
}

.careers-page__item-description,
.careers-page__step-description {
	margin: var(--space-4) 0 0;
	color: var(--color-muted);
	line-height: var(--line-height-body);
}

.careers-page__section--dark .careers-page__item-description {
	color: var(--color-white-alpha-70);
}

.careers-page__traits {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--space-7);
}

.careers-page__trait {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-4);
	padding-block: var(--space-5);
	border-top: 1px solid var(--color-white-alpha-24);
}

.careers-page__trait::before {
	width: 0.625rem;
	height: 0.625rem;
	margin-top: 0.45rem;
	background-color: var(--color-brand-accent);
	border-radius: var(--radius-circle);
	content: "";
}

.careers-page__step-number {
	display: block;
	margin-bottom: var(--space-3);
	color: var(--color-brand-accent);
	font-family: var(--font-family-heading);
	font-size: var(--font-size-heading-4);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
}

.careers-page__steps {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	border-block: 1px solid var(--color-border-subtle);
}

.careers-page__step {
	padding: var(--space-6);
}

.careers-page__step + .careers-page__step {
	border-inline-start: 1px solid var(--color-border-subtle);
}

.careers-page__note {
	max-width: none;
	margin: var(--space-6) 0 0;
	padding: var(--space-5) var(--space-6);
	background-color: var(--color-background-section-muted);
}

.careers-page__note p {
	margin: 0;
	color: var(--color-muted);
	line-height: var(--line-height-body);
}

@media (max-width: 48rem) {
	.careers-page__work-grid,
	.careers-page__traits,
	.careers-page__steps {
		grid-template-columns: 1fr;
	}

	.careers-page__work-grid {
		gap: var(--space-6);
	}

	.careers-page__steps {
		gap: 0;
	}

	.careers-page__step {
		padding-inline: 0;
	}

	.careers-page__step + .careers-page__step {
		border-top: 1px solid var(--color-border-subtle);
		border-inline-start: 0;
	}
}