/*
 * 売買物件 補足説明 本文の共通スタイル。
 *
 * 公開詳細ページ（#supplement-flow .supplement-body）と
 * 管理WYSIWYGエディタ（.ql-editor）の双方に同じ見た目を適用し、
 * 「編集中の表示 = 公開時の表示」を一致させる（真のWYSIWYG）。
 *
 * フォント・サイズは公開サイト（base.scss body: IBM Plex Sans JP / 14px /
 * letter-spacing 0.03rem）に合わせる。見出しは rem ではなく em で指定し、
 * html ルートのフォントサイズ差（公開 14px / 管理 16px）に左右されず
 * 両環境で同一の実寸になるようにする。
 *
 * 注意: エディタ側ではこのファイルを Quill の snow CSS より「後に」読み込むこと
 * （同一詳細度のため、ソース順で Quill の既定スタイルに勝たせる）。
 */

/* --- 公開ページのレイアウト（エディタには #supplement-flow が無いので無影響） --- */
#supplement-flow { max-width: 800px; margin: 0 auto 1.5em; padding: 0 1em; }
#supplement-flow .supplement-block { margin-top: 1em; }
#supplement-flow .supplement-heading { display: block; font-weight: 700; margin-bottom: .3em; }

/* --- 本文：公開／エディタ共通 --- */
#supplement-flow .supplement-body,
.ql-editor {
	font-family: 'IBM Plex Sans JP', sans-serif;
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.8;
}
#supplement-flow .supplement-body h2,
.ql-editor h2 { font-size: 1.8em; font-weight: 500; margin: .8em 0 .3em; }
#supplement-flow .supplement-body h3,
.ql-editor h3 { font-size: 1.2em; font-weight: 500; margin: .7em 0 .3em; }
#supplement-flow .supplement-body p,
.ql-editor p { margin: .7em 0; line-height: 1.4; text-indent: 1em; }
#supplement-flow .supplement-body ul,
#supplement-flow .supplement-body ol,
.ql-editor ul,
.ql-editor ol { margin: .4em 0 .4em 1.4em; }
#supplement-flow .supplement-body img,
.ql-editor img { max-width: 100%; height: auto; }
#supplement-flow .supplement-body a,
.ql-editor a { color: #0d6efd; text-decoration: underline; }