/* ============================================
   c-list-03 — ディスク（・）リスト
   リスク・副作用／特記事項／注意など、項目を中黒（・）付きで縦に並べる。
   wp:list に className="c-list-03" を付与して使用。
   ============================================ */

.c-list-03.wp-block-list,
.c-list-03 {
  margin: 0;
  padding-inline-start: var(--space-5-xl);
  padding-inline-end: var(--space-xl);
  list-style: disc;
}

/* s-layout-04 の本文共通 gutter より優先し、
   外側 gutter の内側に outside marker 用の領域を確保する。
   editor wrapper の詳細度も同じ値で上回り、フロントと表示を揃える */
.s-base-02 .entry-content > .c-list-03.wp-block-list,
.editor-styles-wrapper .c-list-03.wp-block-list,
.editor-styles-wrapper .is-root-container > .wp-block.c-list-03.wp-block-list:not(.alignfull):not([data-align="full"]):not(.alignwide):not([data-align="wide"]) {
  padding-inline-start: var(--space-5-xl);
  padding-inline-end: var(--space-xl);
}

/* ol に付与された場合は中黒（disc）を出さない＝数字マーカーと二重になるため。
   s-content-01 外では通常の数字、s-content-01 内では丸数字（ol li::before カウンタ）に完全に委ねる */
ol.c-list-03.wp-block-list,
ol.c-list-03 {
  list-style: decimal;
}

.s-content-01 ol.c-list-03 {
  list-style: none;
}

.s-content-01 ol.c-list-03 li {
  padding-left: var(--space-2-xl);
}

.c-list-03 li {
  margin: 0;
  padding-left: var(--space-3-xs);
  font-size: var(--font-size-md);
  line-height: var(--line-height-normal);
  color: var(--color-text);
}

.c-list-03 li::marker {
  color: var(--color-primary);
}

.c-list-03 li + li {
  margin-top: var(--space-2-xs);
}