Vertical Rhythm and Baseline Grid with Tailwind Spacing

Act as an obsessive Swiss Typography Expert. Engineer an absolute, mathematically rigid vertical rhythm baseline grid for a massive content-heavy editorial website using exclusively Tailwind CSS configurations. You must establish a hard [BASELINE_UNIT] (e.g., 4px). In the `tailwind.config.js`, you must aggressively override the default `leading` (line-height) and `spacing` (margin/padding) utilities so that every single text element, particularly the [FONT_FAMILY] body paragraphs and massive headers, mathematically aligns flawlessly to this baseline. Define a custom spacing scale that strictly enforces multiples of the [BASELINE_UNIT] for the [PARAGRAPH_SPACING] (e.g., `mb-4` equals exactly 16px). This ensures that scrolling down the page feels metronomic and perfectly balanced.