Inside a single block formatting context, two adjacent in-flow block siblings have margins `margin-bottom: 30px` and `margin-top: 20px`. The engine collapses them. What is the algorithmic rule the layout engine applies to produce the used margin, and what is it?