/**
 * WYSIWYG — default design tokens.
 *
 * These are the plugin-level defaults for --ftps-wysiwyg-* properties.
 * Override any of them in your theme's page-sections-tokens.css file.
 */

@layer ftps-defaults {

.page-section-wysiwyg {

	/* ── Layout ─────────────────────────────────────────────────────── */
	--ftps-wysiwyg-margin: 20px;
	--ftps-wysiwyg-margin-block-md: 40px;
	--ftps-wysiwyg-margin-inline-md: 50px;
	--ftps-wysiwyg-max-width: var(--max-width-article, 790px);
}

} /* end @layer ftps-defaults */

.page-section-wysiwyg {
	margin-left: var(--ftps-wysiwyg-margin);
	margin-right: var(--ftps-wysiwyg-margin);

	@media (min-width: 48em) {
		margin: var(--ftps-wysiwyg-margin-block-md) var(--ftps-wysiwyg-margin-inline-md);
	}
}

.page-section-wysiwyg .ftps-wysiwyg-wrap {
	max-width: var(--ftps-wysiwyg-max-width);
	margin: 0 auto;	
}