/**
 * [one230_process_steps] — reuses the [one230_website_status] bar track.
 * Column count follows --ps-count (defaults stay at 5).
 */
.one230-ps.one230-ws-status {
	--one230-ws-muted: #6f6b64;
}

.one230-ps.one230-ws-status .one230-ws-status__track,
.one230-ps .one230-ps__list {
	grid-template-columns: repeat(var(--ps-count, 5), max-content);
	gap: 24px;
}

@media (max-width: 720px) {
	.one230-ps.one230-ws-status .one230-ws-status__track,
	.one230-ps .one230-ps__list {
		width: 100%;
		gap: 10px;
		grid-template-columns: repeat(var(--ps-count, 5), minmax(0, 1fr));
	}

	.one230-ps .one230-ws-status__step,
	.one230-ps .one230-ps__item {
		min-width: 0;
	}

	.one230-ps .one230-ws-status__step-label,
	.one230-ps .one230-ps__label {
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
	}
}