/*
 * raw.css — NOT processed by gulp.
 *
 * Use this file for modern CSS features that break the build pipeline
 * (e.g. @container queries, @layer, @property, CSS nesting).
 * Enqueued directly by WordPress after the main stylesheet.
 */

/* ── HubSpot: 3-column form layout (container query) ──────────── */

.hs-form {
	container-type: inline-size;
}

@container (min-width: 560px) {
	.hs-form fieldset.form-columns-3 {
		flex-direction: row !important;
	}

	.hs-form fieldset.form-columns-3 .hs-form-field {
		flex: 1 1 0 !important;
	}
}