.el-node-markdown {
	padding-top: 16px;

	h1 {
		border-bottom: 1px solid #ccc;
		margin-top: 32px;
		margin-bottom: 8px;

		display: inline-block;
		font-size: 1.25em;

		border-radius: 8px;
		color: #fff;
		background-color: var(--color1);
		padding: 4px 12px;

		&:first-child {
			margin-top: 32px;
		}
	}

	h2 {
		font-size: 1.25em;
		margin-top: 32px;
		margin-bottom: 0px;
		color: var(--color1);
	}

	h3:before {
		font-size: 1.0em;
		content: "> ";
		color: var(--color1);
	}

	p {
		line-height: 150%;
	}

	img {
		max-width: var(--thumbnail-width);
		max-height: var(--thumbnail-height);
	}

	table {
		border: 1px solid #ccc;
		border-collapse: collapse;
		margin-top: 14px;

		th {
			text-align: left;
			padding: 8px;
		}

		th,
		td {
			border: 1px solid #ccc;
			padding: 8px;
		}
	}

	code {
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		padding: 2px 4px;
		border-radius: 4px;
	}

	pre {
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		padding: 8px;
		border-radius: 4px;

		code {
			border: unset;
			padding: unset;
		}
	}
}
