This report is provided in the requested unescaped HTML format within a single markdown code block.

```html
<div style="width: 728px; border: 1px solid #003366; background-color: #f9f9f9; font-family: Arial, sans-serif; font-size: 14px; color: #333;">
    <div style="background-color: #003366; color: #fff; padding: 10px; text-align: center; font-size: 18px; font-weight: bold;">
        FORMAL NEW YORK & NEW ENGLAND SURF & BEACH REPORT
    </div>
    <div style="padding: 10px 20px;">
        <p style="text-align: right; font-size: 12px; margin: 0 0 10px 0;">
            **Report Created:** Tuesday, October 14, 2025, 11:00 AM Eastern Time
        </p>

        <h3 style="margin: 0 0 5px 0; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 3px;">
            REGIONAL SUMMARY
        </h3>
        <p style="margin-top: 5px; line-height: 1.4;">
            Coastal conditions are influenced by offshore energy, though onshore wave heights remain minimal across Long Island breaks. The local North (N) wind flow is prevailing, contributing to the small surf size. Marine warnings indicate significant swell offshore, with beaches currently experiencing a rising tide cycle.
        </p>

        <h3 style="margin: 15px 0 5px 0; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 3px;">
            OCEAN & WEATHER OBSERVATIONS
        </h3>
        <table style="width: 100%; border-collapse: collapse; margin-top: 5px;">
            <tr>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd;">
                    <strong>Southampton Air Temperature:</strong>
                </td>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd; font-weight: bold; color: #C00;">
                    57&#176;F
                </td>
            </tr>
            <tr>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd;">
                    <strong>Local Wind (KJPX):</strong>
                </td>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd; font-weight: bold;">
                    N 12 mph (Gusts to 21 mph)
                </td>
            </tr>
            <tr>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd;">
                    <strong>Barnegat Buoy Swell Direction / Size / Period:</strong>
                </td>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd; font-weight: bold;">
                    East (E) 10 ft @ 10 seconds
                </td>
            </tr>
            <tr>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd;">
                    <strong>Most Recent Tide (Rockaway Inlet):</strong>
                </td>
                <td style="width: 50%; padding: 5px; border-bottom: 1px dashed #ddd; font-weight: bold;">
                    Low Tide at 8:23 AM (0.85 ft)
                </td>
            </tr>
            <tr>
                <td style="width: 50%; padding: 5px;">
                    <strong>Next Significant Tide (Rockaway Inlet):</strong>
                </td>
                <td style="width: 50%; padding: 5px; font-weight: bold;">
                    High Tide at 2:42 PM (4.43 ft)
                </td>
            </tr>
        </table>

        <h3 style="margin: 15px 0 5px 0; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 3px;">
            WAVE HEIGHT ESTIMATES
        </h3>
        <table style="width: 100%; border-collapse: collapse; text-align: left; margin-top: 5px;">
            <tr style="background-color: #e6e6e6;">
                <th style="padding: 5px; border-bottom: 1px solid #000;">Location</th>
                <th style="padding: 5px; border-bottom: 1px solid #000;">Wave Size Estimate</th>
            </tr>
            <tr>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Ditch Plains</td>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Shin to Knee High (1 - 2 ft)</td>
            </tr>
            <tr>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Robert Moses</td>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Ankle to Shin High (0.5 - 1 ft)</td>
            </tr>
            <tr>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Lincoln Blvd</td>
                <td style="padding: 5px; border-bottom: 1px dashed #ddd;">Ankle to Shin High (0.5 - 1 ft)</td>
            </tr>
            <tr>
                <td style="padding: 5px;">Rockaway NY</td>
                <td style="padding: 5px;">Ankle to Shin High (0.5 - 1 ft)</td>
            </tr>
        </table>

        <div style="margin-top: 20px; text-align: center; font-size: 11px; color: #666; padding-top: 5px; border-top: 1px solid #ccc;">
            Wave size estimates are from **surforecast/pacificwaverider**. Weather and ocean data is from **NOAA**.
        </div>
    </div>
</div>
```