/**
 * 文書ページ（page-guideline.php）用スタイル
 *
 * functions.php の abcom_doc_enqueue_assets で当テンプレート使用時のみ enqueue する。
 * WordPress のエディタで書いた本文（the_content）が、プライバシーポリシー
 * （page-privacy.php・手書きマークアップ）と同じ見え方になるよう整える。
 *
 * サイズ・太さ・色は privacy 実測値に合わせる：
 *   タイトル h1 = 32px/700、見出し h2 = 24px/700、本文 = 16px/400、いずれも #000000。
 *
 * Tailwind の preflight が ul/ol のマーカーと余白を初期化するため、
 * 文書用途に限りここで復帰させる（`.ablp-doc` 配下のみ・他ページ非干渉）。
 */

/* タイトル：privacy と同じ 32px / 700 / #000（テンプレ側の Tailwind クラスを上書き） */
.ablp-doc-title {
	font-size: 2rem;
	font-weight: 700;
	color: #000000;
	line-height: 1.4;
	margin-bottom: 1.5rem;
}

.ablp-doc {
	font-size: 1rem;
	line-height: 1.75;
	color: #000000;
}

/* 段落・各ブロックの間隔（privacy の space-y-6 相当） */
.ablp-doc > * + * {
	margin-top: 1.5rem;
}

.ablp-doc p {
	margin: 0;
}

.ablp-doc p + p {
	margin-top: 0.75rem;
}

/* 見出し：privacy の「第N条」＝24px / 700 / #000 */
.ablp-doc h2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000000;
}

.ablp-doc h3 {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000000;
}

/* 見出し直後は詰めて、見出しと本文のまとまりを作る */
.ablp-doc h2 + *,
.ablp-doc h3 + * {
	margin-top: 0.75rem;
}

/* 箇条書き：preflight で消えるマーカーと字下げを戻す */
.ablp-doc ul,
.ablp-doc ol {
	padding-left: 1.75rem;
	margin: 0;
}

.ablp-doc ul {
	list-style: disc;
}

.ablp-doc ol {
	list-style: decimal;
}

.ablp-doc li {
	font-size: 1rem;
	color: #000000;
}

.ablp-doc li + li {
	margin-top: 0.5rem;
}

/* リストの番号・記号は本文と同じ太さ・色で表示する
   （既定では marker が細く見えるため明示する） */
.ablp-doc li::marker {
	font-weight: 700;
	color: #000000;
}

/* 入れ子のリスト */
.ablp-doc li > ul,
.ablp-doc li > ol {
	margin-top: 0.5rem;
}

.ablp-doc ul ul {
	list-style: circle;
}

/* リンク（privacy のリンク色＝ブランドレッド） */
.ablp-doc a {
	color: #e60028;
	text-decoration: underline;
	font-weight: 500;
}

.ablp-doc a:hover {
	text-decoration: none;
}

.ablp-doc strong {
	font-weight: 700;
	color: #000000;
}

/* 引用・区切り線・表など、エディタから入りうる要素の最低限の体裁 */
.ablp-doc blockquote {
	padding-left: 1rem;
	border-left: 3px solid #d1d5db;
	color: #707070;
}

.ablp-doc hr {
	border: 0;
	border-top: 1px solid #d1d5db;
}

.ablp-doc table {
	width: 100%;
	border-collapse: collapse;
}

.ablp-doc th,
.ablp-doc td {
	border: 1px solid #d1d5db;
	padding: 0.5rem 0.75rem;
	text-align: left;
}

.ablp-doc th {
	font-weight: 700;
	color: #000000;
}

.ablp-doc img {
	max-width: 100%;
	height: auto;
}