Pixel-Perfect: Mandatory Measurement Workflow

When making any CSS change or HTML element swap (e.g. <dl> to <ul>, <div> to <section>), follow this workflow exactly. Screenshots alone prove NOTHING about pixel parity, only measured numbers do.

Step 1: Measure BEFORE (while original code is still in place)

Use browser_evaluate to capture exact values for every affected element:

// Capture dimensions
el.getBoundingClientRect() // width, height, x, y