body {
	/* We need to assaign this CSS Custom property to the body instead of :root, because of CSS Specificity and codepen stylesheet placement before loaded CKE5 content. */
	--ck-z-default: 100;
	--ck-z-modal: calc( var(--ck-z-default) + 999 );
}

/* https://github.com/ckeditor/ckeditor5-table/issues/154. */

.ck-content .table {
	width: unset;
}

/* Visual improvements. */
body, html { 
	margin: 20px 0; 
	width: 100%; 
	height: 100%; 
	background: #56b968;
}

.container { 
	max-width: 700px; 
	margin-bottom: 100px;
}

h1 { 
	color: #fff;
}

h1 svg {
	position: relative;
	top: 20px;
	margin-right: 10px;
}

.container .ck.ck-content {
	padding: 0 1em;
}