/* =========================================================
   リッチテキスト（wysiwyg 出力領域）
   配置: assets/css/core/12-richtext.css
   .lr-richtext の内側に限ってタグへ直接スタイルを当てる
   （編集者のHTMLにはクラスを付けられないため）。
   ※ 本文中の h2/h3 は「読み物の見出し」。テンプレ看板見出し（lr-heading）
      とは役割が別。看板装飾（縦罫）は当てず、タイポのみ自前で持つ。
   ========================================================= */
.lr-richtext > :first-child { margin-top: 0; }
.lr-richtext > :last-child  { margin-bottom: 0; }

.lr-richtext p {
	margin: 0 0 1em;
	line-height: var(--lr-leading-body);
}

.lr-richtext h2 {
	margin: 1.6em 0 1.6em;
	padding-left: var(--lr-space-sm);          /* 罫とテキストの間隔（16px・lr-headingと同値） */
	border-left: 6px solid var(--lr-accent);   /* 赤の縦罫（lr-heading と同幅・同色） */
	font-size: var(--lr-font-heading);
	font-weight: var(--lr-weight-bold);
	line-height: 1.4;
}
.lr-richtext h3 {
	margin: 1.4em 0 1.4em;
	font-size: 1.25rem;
	font-weight: var(--lr-weight-bold);
	line-height: 1.4;
}
.lr-richtext ul,
.lr-richtext ol {
	margin: 0 0 1em;
	padding-left: 1.5em;
}
.lr-richtext ul {
	margin: 0 0 1em;
	padding-left: 1.5em;
	list-style: disc;
}
.lr-richtext ol {
	margin: 0 0 1em;
	padding-left: 1.5em;
	list-style: decimal;
}
.lr-richtext li { margin-bottom: .4em; }

.lr-richtext a {
	color: var(--lr-link);
	text-decoration: underline;
}
.lr-richtext img {
	max-width: 100%;
	height: auto;
}
.lr-richtext blockquote {
	margin: 1.5em 0;
	padding: .5em 1em;
	border-left: 3px solid var(--lr-border);
	color: var(--lr-text-muted);
}