<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 540" role="img" aria-labelledby="title desc">
  <title id="title">Bellwright stockpile placement graphic</title>
  <desc id="desc">A Bellwright settlement layout graphic showing builders, storage and shorter walking routes.</desc>
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#293b46"/>
      <stop offset="0.5" stop-color="#45605a"/>
      <stop offset="1" stop-color="#b58b5a"/>
    </linearGradient>
  </defs>
  <rect width="960" height="540" rx="34" fill="url(#bg)"/>
  <rect x="92" y="74" width="776" height="392" rx="28" fill="rgba(18,25,22,.58)" stroke="#f0d49a" stroke-opacity=".4"/>
  <text x="132" y="130" fill="#fff2d1" font-family="Arial, sans-serif" font-size="34" font-weight="700">Short Haul Building Layout</text>
  <text x="132" y="170" fill="#ead8b2" font-family="Arial, sans-serif" font-size="21">Put storage between the route and the construction queue.</text>
  <g font-family="Arial, sans-serif" font-weight="700" text-anchor="middle">
    <rect x="132" y="248" width="180" height="112" rx="20" fill="#6e8d4f"/>
    <text x="222" y="298" fill="#102014" font-size="22">Gatherers</text>
    <text x="222" y="329" fill="#22331d" font-size="17" font-weight="400">wood / stone / straw</text>
    <rect x="390" y="214" width="180" height="180" rx="24" fill="#e6c279"/>
    <text x="480" y="292" fill="#3d2a18" font-size="24">Central</text>
    <text x="480" y="326" fill="#3d2a18" font-size="24">Stockpile</text>
    <rect x="648" y="248" width="180" height="112" rx="20" fill="#c9834d"/>
    <text x="738" y="298" fill="#26180e" font-size="22">Builders</text>
    <text x="738" y="329" fill="#3f2b18" font-size="17" font-weight="400">one active queue</text>
  </g>
  <path d="M322 304 H368" stroke="#ffefb8" stroke-width="12" stroke-linecap="round"/>
  <path d="M354 280 L382 304 L354 328" fill="none" stroke="#ffefb8" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M580 304 H626" stroke="#ffefb8" stroke-width="12" stroke-linecap="round"/>
  <path d="M612 280 L640 304 L612 328" fill="none" stroke="#ffefb8" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
  <g fill="none" stroke="#f1d79a" stroke-width="4" opacity=".5">
    <path d="M168 412 C300 450 510 450 790 410"/>
    <path d="M176 224 C310 178 560 176 790 222"/>
  </g>
</svg>
