@layer components{
	.rte-content,
	.md-text-editor{
		--max-column-size: 65.6875rem;
	}

	:is(.rte-content, .md-text-editor) :where(h1, h2, h3, h4){
		margin-block: 1.25em .8em;
	}

	:is(.rte-content, .md-text-editor) :where(h1, h2){
		font-size: var(--fs-step-3);
		font-family: var(--ff-accent);
		line-height: 1.15;
		font-weight: 200;
		margin-block-end: 2.375rem;
	}

	:is(.rte-content, .md-text-editor) h3{
		font-weight: 300;
		line-height: 1.2;
	}

	:is(.rte-content, .md-text-editor) p{
		margin-block-end: 1.25rem;
	}

	:is(.rte-content, .md-text-editor) :where(ul, ol){
		list-style: none;
		margin: 0 0 1rem;
	}

	:is(.rte-content, .md-text-editor) :where(ul, ol) li{
		padding-left: 1rem;
	}

	:is(.rte-content, .md-text-editor) :where(ul, ol) li:before{
		content: '\2022';
		font-size: 2em;
		margin-right: .5rem;
		margin-left: -1.5rem;
		position: relative;
		top: 3px;
	}

	:is(.rte-content, .md-text-editor) .btn{
		margin-bottom: 1rem;
	}

	@media(min-width: 768px){
		:is(.rte-content, .md-text-editor) .btn{
			margin-bottom: 0;
		}
	}

	.hero-bilboard + :where(.rte-content, .md-text-editor){
		padding-block-start: 2rem;
	}

	@media(min-width: 768px){
		.hero-bilboard + :where(.rte-content, .md-text-editor){
			padding-block-start: 4.8125rem;
		}
	}

	:is(.rte-content, .md-text-editor) img[style*="float: right"]{
		margin-left: 1rem;
	}

	:is(.rte-content, .md-text-editor) img[style*="float: left"]{
		margin-right: 1rem;
	}
}