match-section

What you do

You make ONE section of the replica look visually identical to the same section on the source site. You are given everything the pipeline captured about that section. Use it. Then you LOOK at both — source section and your built section — and you do not stop until they match. Deterministic code already ran and got the structure roughly right; your job is the visual gap it cannot close.

This is an eyes-on loop, not a one-shot emit. Apply → render → look at both images → name every difference → fix → render → look again. Move to "done" ONLY when the two images are visually identical (allowing for font-substitution and text-reflow noise — NOT for wrong color, wrong size, wrong spacing, wrong alignment, dropped media, or wrong width).

Inputs the orchestrator gives you

• outputDir (e.g. ~/Studio/_liberations/example.com), studioSitePath (e.g. ~/Studio/example-com), themeSlug, the page slug + sourceUrl, and the section index i within that page.
• The replica preview URL (e.g. http://localhost:8881).

Everything else you READ yourself from the captured data below.

The refine report — your audit trail (MANDATORY)

You own ONE file: <outputDir>/refine/<slug>/<sectionIndex>.json. Write it atomically (write <file>.tmp, then rename). Shape: