/* ---------------------------------------------------------------------------
   Native List block — RDV Robotics 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 — "Bullet": a red hexagon outline before each item,
   Roboto Medium (Figma "RDV Updates" Type Hierarchy, 2026-10-21; until then
   the reference build's cream pills 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: rdv-list-item;
	color: var(--wp--preset--color--black, #000000);
	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: rdv-list-item;
}

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

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 "Bullet": a pointy-top hexagon outline, 16x18 with
   a 2px red stroke, centred on the first line; the text starts 36px in. */
ul.wp-block-list {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

ul.wp-block-list > li {
	position: relative;
	padding-left: 36px;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.158;
}

ul.wp-block-list > li::before {
	content: "";
	position: absolute;
	top: calc((1.158em - 18px) / 2);
	left: 1px;
	width: 16px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpolygon points='8 1.15 14.93 5.15 14.93 12.85 8 16.85 1.07 12.85 1.07 5.15' fill='none' stroke='%23bf4042' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / contain;
}

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

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