/*
 * ILM Components -- List.
 *
 * `marker-none` removes the bullet and the indent that exists to make room for
 * it. The element stays a `<ul>` or an `<ol>`: the list is still a list to
 * anything navigating by structure, and a screen reader still announces how
 * many items it has. Presentation is the only thing being removed.
 */

.ilm-component--basic-list {
	line-height: var(--ilm-line-height-base, 1.6);
	margin-block: 0;
	padding-inline-start: 1.5em;
	overflow-wrap: break-word;
}

.ilm-component--basic-list li + li {
	margin-block-start: 0.25em;
}

.ilm-component--basic-list.ilm-marker-none {
	list-style: none;
	padding-inline-start: 0;
}

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