/**
 * 本文装飾ボックスの最小スタイル。
 *
 * 生成モデルが出力する装飾ボックスはテーマ側に対応する CSS が無く、
 * 余白も背景も付かないまま公開されていた。テーマに依存せず読めるだけの
 * 最小限を同梱する。SWELL の loos ブロックには手を出さない。
 */

.rankraft-box {
	margin: 2em 0;
	padding: 1.25em 1.4em;
	border: 1px solid #e2e5ea;
	border-radius: 6px;
	background: #f8f9fb;
	line-height: 1.9;
}

.rankraft-box > *:first-child {
	margin-top: 0;
}

.rankraft-box > *:last-child {
	margin-bottom: 0;
}

.rankraft-box p,
.rankraft-box li {
	line-height: 1.9;
}

.rankraft-box ul,
.rankraft-box ol {
	margin: 0.75em 0 0;
	padding-left: 1.4em;
}

.rankraft-box li + li {
	margin-top: 0.5em;
}

.rankraft-box.is-style-box_point {
	border-left: 4px solid #3b82f6;
	background: #f2f7ff;
}

.rankraft-box.is-style-box_caution {
	border-left: 4px solid #f0a020;
	background: #fff8ec;
}

.rankraft-box.is-style-box_memo {
	border-left: 4px solid #94a3b8;
	background: #f6f7f9;
}