@layer components {
	/* ============================================================
	 * num-list … 番号付きリスト（法務ページの箇条書き）。丸番号 ①②③ と
	 * 括弧番号 (1)(2)(3) の2系統を @counter-style で再現し、マーカーを外側
	 * ガター（ハンギングインデント）に置く。コアの list ブロックに className
	 * "num-list"（括弧系は "num-list num-list--paren"）を付けて使う＝本文は
	 * 管理画面で編集可のまま。移植元 css/style.css の .num-list を移植（#91）。
	 * ============================================================ */
	@counter-style nexray-num-circled {
		system: fixed 1;
		symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭"
			"⑮" "⑯" "⑰" "⑱" "⑲" "⑳";
		/* 21項目以降は decimal に自動フォールバック（丸囲みは⑳まで）。 */
		fallback: decimal;
		suffix: " ";
	}

	@counter-style nexray-num-paren {
		system: extends decimal;
		prefix: "(";
		suffix: ") ";
	}

	/*
	 * 縦マージン（ブロック間隔）は持たせない。段落→リスト間の gap は本文コンテナ
	 * .page-prose の縦リズム（`> *` リセット＋owl `> * + *` で 2em）が担う。ここで
	 * `margin: 0` を張ると、owl（`.page-prose > * + *`＝特異度 0,1,0）に対し
	 * `ol.num-list`（0,1,1・num-list.css は page-prose.css より後ロード）が勝って
	 * しまい、段落直後のリストの上 gap が消える。num-list は法務本文＝常に page-prose
	 * 内で使うため、縦マージンは page-prose に委ね、ここは左右パディングと counter・
	 * マーカーだけを担う。左右は padding-left で確保（ol 既定の margin-inline は 0）。
	 */
	ol.num-list {
		padding-left: 2.5em;
		list-style: nexray-num-circled outside;
	}

	/* 括弧番号 (1)(2)… 変種。 */
	ol.num-list.num-list--paren {
		list-style: nexray-num-paren outside;
	}

	ol.num-list > li {
		padding-left: 0.25em;
		line-height: 1.8;
		color: var(--wp--preset--color--contrast);
	}

	ol.num-list > li + li {
		margin-top: 0.5em;
	}

	ol.num-list > li::marker {
		color: var(--wp--preset--color--primary);
		font-weight: 600;
	}
}