/* ===========================================================
   Object / Project / Pink Item List
   pattern-pink-item-list 専用の余白制御。

   構造:
     <ul class="wp-block-list is-style-check p-pink-item-list">  ← 1項目だけ含む
       <li><mark class="has-pink-500-color">項目見出し</mark></li>
     </ul>
     <p class="p-pink-item-desc">説明文</p>

   既存 is-style-check や .wp-block-list、段落のデフォルト余白は触らない。
   p-pink-item-list / p-pink-item-desc の専用クラスだけを対象に
   ピンクリスト + 説明セット間の縦リズムを制御する。

   このパターンは枠囲み（is-style-bordered 等）の中で使う前提:
     ・先頭セットの上余白は 0 にして、枠の padding（PC 24px / SP 上下24px）が
       自然な間隔を作る
     ・セット間（説明段落 → 次のリスト）だけ専用に余白を確保
     ・リストと説明段落の間は詰める（8px）

   ・モバイルファースト（SP = base、PC = @media (min-width:768px) で上書き）
   ・!important 不使用
   =========================================================== */

/* 先頭セットの上余白はゼロ（枠の padding が間隔を作る） */
.p-pink-item-list {
	margin-top: 0;
}

/* リスト直下の説明段落、リストとの間は詰める */
.p-pink-item-list + .p-pink-item-desc {
	margin-top: 8px;
}

/* 説明段落の下余白を 0 に（次要素の margin-top と二重にならないように） */
.p-pink-item-desc {
	margin-bottom: 0;
}

/* セット間（説明段落 → 次のピンクリスト）の余白
   詳細度 0,2,0 で先頭セット用ルール（0,1,0）より優先 */
.p-pink-item-desc + .p-pink-item-list {
	margin-top: 24px;
}

@media (min-width: 768px) {
	.p-pink-item-desc + .p-pink-item-list {
		margin-top: 32px;
	}
}