/* One typography policy for editor documents and their rendered content. */
.content-article,
.description-content,
.editor-content
{
	font-size: 16px;
	line-height: 1.5;
	color: var(--main-font-color);
	text-align: left;
}

.content-article p,
.description-content p,
.editor-content p
{
	margin: 0 0 1em;
	padding: 0;
}

.content-article h1,
.description-content h1,
.editor-content h1
{
	display: block;
	font-size: 2em;
	margin: 0.67em 0;
	font-weight: 900;
}

.content-article h2,
.description-content h2,
.editor-content h2
{
	display: block;
	font-size: 1.5em;
	margin: 0.83em 0;
	font-weight: bold;
}

.content-article h3,
.description-content h3,
.editor-content h3
{
	display: block;
	font-size: 1.17em;
	margin: 1em 0;
	font-weight: bold;
}

.content-article h4,
.editor-content h4
{
	display: block;
	font-size: 1em;
	margin: 1.33em 0;
	font-weight: bold;
}

.content-article h5,
.editor-content h5
{
	display: block;
	font-size: 0.83em;
	margin: 1.67em 0;
	font-weight: bold;
}

.content-article h6,
.editor-content h6
{
	display: block;
	font-size: 0.67em;
	margin: 2.33em 0;
	font-weight: bold;
}

.content-article ul,
.content-article ol,
.description-content ul,
.description-content ol,
.editor-content ul,
.editor-content ol
{
	margin: 0 0 1em;
	padding-inline-start: 2em;
	list-style-position: outside;
}

.content-article li > ul,
.content-article li > ol,
.editor-content li > ul,
.editor-content li > ol
{
	margin: 0.5em 0 0;
}

.content-article a,
.editor-content a
{
	color: var(--standard-color);
	text-decoration: underline;
}

.content-article a:hover,
.editor-content a:hover
{
	color: var(--highlight-color);
}

.content-article blockquote,
.description-content blockquote,
.editor-content blockquote
{
	margin: 0 0 1em;
	padding: 0 0 0 1em;
	border-left: 3px solid var(--muted-text-color);
}

.content-article table,
.editor-content table
{
	font-size: inherit;
	line-height: inherit;
}

.content-article img,
.editor-content img
{
	object-fit: contain;
	max-width: 100%;
	height: auto;
}

.content-article > :last-child,
.description-content > :last-child,
.editor-content > :last-child
{
	margin-bottom: 0;
}

.description-content.description-plain,
.description-content.t03-description-plain
{
	white-space: pre-line;
}

/* Article headings follow the same container width in the editor, blog, and support popup. */
@container content-article (max-width: 600px)
{
	.content-article h1,
	.editor-content h1
	{
		font-size: 1.7em;
	}

	.content-article h2,
	.editor-content h2
	{
		font-size: 1.3em;
	}
}