/* ---------------------------------------------------------------------------
   Native List block — Dexter Yard list styles (Figma "List" + "Bullets")

   ol.wp-block-list — editorial numbered list: bold leading-zero counters
   (01, 02, 03) in a left gutter, hairline divider between items (none after
   the last).
   ul.wp-block-list — "Bullets": no markers; each item is a full-width cream
   pill with taupe copy.

   These are the default look for the core List block. The ordered list's
   dividers ride on currentColor, so an editor-set text color re-tints the
   whole thing (numbers + dividers included).

   margin-top is deliberately untouched — the blockGap rhythm
   (:root :where(.is-layout-*) > *) owns vertical spacing between blocks.
--------------------------------------------------------------------------- */

/* Ordered list — Figma "List" */
ol.wp-block-list {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
	counter-reset: dy-list-item;
	color: var(--wp--preset--color--green, #1a3d39);
	font-size: var(--wp--preset--font-size--subhead, 21px);
	line-height: 1.34;
}

ol.wp-block-list > li {
	position: relative;
	padding: 19px 0 19px 44px;
	border-bottom: 1px solid color-mix(in srgb, currentColor 20%, transparent);
	counter-increment: dy-list-item;
}

/* counters always run 01, 02, 03 — the ol start/reversed attributes are not reflected */
ol.wp-block-list > li::before {
	content: counter(dy-list-item, decimal-leading-zero);
	position: absolute;
	top: 19px;
	left: 0;
	font-weight: 700;
}

ol.wp-block-list > li:first-child {
	padding-top: 0;
}

ol.wp-block-list > li:first-child::before {
	top: 0;
}

ol.wp-block-list > li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* Unordered list — Figma "Bullets" */
ul.wp-block-list {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

ul.wp-block-list > li {
	padding: 9px 23px;
	border-radius: 10px;
	background: var(--wp--preset--color--cream, #efede6);
	color: var(--theme-bullet-text, #736c55);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
}

ul.wp-block-list > li + li {
	margin-top: 9px;
}

@media (min-width: 756px) {
	ol.wp-block-list > li {
		padding-left: 63px;
	}
}