/* Pasi numerotati — timeline verticala cu cercuri si conector */
.cog-pasi {
  list-style: none;
  counter-reset: cog-pas;
  margin: 0.75em 0;
  padding: 0;
  font-family: var(--cog-font-text, inherit);
}
.cog-pasi__pas {
  counter-increment: cog-pas;
  position: relative;
  padding: 0 0 1.5em 3.25em;
}
.cog-pasi__pas:last-child { padding-bottom: 0; }
.cog-pasi__pas::before {
  content: counter(cog-pas);
  position: absolute;
  left: 0; top: 0;
  width: 2.25em; height: 2.25em;
  border-radius: 50%;
  background: var(--cog-accent, #2E7D32);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variant-numeric: tabular-nums;
}
.cog-pasi__pas::after {
  content: '';
  position: absolute;
  left: 1.05em;
  top: 2.5em;
  bottom: 0.25em;
  width: 2px;
  background: color-mix(in srgb, var(--cog-accent, #2E7D32) 30%, transparent);
}
.cog-pasi__pas:last-child::after { display: none; }
.cog-pasi__titlu {
  margin: 0.2em 0 0.25em;
  font-size: 1.05em;
  font-weight: 600;
  font-family: var(--cog-font-titluri, inherit);
}
.cog-pasi__descriere {
  margin: 0;
  color: #555;
  max-width: 65ch;
}
@media (max-width: 767px) {
  .cog-pasi__pas { padding-left: 2.9em; }
}