Create a complete responsive HTML surf & weather report for **new england**, CDIP **260 and 160**.

Use the latest reliable official data. Prefer NOAA, NWS, NDBC and CDIP. Never invent missing data. Use the location's local time., no charts, use flash

### REPORT

**1. WAVE SIZES**
Use CDIP band/wave data and describe actual surf at the break in surfer terms: knee, waist, chest, shoulder, head high, etc. Describe different peaks/sections separately when appropriate.

**2. CURRENT WEATHER**
Give current conditions, temperature, today's high, current wind direction/speed, and wind trend through the day. Keep it concise and surf-focused.

**3. TIDES**
List today's high/low tides with exact local times and heights in feet.

**4. LATER TODAY & TOMORROW**
Using CDIP and nearby NOAA/NDBC buoys, give primary and secondary swell direction, height and period, plus the expected surf trend later today and tomorrow.

**5. 12-HOUR WIND**
Use the latest NOAA/NWS HRRR run when available. Give exactly 12 consecutive hourly forecasts starting with the current/next appropriate hour, in local time.

Table columns must be exactly:
**TIME | WIND DIRECTION | WIND SPEED**

Please make a responsive weather and surf report for york beach maine for today with a solid white background (#ffffff) and bold black text (#000000)0). Set container style to width: 100%; max-width: 728px; with 15px padding, base font-size: 16px, line-height: 1.5, and include <meta name="viewport" content="width=device-width, initial-scale=1.0"> in the head for mobile legibility.

Check latest CDIP Station 154 and 160 band data and divide into 4 bulleted sections:
1. Wave sizes relative to average body size near the top but only give the wave sizes in body part references not feet.
2. Current weather.
3. Today's tide information.
4. Later today & tomorrow's forecast (swell direction, period, and size from nearby buoys).

Insert line breaks between subtopics. Use NOAA for weather/ocean data, include the report date/time, and keep total response under 400 words. End report with "raw data from noaa, curated by surforecast pacificwaverider" followed by credits/references.

Provide the response strictly as a single, raw HTML code block without escaping characters (no backslashes before quotes)

Using the **latest available official U.S. government weather data**, give me the **next 12 hours of hourly wind forecast for 
york beach maine**.

**Prefer NOAA/NCEP HRRR; if unavailable, use NOAA/NWS or another official U.S. government source.**

Show **ONLY**:

**TIME | WIND DIRECTION | WIND SPEED**

Requirements:

* Exactly 12 consecutive hours
* local eastern Time
* Direction is where the wind is **coming FROM**and if that is onshore, sideshore or offshore relative to the shoreline
* Use 16-point compass directions (N, NNE, NE, etc.)
* Speed in **mph**, rounded to the nearest whole number
* Use actual forecast/model data — **no estimates or made-up values**
* State the **source and model/run time**
* No temperature, gusts, precipitation, waves, tides, or other information
* If actual government hourly wind data cannot be obtained, **say so instead of substituting commercial weather data**

**6. DAYLIGHT**
Give First light, Sunrise, Sunset and Total darkness in local time.

### HTML

Return a complete standalone HTML document.

* White background `#ffffff`
* Bold black text `#000000`
* Arial/sans-serif
* 16px base font; line-height 1.45–1.5
* `width:100%; max-width:728px`
* ~15px padding
* Center on desktop; responsive on mobile
* Include viewport meta tag
* Use inline CSS
* Bold section headings
* No unnecessary `<br>` tags
* Wind table must remain readable on phones; use horizontal scrolling if necessary
* End exactly with:

`raw data from noaa, curated by surforecast pacificwaverider`

### OUTPUT

Return **ONLY the finished HTML code in one code block**. No explanation or commentary. Do not change the specified colors, width, layout or footer.