/* Codiji Site — Process page. */

.process-list {
  max-width: 48rem;
  margin: 0 auto 8rem;
  padding: 0 var(--container-pad);
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.process-list__item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .process-list__item { flex-direction: row; gap: 4rem; }
}

.process-list__num {
  width: 100%;
}
@media (min-width: 768px) { .process-list__num { width: 25%; } }
.process-list__num span {
  display: block;
  font-size: 3.75rem;
  font-weight: 800;
  color: color-mix(in srgb, var(--color-primary) 40%, transparent);
  line-height: 1;
}

.process-list__body {
  width: 100%;
  padding-bottom: 3rem;
  border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}
@media (min-width: 768px) { .process-list__body { width: 75%; } }
.process-list__title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1.5rem; }
.process-list__body p { font-size: 1.125rem; color: var(--color-muted-fg); line-height: 1.7; }