/* ─────────────────────────────────────────────────────────────────────────────
   process.css — page-specific styling for /process.

   Loads after ptech-home.css. Reuses .ptech-rows / .ptech-row / .ptech-row__h
   as-is; the only addition is a numbered-step treatment so each of the five
   steps reads as its own beat instead of a plain list. Numbers are plain
   text color, never the green — green stays the one chromatic moment,
   reserved for the hover rule .ptech-row already carries.
   ───────────────────────────────────────────────────────────────────────────── */

.ptech-rows--steps {
  counter-reset: ptech-step;
}

.ptech-rows--steps .ptech-row {
  counter-increment: ptech-step;
  padding: 3em 0 3em 3.6em;
  position: relative;
}

.ptech-rows--steps .ptech-row::after {
  content: counter(ptech-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 3.1em;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  color: var(--ptech-bone-dim);
}

@media (max-width: 767px) {
  .ptech-rows--steps .ptech-row {
    padding: 2.2em 0 2.2em 2.4em;
  }
  .ptech-rows--steps .ptech-row::after {
    top: 2.3em;
    font-size: 0.7rem;
  }
}