/* Custom fieldset — field treatment only.
   Card padding, border, and background are the parent form wrapper's job. */

.cst-fs {
	.input-text {
		:is(input, select, textarea)::placeholder {
			font-size: 0.875rem;
			font-weight: 500;
			letter-spacing: 0.175rem;
			text-transform: uppercase;
			color: var(--black);
			opacity: 1;
		}
	}
}

/* Step progress indicator — multi-step state only. Mirrors components/forms/fieldset/fieldset.css
   so this component stays self-contained rather than depending on a sibling's stylesheet. */

.cst-fs .fs-prog {
	list-style: none;
	padding: 0;
	margin-block-start: 0;
	pointer-events: none; /* visual progress only — navigation is via Next/Previous */
}

.cst-fs .fs-prog-step {
	padding-block-end: .5rem;
	border-block-end: 2px solid var(--bdr-clr);
}

.cst-fs .fs-prog-step.active {
	border-block-end-color: var(--buttons);
}