```python
report_html = """
<div style="width: 100%; max-width: 728px; background: linear-gradient(135deg, #003087, #0066cc); color: white; font-family: sans-serif; padding: 20px; box-sizing: border-box;">
  <header style="border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin-bottom: 15px;">
    <h1 style="margin: 0; font-size: 1.5em;">Pacific West Coast Weather & Marine Report</h1>
    <p style="margin: 5px 0 0 0; font-size: 0.9em;">Wednesday, June 3, 2026 | 11:11 AM MST</p>
  </header>

  <section>
    <p style="line-height: 1.5;">Today along the Pacific West Coast, coastal conditions are dominated by increasing northwest winds, with gale force gusts expected in many areas through Thursday. Northern California waters are seeing breezy conditions, while Southern California maintains lighter winds transitioning through the day. Temperatures are generally mild, reflective of typical early June marine patterns.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Regional Conditions:</strong> In Northern California, northwest winds of 20 to 30 knots are building, with seas reaching 7 to 10 feet. Central California coastal zones are under gale warnings with similar wind speeds and rougher seas. Southern California experiences lighter winds of 5 to 10 knots becoming southwest, with more manageable seas of 3 to 4 feet.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Swell Information:</strong> Observations from nearby buoys indicate a primary northwest windswell ranging from 6 to 11 feet at 7 to 10 seconds. A secondary, longer-period south swell of 2 to 3 feet at 15 to 18 seconds remains present across the region, providing minor variations in surf quality.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Tide Information:</strong> Tides remain mixed along the coast. High tides are generally occurring in the morning to midday, followed by lower afternoon tides, with variations depending on specific harbor locations.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Tomorrow's Outlook:</strong> Thursday continues the trend of strong northwest winds and elevated, rough seas for the northern and central sections of the coast. Southern California may see a slight increase in wind speeds, but conditions will generally remain calmer than the northern regions.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Time Reference:</strong> First light occurred near 5:30 AM, with sunrise at approximately 5:55 AM. Sunset is expected near 8:15 PM, with total darkness by 9:45 PM.</p>
    
    <br>
    
    <p style="font-style: italic; font-size: 0.9em;">Raw data from noaa, curated by surforecast pacificwaverider</p>
  </section>

  <footer style="margin-top: 20px; font-size: 0.8em; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 10px; opacity: 0.8;">
    <p>Credits: Data provided by the National Oceanic and Atmospheric Administration (NOAA).</p>
    <p>References: National Weather Service Marine Forecasts and National Data Buoy Center (NDBC).</p>
  </footer>
</div>
"""

with open("pacific_weather_report.html", "w") as f:
    f.write(report_html)



```

Your HTML Pacific West Coast weather and marine report is ready.

```html
<div style="width: 100%; max-width: 728px; background: linear-gradient(135deg, #003087, #0066cc); color: white; font-family: sans-serif; padding: 20px; box-sizing: border-box;">
  <header style="border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; margin-bottom: 15px;">
    <h1 style="margin: 0; font-size: 1.5em;">Pacific West Coast Weather & Marine Report</h1>
    <p style="margin: 5px 0 0 0; font-size: 0.9em;">Wednesday, June 3, 2026 | 11:11 AM MST</p>
  </header>

  <section>
    <p style="line-height: 1.5;">Today along the Pacific West Coast, coastal conditions are dominated by increasing northwest winds, with gale force gusts expected in many areas through Thursday. Northern California waters are seeing breezy conditions, while Southern California maintains lighter winds transitioning through the day. Temperatures are generally mild, reflective of typical early June marine patterns.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Regional Conditions:</strong> In Northern California, northwest winds of 20 to 30 knots are building, with seas reaching 7 to 10 feet. Central California coastal zones are under gale warnings with similar wind speeds and rougher seas. Southern California experiences lighter winds of 5 to 10 knots becoming southwest, with more manageable seas of 3 to 4 feet.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Swell Information:</strong> Observations from nearby buoys indicate a primary northwest windswell ranging from 6 to 11 feet at 7 to 10 seconds. A secondary, longer-period south swell of 2 to 3 feet at 15 to 18 seconds remains present across the region, providing minor variations in surf quality.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Tide Information:</strong> Tides remain mixed along the coast. High tides are generally occurring in the morning to midday, followed by lower afternoon tides, with variations depending on specific harbor locations.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Tomorrow's Outlook:</strong> Thursday continues the trend of strong northwest winds and elevated, rough seas for the northern and central sections of the coast. Southern California may see a slight increase in wind speeds, but conditions will generally remain calmer than the northern regions.</p>
    
    <br>
    
    <p style="line-height: 1.5;"><strong>Time Reference:</strong> First light occurred near 5:30 AM, with sunrise at approximately 5:55 AM. Sunset is expected near 8:15 PM, with total darkness by 9:45 PM.</p>
    
    <br>
    
    <p style="font-style: italic; font-size: 0.9em;">raw data from noaa, curated by surforecast pacificwaverider</p>
  </section>

  <footer style="margin-top: 20px; font-size: 0.8em; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 10px; opacity: 0.8;">
    <p>Credits: Data provided by the National Oceanic and Atmospheric Administration (NOAA).</p>
    <p>References: National Weather Service Marine Forecasts and National Data Buoy Center (NDBC).</p>
  </footer>
</div>

```