Clarify anatomy step breakdown

Author: grega

docs/anatomy.html

@@ -46,10 +46,10 @@ <h1>Anatomy of a Friendly Error Message</h1>
             </div>
           </div>
 
-          <!-- Stage 2: Why -->
+          <!-- Stage 2a: Why -->
           <div class="anatomy__zone" data-zone="2">
             <div class="anatomy__zone-head">
-              <div class="anatomy__zone-badge">2</div>
+              <div class="anatomy__zone-badge">2a</div>
               <div class="anatomy__zone-tag">Hint &amp; Direct - Why it happened</div>
             </div>
             <div class="anatomy__zone-body">
@@ -59,10 +59,10 @@ <h1>Anatomy of a Friendly Error Message</h1>
             </div>
           </div>
 
-          <!-- Stage 3: Steps -->
+          <!-- Stage 2b: What to do -->
           <div class="anatomy__zone" data-zone="3">
             <div class="anatomy__zone-head">
-              <div class="anatomy__zone-badge">3</div>
+              <div class="anatomy__zone-badge">2b</div>
               <div class="anatomy__zone-tag">Hint &amp; Direct - What to do</div>
             </div>
             <div class="anatomy__zone-body">
@@ -74,10 +74,10 @@ <h1>Anatomy of a Friendly Error Message</h1>
             </div>
           </div>
 
-          <!-- Stage 4: Patch -->
-          <div class="anatomy__zone" data-zone="4">
+          <!-- Stage 3: Patch -->
+          <div class="anatomy__zone" data-zone="3">
             <div class="anatomy__zone-head">
-              <div class="anatomy__zone-badge">4</div>
+              <div class="anatomy__zone-badge">3</div>
               <div class="anatomy__zone-tag">Solve - Suggested fix</div>
             </div>
             <div class="anatomy__zone-body">