Archaeological Section

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280" width="480" height="280">
  <style>
    text { font:11px Inter, sans-serif; fill:#0f172a; }
    .lab { font-weight:600; }
  </style>
  <!-- Layers -->
  <rect x="40" y="40"  width="400" height="30" fill="#fde68a" stroke="#0f172a"/>
  <text class="lab" x="50" y="60">L1 — Topsoil</text>
  <rect x="40" y="70"  width="400" height="40" fill="#facc15" stroke="#0f172a"/>
  <text class="lab" x="50" y="95">L2 — Medieval (12-14C)</text>
  <rect x="40" y="110" width="400" height="40" fill="#a3a3a3" stroke="#0f172a"/>
  <text class="lab" x="50" y="135">L3 — Roman (1-4C)</text>
  <rect x="40" y="150" width="400" height="50" fill="#92400e" stroke="#0f172a"/>
  <text class="lab" x="50" y="180" fill="white">L4 — Iron Age</text>
  <rect x="40" y="200" width="400" height="30" fill="#525b66" stroke="#0f172a"/>
  <text class="lab" x="50" y="220" fill="white">L5 — Bedrock</text>
  <!-- Finds -->
  <circle cx="120" cy="90" r="6" fill="#dc2626"/>  <text x="130" y="95">F1 coin</text>
  <circle cx="280" cy="130" r="6" fill="#dc2626"/> <text x="290" y="135">F2 amphora sherd</text>
  <circle cx="350" cy="175" r="6" fill="#dc2626"/> <text x="290" y="180">F3 hearth charcoal</text>
  <!-- Depth axis -->
  <line x1="30" y1="40" x2="30" y2="230" stroke="#0f172a"/>
  <text x="0" y="46">0 m</text>
  <text x="0" y="230">~ 2.5 m</text>
</svg>