/*
 * ILM Components -- Text.
 *
 * A wrapper holding one or more `<p>`. The wrapper exists so the component has
 * a single root element for the builder to mark -- see the note in Text.php --
 * and it is where the alignment and size classes live, both of which inherit
 * down to the paragraphs.
 *
 * Paragraph spacing is a `gap` on the wrapper rather than margins on the
 * paragraphs. Margins would collapse against whatever is next to the component
 * and would leave a stray margin below the last paragraph, which is the reason
 * every prose stylesheet ends up with a `> :last-child { margin: 0 }` rule.
 */

.ilm-component--basic-text {
	display: flex;
	flex-direction: column;
	gap: var(--ilm-c-text-gap, 0.75em);
	line-height: var(--ilm-line-height-base, 1.6);
	overflow-wrap: break-word;
}

.ilm-component--basic-text p {
	margin: 0;
}

.ilm-component--basic-text.ilm-size-sm { font-size: var(--ilm-font-size-sm, 0.875rem); }
.ilm-component--basic-text.ilm-size-md { font-size: var(--ilm-font-size-base, 1rem); }
.ilm-component--basic-text.ilm-size-lg { font-size: var(--ilm-font-size-lg, 1.125rem); }