/* ==========================================================================
   Meiblog Child — 規約系ページ（page-privacy-policy.php）
   デザイン: Claude Design「HPデザイン提案書」/ MEI Privacy.dc.html
   本文はブロックエディターの出力なので要素セレクタで整える。
   ========================================================================== */

.meiblog-legal {
	padding: 100px var(--meiblog-section-px) 120px;
	background: var(--meiblog-white);
}

.meiblog-legal__inner {
	max-width: 680px;
	margin: 0 auto;
}

.meiblog-legal__content h2 {
	margin: 60px 0 0;
	padding: 12px 20px;
	background: var(--meiblog-bg-soft);
	border-left: 3px solid var(--meiblog-pink);
	font-family: var(--meiblog-font-jp-serif);
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 2px;
	color: var(--meiblog-text);
}

/* 最初の見出しはセクション上端なので余白を作らない */
.meiblog-legal__content > *:first-child {
	margin-top: 0;
}

.meiblog-legal__content > p {
	margin-top: 24px;
	font-size: 13.5px;
	line-height: 2.4;
	letter-spacing: 1px;
}

.meiblog-legal__content ul,
.meiblog-legal__content ol {
	margin-top: 24px;
	padding-left: 1.4em;
	font-size: 13.5px;
	line-height: 2.4;
	letter-spacing: 1px;
}

.meiblog-legal__date {
	margin-top: 80px;
	font-size: 12px;
	letter-spacing: 1px;
	color: var(--meiblog-text-muted);
	text-align: right;
}

/* ==========================================================================
   モバイル（〜900px） — MEI Mobile.dc.html / PRIVACY POLICY
   ========================================================================== */
@media (max-width: 900px) {

	.meiblog-legal {
		padding: 50px var(--meiblog-section-px) 60px;
	}

	.meiblog-legal__content h2 {
		margin-top: 40px;
		padding: 10px 14px;
		font-size: 13.5px;
		letter-spacing: 1px;
	}

	.meiblog-legal__content > p,
	.meiblog-legal__content ul,
	.meiblog-legal__content ol {
		margin-top: 16px;
		font-size: 11.5px;
		line-height: 2.2;
		letter-spacing: 0.5px;
	}

	.meiblog-legal__date {
		margin-top: 50px;
	}
}