/**
 * AB Test — the two rules a test block needs.
 *
 * A variant's own styling is pushed with it, as its own stylesheet. What is
 * here is only about the container, and there is deliberately almost nothing:
 * the block has to be invisible in the layout, or a test would measure the
 * wrapper rather than the design.
 */

/* No box of its own: display:contents makes the wrapper vanish from layout, so
   a variant's markup sits in the parent grid or flex row exactly as it would
   have if it had been written into the page directly. Without this, dropping a
   test into a two-column grid produces one column containing both. */
.fdm-ab,
.fdm-ab__shown {
	display: contents;
}

/* A <template> is inert and unrendered by definition; this is belt and braces
   for a stylesheet that has set `template { display: block }`, which some
   resets do. */
.fdm-ab > template {
	display: none !important;
}