{# Inline SVG symbol library — included once in base.html, referenced via <use href="#icon-..."/>.
   Emoji are used for species that have a recognizable unicode; these symbols cover the rest. #}
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <defs>
    <symbol id="icon-leaf" viewBox="0 0 24 24">
      <path d="M12 4 C 20 7 20 17 12 20 C 4 17 4 7 12 4 Z" fill="#8fb573"/>
      <path d="M12 5 L12 19" stroke="#4c6a36" stroke-width="1" fill="none"/>
    </symbol>

    <symbol id="icon-raspberry" viewBox="0 0 24 24">
      <path d="M10 5 L12 3 L14 5 L13 7 L11 7 Z" fill="#6a8a3e"/>
      <g fill="#c8344e">
        <circle cx="9" cy="12" r="3"/>
        <circle cx="15" cy="12" r="3"/>
        <circle cx="12" cy="15.5" r="3"/>
        <circle cx="12" cy="10" r="3"/>
      </g>
      <g fill="#fff" opacity="0.28">
        <circle cx="8" cy="11" r="0.8"/>
        <circle cx="14" cy="11" r="0.8"/>
        <circle cx="11" cy="14.5" r="0.8"/>
      </g>
    </symbol>

    <symbol id="icon-currant" viewBox="0 0 24 24">
      <path d="M12 4 L12 11" stroke="#5a7d3a" stroke-width="1.2" fill="none"/>
      <g fill="#d6243a">
        <circle cx="9" cy="14" r="2.3"/>
        <circle cx="15" cy="14" r="2.3"/>
        <circle cx="12" cy="11.5" r="2.3"/>
        <circle cx="12" cy="17" r="2.3"/>
      </g>
    </symbol>

    <symbol id="icon-haskap" viewBox="0 0 24 24">
      <path d="M11 6 L12 4 L13 6" stroke="#5a7d3a" fill="none" stroke-width="1.3"/>
      <ellipse cx="12" cy="14" rx="4" ry="6" fill="#4d2a7a"/>
      <ellipse cx="10.6" cy="11.5" rx="1.2" ry="2" fill="#fff" opacity="0.25"/>
    </symbol>

    <symbol id="icon-jostaberry" viewBox="0 0 24 24">
      <path d="M12 4 L12 8" stroke="#5a7d3a" stroke-width="1.2" fill="none"/>
      <circle cx="12" cy="14" r="6" fill="#3b1a4c"/>
      <circle cx="10" cy="12" r="1.4" fill="#fff" opacity="0.28"/>
    </symbol>

    <symbol id="icon-gooseberry" viewBox="0 0 24 24">
      <path d="M12 4 L12 8" stroke="#5a7d3a" stroke-width="1.2" fill="none"/>
      <ellipse cx="12" cy="14" rx="5.2" ry="6" fill="#b6cf6d"/>
      <path d="M8.2 11 Q12 17 15.8 11" stroke="#6a8a3a" fill="none" stroke-width="0.8"/>
      <path d="M8.2 14 Q12 19 15.8 14" stroke="#6a8a3a" fill="none" stroke-width="0.8"/>
    </symbol>

    <symbol id="icon-lingonberry" viewBox="0 0 24 24">
      <path d="M10 9 L12 6 L14 9" stroke="#4f7034" fill="none" stroke-width="1.2"/>
      <circle cx="12" cy="15" r="4" fill="#8a1824"/>
      <circle cx="10.8" cy="13.8" r="1" fill="#fff" opacity="0.3"/>
    </symbol>

    <symbol id="icon-blackberry" viewBox="0 0 24 24">
      <g fill="#261428">
        <circle cx="9" cy="12" r="3"/>
        <circle cx="15" cy="12" r="3"/>
        <circle cx="12" cy="15.5" r="3"/>
        <circle cx="12" cy="10" r="3"/>
      </g>
      <g fill="#fff" opacity="0.18">
        <circle cx="8" cy="11" r="0.7"/>
        <circle cx="14" cy="11" r="0.7"/>
      </g>
    </symbol>

    <symbol id="icon-marionberry" viewBox="0 0 24 24">
      <g fill="#3a0e24">
        <circle cx="9" cy="12" r="3"/>
        <circle cx="15" cy="12" r="3"/>
        <circle cx="12" cy="15.5" r="3"/>
        <circle cx="12" cy="10" r="3"/>
      </g>
    </symbol>

    <symbol id="icon-tayberry" viewBox="0 0 24 24">
      <g fill="#7a1e3e">
        <circle cx="9" cy="12" r="3"/>
        <circle cx="15" cy="12" r="3"/>
        <circle cx="12" cy="15.5" r="3"/>
        <circle cx="12" cy="10" r="3"/>
      </g>
    </symbol>

    <symbol id="icon-loganberry" viewBox="0 0 24 24">
      <g fill="#5a1c34">
        <circle cx="9" cy="12" r="3"/>
        <circle cx="15" cy="12" r="3"/>
        <circle cx="12" cy="15.5" r="3"/>
        <circle cx="12" cy="10" r="3"/>
      </g>
    </symbol>

    <symbol id="icon-pawpaw" viewBox="0 0 24 24">
      <ellipse cx="12" cy="13" rx="5" ry="7" fill="#b8a94f"/>
      <path d="M12 6 L12 8" stroke="#5a7d3a" stroke-width="1" fill="none"/>
    </symbol>

    <symbol id="icon-plum" viewBox="0 0 24 24">
      <circle cx="12" cy="13.5" r="6" fill="#5d1e55"/>
      <path d="M12 7.5 Q13 6 14 5" stroke="#5a7d3a" stroke-width="1.2" fill="none"/>
      <path d="M12 8 L12 18" stroke="#3a1138" stroke-width="0.6" fill="none"/>
    </symbol>

    <symbol id="icon-apricot" viewBox="0 0 24 24">
      <circle cx="12" cy="13.5" r="6" fill="#e89b57"/>
      <path d="M12 7.5 Q13 6 14 5" stroke="#5a7d3a" stroke-width="1.2" fill="none"/>
      <path d="M12 8 L12 18" stroke="#c06a30" stroke-width="0.6" fill="none"/>
    </symbol>

    <symbol id="icon-alyssum" viewBox="0 0 24 24">
      <g fill="#a97fd0">
        <circle cx="7" cy="11" r="1.5"/>
        <circle cx="12" cy="8" r="1.5"/>
        <circle cx="17" cy="11" r="1.5"/>
        <circle cx="9" cy="15" r="1.5"/>
        <circle cx="15" cy="15" r="1.5"/>
        <circle cx="12" cy="17" r="1.5"/>
        <circle cx="5" cy="15" r="1.2"/>
        <circle cx="19" cy="15" r="1.2"/>
      </g>
      <g fill="#fff7c0">
        <circle cx="7" cy="11" r="0.5"/>
        <circle cx="12" cy="8" r="0.5"/>
        <circle cx="17" cy="11" r="0.5"/>
        <circle cx="9" cy="15" r="0.5"/>
        <circle cx="15" cy="15" r="0.5"/>
      </g>
    </symbol>

    <symbol id="icon-creeper" viewBox="0 0 24 24">
      <path d="M12 6 L13.5 10.5 L18 10.5 L14.3 13.3 L15.7 18 L12 15 L8.3 18 L9.7 13.3 L6 10.5 L10.5 10.5 Z" fill="#6a98d4"/>
      <circle cx="12" cy="12.5" r="1.2" fill="#fff9d0"/>
    </symbol>

    <symbol id="icon-squash" viewBox="0 0 24 24">
      <ellipse cx="12" cy="14" rx="6" ry="5" fill="#e69a2f"/>
      <path d="M8 13 Q12 11 16 13" stroke="#b86a10" stroke-width="0.8" fill="none"/>
      <path d="M7 14.5 Q12 13 17 14.5" stroke="#b86a10" stroke-width="0.8" fill="none"/>
      <path d="M12 9 L12 7 Q12 5 14 5" stroke="#5a7d3a" stroke-width="1.4" fill="none"/>
    </symbol>

    <symbol id="icon-cauliflower" viewBox="0 0 24 24">
      <g fill="#f2ecd6">
        <circle cx="9" cy="11.5" r="2.6"/>
        <circle cx="15" cy="11.5" r="2.6"/>
        <circle cx="12" cy="9.5" r="2.6"/>
        <circle cx="10.5" cy="13.5" r="2.4"/>
        <circle cx="13.5" cy="13.5" r="2.4"/>
      </g>
      <path d="M7 15 Q12 17.5 17 15 L15 18 L9 18 Z" fill="#8aac62"/>
    </symbol>

    <symbol id="icon-beet" viewBox="0 0 24 24">
      <path d="M9 8 L11 3 M12 8 L13 2 M15 8 L17 4" stroke="#3b7a1f" stroke-width="1.6" stroke-linecap="round" fill="none"/>
      <ellipse cx="12" cy="15" rx="6" ry="6" fill="#a93246" stroke="#5e1a26" stroke-width="0.5"/>
      <path d="M12 21 L12 23.5" stroke="#5e1a26" stroke-width="0.7" stroke-linecap="round"/>
      <ellipse cx="10" cy="13" rx="1.5" ry="2" fill="#c44c5e" opacity="0.6"/>
    </symbol>

    <symbol id="icon-radish" viewBox="0 0 24 24">
      <path d="M11 9 L9 4 M13 9 L13 3 M15 9 L17 5" stroke="#4a8a2a" stroke-width="1.6" stroke-linecap="round" fill="none"/>
      <path d="M12 9 Q5 11 7 17 Q9 22 12 22 Q15 22 17 17 Q19 11 12 9 Z" fill="#d4434f" stroke="#7a1f29" stroke-width="0.4"/>
      <path d="M9 18 Q12 20 15 18 L16 22 L8 22 Z" fill="#fafafa" stroke="#aaa" stroke-width="0.3"/>
    </symbol>

    <symbol id="icon-chives" viewBox="0 0 24 24">
      <line x1="8" y1="22" x2="9" y2="6" stroke="#4a8a2a" stroke-width="1.4" stroke-linecap="round"/>
      <line x1="11" y1="22" x2="11" y2="3" stroke="#5aa030" stroke-width="1.4" stroke-linecap="round"/>
      <line x1="13" y1="22" x2="13.5" y2="7" stroke="#4a8a2a" stroke-width="1.4" stroke-linecap="round"/>
      <line x1="16" y1="22" x2="15.5" y2="4.5" stroke="#5aa030" stroke-width="1.4" stroke-linecap="round"/>
      <circle cx="11" cy="3" r="2" fill="#a370c0" stroke="#5e2e80" stroke-width="0.4"/>
    </symbol>

    <symbol id="icon-comfrey" viewBox="0 0 24 24">
      <path d="M5 14 Q2 8 7 5 Q12 4 13 11 Q11 17 5 14 Z" fill="#5fa83a" stroke="#356c1c" stroke-width="0.5"/>
      <path d="M14 18 Q11 14 14 11 Q19 10 19 16 Q18 21 14 18 Z" fill="#6fb84a" stroke="#356c1c" stroke-width="0.5"/>
      <path d="M7 7 Q9 9 11 9" stroke="#356c1c" stroke-width="0.5" fill="none"/>
      <ellipse cx="18" cy="6" rx="1.6" ry="2.4" fill="#a370c0" stroke="#5e2e80" stroke-width="0.4"/>
      <ellipse cx="20.5" cy="9" rx="1.3" ry="2" fill="#a370c0" stroke="#5e2e80" stroke-width="0.4"/>
    </symbol>

    <symbol id="icon-borage" viewBox="0 0 24 24">
      <g transform="translate(12 12)">
        <g fill="#4a78d4" stroke="#1f3d80" stroke-width="0.4">
          <path d="M0 -7 L1.6 -2.2 L0 -2.2 Z"/>
          <path d="M6.7 -2.2 L2.7 -1 L1.6 -2.2 Z"/>
          <path d="M4.1 5.7 L1 1.5 L2.7 -1 Z"/>
          <path d="M-4.1 5.7 L-1 1.5 L1 1.5 L4.1 5.7 Z"/>
          <path d="M-6.7 -2.2 L-1.6 -2.2 L-2.7 -1 Z"/>
          <path d="M0 -7 L1.6 -2.2 L6.7 -2.2 L2.7 -1 L4.1 5.7 L0 1.5 L-4.1 5.7 L-2.7 -1 L-6.7 -2.2 L-1.6 -2.2 Z"/>
        </g>
        <circle r="1.2" fill="#1f3d80"/>
        <circle r="0.6" fill="#fff" opacity="0.6"/>
      </g>
    </symbol>

    <symbol id="icon-nasturtium" viewBox="0 0 24 24">
      <circle cx="9" cy="14" r="6" fill="#5fa83a" stroke="#356c1c" stroke-width="0.5"/>
      <circle cx="9" cy="14" r="0.8" fill="#356c1c"/>
      <path d="M9 8 L9 13 M14 14 L9 14 M9 14 L11 19 M9 14 L4.5 12" stroke="#356c1c" stroke-width="0.4" fill="none"/>
      <g transform="translate(16 8)">
        <path d="M0 -4 Q3.5 -3 3 0 Q3 3 0 4 Q-3 3 -3 0 Q-3.5 -3 0 -4 Z" fill="#e6822f" stroke="#a83b1f" stroke-width="0.4"/>
        <circle cx="0" cy="0" r="1.4" fill="#fff5b8"/>
        <circle cx="0" cy="0" r="0.6" fill="#a83b1f"/>
      </g>
    </symbol>

    <symbol id="icon-calendula" viewBox="0 0 24 24">
      <g transform="translate(12 12)">
        <g fill="#f0a23a" stroke="#a45a08" stroke-width="0.3">
          <ellipse cx="0" cy="-7" rx="1.6" ry="3.2"/>
          <ellipse cx="5" cy="-5" rx="1.6" ry="3.2" transform="rotate(45)"/>
          <ellipse cx="7" cy="0" rx="3.2" ry="1.6"/>
          <ellipse cx="5" cy="5" rx="1.6" ry="3.2" transform="rotate(135)"/>
          <ellipse cx="0" cy="7" rx="1.6" ry="3.2"/>
          <ellipse cx="-5" cy="5" rx="1.6" ry="3.2" transform="rotate(45)"/>
          <ellipse cx="-7" cy="0" rx="3.2" ry="1.6"/>
          <ellipse cx="-5" cy="-5" rx="1.6" ry="3.2" transform="rotate(135)"/>
        </g>
        <circle r="2.2" fill="#a45a08"/>
        <circle r="1.4" fill="#d68830"/>
      </g>
    </symbol>

    <symbol id="icon-mason-bee" viewBox="0 0 24 24">
      <ellipse cx="12" cy="13" rx="7" ry="4.5" fill="#e6c12a" stroke="#5e4609" stroke-width="0.6"/>
      <path d="M9.5 9 L9.5 17 M14.5 9 L14.5 17" stroke="#3b2c08" stroke-width="2.4"/>
      <ellipse cx="9" cy="8.5" rx="3" ry="2.5" fill="#fff" stroke="#888" stroke-width="0.4" opacity="0.85"/>
      <ellipse cx="15" cy="8.5" rx="3" ry="2.5" fill="#fff" stroke="#888" stroke-width="0.4" opacity="0.85"/>
      <circle cx="6" cy="13" r="0.9" fill="#3b2c08"/>
      <line x1="5" y1="11" x2="3.5" y2="9.5" stroke="#3b2c08" stroke-width="0.5"/>
      <line x1="5" y1="14.5" x2="3.5" y2="16" stroke="#3b2c08" stroke-width="0.5"/>
    </symbol>
  </defs>
</svg>