Find near-miss alignments, uneven gaps and orphaned boxes in a layout from box coordinates or markup

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

Checked 8 boxes with a near-miss window of 6px. 9 findings: 5 near-miss, 3 gap, 1 orphan.
[high] near-miss: top edges of "Logo" (y = 24) and "Nav" (y = 26) differ by 2px. Equal would read as aligned; this reads as a mistake.
[high] near-miss: bottom edges of "Logo" (y = 56) and "Nav" (y = 54) differ by 2px. Equal would read as aligned; this reads as a mistake.
[high] near-miss: left edges of "Logo" (x = 24) and "Intro" (x = 26) differ by 2px. Equal would read as aligned; this reads as a mistake.
[high] near-miss: left edges of "Headline" (x = 24) and "Intro" (x = 26) differ by 2px. Equal would read as aligned; this reads as a mistake.
[high] near-miss: left edges of "Intro" (x = 26) and "Card A" (x = 24) differ by 2px. Equal would read as aligned; this reads as a mistake.
[medium] gap: Gaps between side-by-side siblings ("Card A" to "Card B", "Card B" to "Card C") are 24px, 36px. Spread 12px; most common gap 24px. If the difference is deliberate, group the items that belong together.
... full output on the tool page