.wdmcc-mtm-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
	/* Consumed by the shared Option_Card controls in shared.css. */
	--wdmcc-accent: #2c6e49;
}

/* Direct-child selector on purpose — this must only style the question
   title ("1. Fabric", "3. Hanging type", ...), never the option labels
   nested inside .wdmcc-toggle-row / .wdmcc-option-grid below it.
   A plain ".wdmcc-mtm-field label" (no child combinator) has higher
   specificity than those components' own display rules and silently
   forces every nested label to display:block, stacking radios that were
   meant to sit in one line. */
.wdmcc-mtm-field > label {
	display: block;
	font-weight: 600;
	margin-bottom: 0.35rem;
}

.wdmcc-mtm-field > input[type="number"] {
	width: 100%;
	max-width: 320px;
}

.wdmcc-mtm-subfield {
	margin-top: 0.5rem;
}

.wdmcc-mtm-hint {
	display: block;
	font-size: 0.85em;
	opacity: 0.75;
	margin-top: 0.25rem;
}

/* Explanatory copy under a field (length help, pattern repeat notice) —
   quieter than a hint, since it is prose the customer reads once. */
.wdmcc-mtm-help {
	margin: 0.35rem 0 0;
	font-size: 0.85em;
	line-height: 1.45;
	opacity: 0.7;
}

.wdmcc-mtm-admin-warning {
	color: #b32d2e;
	font-weight: 600;
}

[x-cloak] { display: none !important; }