<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Zone 10 Planting Guide - SeedVault Market</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Inter:wght@400;500;600;700&display=swap');

@page {
  size: 8.5in 11in;
  margin: 0.5in 0.5in 0.5in 0.5in;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Inter', sans-serif;
  font-size: 9.5pt;
  line-height: 1.5;
  color: #2d2d2d;
}

.header {
  text-align: center;
  margin-bottom: 0.15in;
  padding-bottom: 0.12in;
  border-bottom: 3px solid #4a7c59;
}
.header h1 {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 24pt;
  font-weight: 900;
  color: #3a6b4a;
}
.header .zone-label {
  font-size: 14pt;
  color: #fff;
  background: #4a7c59;
  display: inline-block;
  padding: 3px 16px;
  border-radius: 4px;
  margin-top: 4pt;
  font-weight: 700;
}

.zone-info {
  display: flex;
  justify-content: space-around;
  margin: 0.1in 0 0.12in 0;
  padding: 8px 12px;
  background: #f4f1ea;
  border-radius: 6px;
  font-size: 10pt;
}
.zone-info-item { text-align: center; }
.zone-info-item .label { font-weight: 700; color: #4a7c59; }
.zone-info-item .value { color: #555; }

.zone-note {
  background: #eef5ea;
  border-left: 4px solid #4a7c59;
  padding: 8px 12px;
  font-size: 9pt;
  margin: 0.08in 0 0.12in 0;
  color: #3a5a30;
  border-radius: 0 4px 4px 0;
}

.cat-header {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 13pt;
  font-weight: 700;
  color: #fff;
  background: #4a7c59;
  padding: 5px 12px;
  margin: 0.1in 0 0 0;
  border-radius: 4px 4px 0 0;
}

.seed-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 8.5pt;
  border: 1px solid #ddd;
  border-top: none;
}
.seed-table th {
  text-align: left;
  font-weight: 700;
  color: #3a6b4a;
  border-bottom: 2px solid #c0c0b0;
  padding: 4px 6px;
  font-size: 8pt;
  text-transform: uppercase;
  background: #f9f9f5;
}
.seed-table td {
  padding: 4px 6px;
  border-bottom: 1px solid #e8e8e0;
  vertical-align: top;
}
.seed-table tr:last-child td { border-bottom: none; }
.seed-table td:first-child { font-weight: 600; }

.badge {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 7.5pt;
  font-weight: 700;
  color: #fff;
}
.badge-indoor { background: #4a7c59; }
.badge-sow { background: #3b82b8; }
.badge-both { background: #d48806; }
.badge-warn { background: #c0392b; }

.warning {
  color: #c0392b;
  font-size: 8pt;
  font-style: italic;
}

.tree-section {
  margin: 0.12in 0;
}
.tree-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.tree-card {
  border: 2px solid #e0e0d8;
  border-radius: 6px;
  overflow: hidden;
  break-inside: avoid;
}
.tree-card-header {
  padding: 5px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 10pt;
  background: #6b4f3a;
}
.tree-card-body {
  padding: 6px 10px;
  background: #fafaf7;
  font-size: 9pt;
}

.footer {
  text-align: center;
  margin-top: 0.12in;
  padding-top: 8px;
  border-top: 2px solid #4a7c59;
  font-size: 9pt;
  color: #555;
}
.footer .brand { font-weight: 700; color: #3a6b4a; font-size: 11pt; }
.footer .tagline { font-size: 8pt; color: #888; margin-top: 2px; }

.page { page-break-after: always; }
.page:last-child { page-break-after: auto; }
</style>
</head>
<body>
<div class="page">
  <div class="header">
    <h1>Planting Guide</h1>
    <div class="zone-label">USDA Zone 10</div>
  </div>

  <div class="zone-info">
    <div class="zone-info-item">
      <div class="label">Last Frost</div>
      <div class="value">Jan 31</div>
    </div>
    <div class="zone-info-item">
      <div class="label">First Frost</div>
      <div class="value">Dec 20</div>
    </div>
    <div class="zone-info-item">
      <div class="label">Growing Season</div>
      <div class="value">Near year-round</div>
    </div>
  </div>

  <div class="zone-note">
    <strong>Zone 10 Tip:</strong> Subtropical. Focus on heat-loving crops. Summer heat can be challenging.
  </div>
  <div class="cat-header">Fruiting Vegetables</div>
  <table class="seed-table">
    <tr><th>Seed</th><th>Method</th><th>Start Indoors</th><th>Direct Sow / Transplant</th><th>Harvest By</th></tr>
    <tr>      <td>Roma Tomatoes</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Dec 20</td>      <td>Jan 17</td>      <td>May 28</td>    </tr>
    <tr>      <td>Jalapeno Peppers</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Dec 6</td>      <td>Jan 17</td>      <td>Jun 1</td>    </tr>
    <tr>      <td>California Wonder Peppers</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Dec 6</td>      <td>Jan 17</td>      <td>Jun 6</td>    </tr>
    <tr>      <td>Crimson Sweet Watermelon</td>      <td><span class="badge badge-both">Both</span></td>      <td>Jan 17</td>      <td>Jan 31 or earlier</td>      <td>May 5</td>    </tr>
    <tr>      <td>Pickling Cucumbers</td>      <td><span class="badge badge-both">Both</span></td>      <td>Jan 17</td>      <td>Jan 31 or earlier</td>      <td>Apr 5</td>    </tr>
    <tr>      <td>Dark Green Zucchini</td>      <td><span class="badge badge-both">Both</span></td>      <td>Jan 17</td>      <td>Jan 31 or earlier</td>      <td>Mar 31</td>    </tr>
    <tr>      <td>Jack-o-Lantern Pumpkin</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>May 1</td>    </tr>
    <tr>      <td>Luffa Sponge Gourd</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>Jan 17</td>      <td>Jan 31</td>      <td>May 15</td>    </tr>
  </table>
  <div class="cat-header">Herbs</div>
  <table class="seed-table">
    <tr><th>Seed</th><th>Method</th><th>Start Indoors</th><th>Direct Sow / Transplant</th><th>Harvest By</th></tr>
    <tr>      <td>Large Leaf Basil</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Jan 3</td>      <td>Jan 17</td>      <td>Apr 14</td>    </tr>
    <tr>      <td>Coriander (Cilantro)</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>Jan 10</td>      <td>Jan 31</td>      <td>Apr 17</td>    </tr>
    <tr>      <td>Parsley</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>Jan 10</td>      <td>Jan 31</td>      <td>Apr 22</td>    </tr>
    <tr>      <td>Catnip</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Apr 1</td>    </tr>
  </table>
  <div class="cat-header">Root Vegetables</div>
  <table class="seed-table">
    <tr><th>Seed</th><th>Method</th><th>Start Indoors</th><th>Direct Sow / Transplant</th><th>Harvest By</th></tr>
    <tr>      <td>Sugar Beets</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Mar 22</td>    </tr>
    <tr>      <td>Bulls Blood Beets</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Mar 22</td>    </tr>
    <tr>      <td>Snowball Turnips</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 17</td>      <td>Mar 22</td>    </tr>
    <tr>      <td>Scarlett Nantes Carrots</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Apr 1</td>    </tr>
  </table>
  <div class="cat-header">Legumes & Corn</div>
  <table class="seed-table">
    <tr><th>Seed</th><th>Method</th><th>Start Indoors</th><th>Direct Sow / Transplant</th><th>Harvest By</th></tr>
    <tr>      <td>Provider Green Bush Beans</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Mar 22</td>    </tr>
    <tr>      <td>Sugar Lace Snap Peas</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 17</td>      <td>Apr 1</td>    </tr>
    <tr>      <td>Yellow Dent Corn</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 31</td>      <td>Apr 21</td>    </tr>
  </table>
  <div class="cat-header">Leafy Greens & Brassicas</div>
  <table class="seed-table">
    <tr><th>Seed</th><th>Method</th><th>Start Indoors</th><th>Direct Sow / Transplant</th><th>Harvest By</th></tr>
    <tr>      <td>Utah Celery</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Nov 22</td>      <td>Jan 17</td>      <td>Jul 10</td>    </tr>
    <tr>      <td>Butter Crunch Lettuce</td>      <td><span class="badge badge-both">Both</span></td>      <td>Jan 3</td>      <td>Jan 31 or earlier</td>      <td>Apr 19</td>    </tr>
    <tr>      <td>Red Russian Kale</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 17</td>      <td>Mar 27</td>    </tr>
    <tr>      <td>Long Island Brussels Sprouts</td>      <td><span class="badge badge-indoor">Indoor</span></td>      <td>Dec 6</td>      <td>Jan 17</td>      <td>Jun 26</td>    </tr>
    <tr>      <td>White Bunching Onion</td>      <td><span class="badge badge-sow">Sow</span></td>      <td>—</td>      <td>Jan 17</td>      <td>May 11</td>    </tr>
  </table>
  <div class="tree-section">
  <div class="cat-header" style="background:#6b4f3a;">Tree Seeds</div>
  <div class="tree-grid">
    <div class="tree-card">
      <div class="tree-card-header">Japanese Maple</div>
      <div class="tree-card-body">
        <strong>Spring/Fall</strong><br>Fall preferred. Shade when young.
      </div>
    </div>
    <div class="tree-card">
      <div class="tree-card-header">Red Cedar</div>
      <div class="tree-card-body">
        <strong>Fall</strong><br>Bare-root in dormant season.
      </div>
    </div>
    <div class="tree-card">
      <div class="tree-card-header">Southern Yew</div>
      <div class="tree-card-body">
        <strong>Spring</strong><br>Slow grower. Good hedge plant.
      </div>
    </div>
    <div class="tree-card">
      <div class="tree-card-header">Chinese Elm</div>
      <div class="tree-card-body">
        <strong>Spring</strong><br>Drought-tolerant once established.
      </div>
    </div>
  </div></div>

  <div class="footer">
    <div class="brand">SeedVault Market</div>
    <div class="tagline">seedvault.market &middot; Heirloom seeds for real food sovereignty &middot; Bitcoin payments welcome</div>
  </div>
</div>
</body>
</html>