.nh-publisher-flow .nh-flow__dot {
	border-color: var(--nh-flow-dot-outer, var(--nh-flow-accent, #000000));
}

.nh-publisher-flow .nh-flow__dot::before {
	border-color: var(--nh-flow-dot-inner, #000000);
}

@media (min-width: 901px) {
	.nh-publisher-flow .nh-flow__inner {
		max-width: 100%;
	}

	.nh-publisher-flow {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.nh-publisher-flow .nh-flow__header {
		margin-bottom: 90px;
	}

	.nh-publisher-flow .nh-flow__step-title {
		margin-bottom: 32px;
		min-height: 0;
	}

	.nh-publisher-flow .nh-flow__steps::before {
		/* Align the connector to the visual center of the dots for any step count. */
		background: #000000;
		top: 72px;
	}
}

@media (max-width: 900px) {
	.nh-publisher-flow .nh-flow__steps::before {
		background: #000000;
	}

	.nh-publisher-flow {
		margin: 0 auto;
	}

	.nh-publisher-flow .nh-flow__step:last-child::after {
		content: "";
		position: absolute;
		top: 33px;
		left: 14px;
		width: 5px;
		bottom: -16px;
		background: #F8F4F3;
		z-index: 1;
		pointer-events: none;
	}
}