/* ==========================================================================
   LISTS - chevron list (use the "Chevron list" style in CKEditor, or the
   class `list-chevron` on a <ul>), pipe separated list, tag chips.
   ========================================================================== */
.list-chevron, .pg ul.list-chevron {
  list-style: none; margin: 0; padding: 0;
}
.list-chevron > li {
  position: relative;
  padding: clamp(0.85rem, 1.8vw, 1.35rem) 0 clamp(0.85rem, 1.8vw, 1.35rem) 1.75rem;
  border-top: 1px solid var(--epsa-line);
  font-weight: 500;
  line-height: 1.45;
  color: var(--epsa-ink);
}
.list-chevron > li:last-child { border-bottom: 1px solid var(--epsa-line); }
.list-chevron > li::before {
  content: '';
  position: absolute; left: 0; top: clamp(1.1rem, 2.2vw, 1.6rem);
  width: 0.65rem; height: 0.875rem;
  background-color: var(--epsa-gold);
  -webkit-mask: url('../images/chevron.png') center / contain no-repeat;
  mask: url('../images/chevron.png') center / contain no-repeat;
}
/* Columns variant ("Nous intervenons notamment lors de", mockup): every item
   is its own column with only a top rule; columns are separated by a gap,
   never by vertical or bottom borders. */
.list-chevron--cols, .pg ul.list-chevron--cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  column-gap: 3rem; row-gap: 0;
  border: 0;
}
.list-chevron--cols > li, .pg ul.list-chevron--cols > li {
  border: 0; border-top: 1px solid var(--epsa-line);
  font-weight: 400;
  padding-inline-start: 3rem;
}
.list-chevron--cols > li::before { left: 0.25rem; }
.list-chevron--cols > li:last-child, .pg ul.list-chevron--cols > li:last-child { border-bottom: 0; }

/* Plain bullet list keeps readable spacing inside bands. */
.pg ul:not([class]), .pg ol:not([class]) { color: var(--epsa-text); padding-left: 1.25rem; }
.pg li::marker { color: var(--epsa-gold); }

/* Inline chips: "une nouvelle stratégie ?" (Contact hero). */
.chips { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; list-style: none; padding: 0; margin: 1rem 0; }
.chips > li, .chips > span {
  padding: 0.35rem 0.9rem; border: 1px solid var(--epsa-line); border-radius: 999px;
  font-size: 0.95rem; color: var(--epsa-text);
}

/* Dot separated line ("Donner le cap • Donner du sens • ..."). */
.list-dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 0.875rem; list-style: none; padding: 0; margin: 0.75rem 0 0; color: var(--epsa-text-2); }
.list-dots > li + li::before { content: '•'; margin-right: 0.875rem; color: var(--epsa-muted); }