/* ManabiPressの直下H2装飾を、生成本文のラッパー内にも適用する。
 * 本文の再生成・再保存は不要。既存の通常記事やウィジェットには適用しない。 */
.mp-entry-content .owc-lesson-template > h2 {
	margin: 2em 0 .8em;
	padding: .45em .7em;
	border-left: 7px solid var(--mp-color-primary, #183b56);
	background: #e6e9ec;
	background: color-mix(in srgb, var(--mp-color-primary, #183b56) 11%, transparent);
	color: var(--mp-color-primary, #183b56);
	text-wrap: balance;
}

/* H3・H4もテーマの直下見出しと同じ装飾にする。 */
.mp-entry-content .owc-lesson-template > h3 {
	margin: 1.8em 0 .7em;
	padding-bottom: .4em;
	border-bottom: 3px solid var(--mp-color-primary, #183b56);
	color: var(--mp-color-primary, #183b56);
	text-wrap: balance;
}

.mp-entry-content .owc-lesson-template > h4 {
	position: relative;
	margin: 1.6em 0 .6em;
	padding-left: 1em;
	color: var(--mp-color-primary, #183b56);
	text-wrap: balance;
}

.mp-entry-content .owc-lesson-template > h4::before {
	position: absolute;
	top: .65em;
	left: 0;
	width: .45em;
	height: .45em;
	border-radius: 50%;
	background: currentColor;
	content: "";
}

/* WordPressの自動整形でdialog外へ出た動画枠は、JSで正しい位置へ戻すまで隠す。 */
.owc-lesson-template .mp-youtube-popup > .mp-youtube-popup__frame {
	display: none !important;
}

.owc-lesson-template .mp-youtube-popup__dialog .mp-youtube-popup__frame {
	display: block;
}

.owc-lesson-template .mp-youtube-popup > p:empty {
	display: none;
}