/* ---------- list icons (shared; first used on Contractors, round 1.1) ----------
   A 16px line icon at the left of a list item, in place of a bullet dot. Symbols live in partials/icons-list.html
   (li-i-*), loaded by js/includes.js; how-to in docs/LIST-ICONS.md.
   Icon: 16px box, 1.5px stroke (2.25 in the 24 grid), round caps and joins, accent colour (--pn-color-accent-primary).
   Item: the icon sits on the item's left edge, the text starts 24 in (16 icon + 8 clearance).
   --li-ico-top centres the icon on the first line: 2.3px for a UI/Label title line (default), 4.7px for a Text/Body M
   first line (.li-item--body). Measured values. Page rules that set padding-left or ::before on the same item win
   (pages load after this file), so a page that also gives the item a dot class restates the inset there. */
.li-item { position: relative; padding-left: 24px; }
.li-item::before { content: none; }
.li-ico {
  position: absolute; left: 0; top: var(--li-ico-top, 2.3px);
  width: 16px; height: 16px; overflow: visible;
  fill: none; stroke: var(--pn-color-accent-primary); stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round;
}
.li-item--body .li-ico { --li-ico-top: 4.7px; }
/* owner 2026-10-31: a two-line item (icon, title, then a body line) keeps only the TITLE 24 in; the body starts at the
   item's left edge, under the icon. Same rule the workflow substeps got the same day (css/workflow.css), now for every
   .li-item built that way (Municipalities .mu-feat, Platform .pl-feat). Single-line items are untouched. */
.li-item:has(> .li-ico + :is(h2, h3, h4) + p) { padding-left: 0; }
.li-item:has(> .li-ico + :is(h2, h3, h4) + p) > :is(h2, h3, h4) { padding-left: 24px; }