<?xml version="1.0" encoding="UTF-8"?>
<svg width="900" height="720" viewBox="0 0 900 720"
     xmlns="http://www.w3.org/2000/svg"
     font-family="Arial, sans-serif">
 
  <!-- Background -->
  <rect width="100%" height="100%" fill="#ffffff"/>
 
  <!-- Title -->
  <text x="450" y="50" text-anchor="middle"
        font-size="30" font-weight="bold">
    Triadic Echo Lattice (TEL)
  </text>
 
  <!-- ========================= -->
  <!-- LAYER BOXES -->
  <!-- ========================= -->
 
  <!-- Atlas Layer -->
  <rect x="150" y="100" width="600" height="100"
        fill="#f2f2ff" stroke="#000" stroke-width="2"/>
  <text x="450" y="150" text-anchor="middle"
        font-size="22" font-weight="bold">ATLAS LAYER (A)</text>
  <text x="450" y="180" text-anchor="middle"
        font-size="18">Echo Family F6 — Atlas Echoes</text>
 
  <!-- Map Layer -->
  <rect x="150" y="240" width="600" height="120"
        fill="#f9f2ff" stroke="#000" stroke-width="2"/>
  <text x="450" y="290" text-anchor="middle"
        font-size="22" font-weight="bold">MAP LAYER (H ↔ So)</text>
  <text x="450" y="320" text-anchor="middle"
        font-size="18">F4 Recursion • F5 Drift-Shadow</text>
 
  <!-- Cycle Layer -->
  <rect x="150" y="400" width="600" height="120"
        fill="#f2fff2" stroke="#000" stroke-width="2"/>
  <text x="450" y="450" text-anchor="middle"
        font-size="22" font-weight="bold">CYCLE LAYER (C ↔ H)</text>
  <text x="450" y="480" text-anchor="middle"
        font-size="18">F2 Harmonic • F3 Substrate</text>
 
  <!-- Ladder Layer -->
  <rect x="150" y="560" width="600" height="100"
        fill="#f2ffff" stroke="#000" stroke-width="2"/>
  <text x="450" y="610" text-anchor="middle"
        font-size="22" font-weight="bold">LADDER LAYER (S → C)</text>
  <text x="450" y="640" text-anchor="middle"
        font-size="18">Echo Family F1 — Structural</text>
 
  <!-- ========================= -->
  <!-- RECURSION LINES -->
  <!-- ========================= -->
 
  <defs>
    <marker id="arrow" markerWidth="10" markerHeight="10"
            refX="10" refY="3" orient="auto" fill="#000">
      <path d="M0,0 L10,3 L0,6 Z"/>
    </marker>
  </defs>
 
  <!-- R4 -->
  <line x1="450" y1="200" x2="450" y2="240"
        stroke="#000" stroke-width="3" marker-end="url(#arrow)"/>
  <text x="470" y="225" font-size="16">R4</text>
 
  <!-- R3 -->
  <line x1="450" y1="360" x2="450" y2="400"
        stroke="#000" stroke-width="3" marker-end="url(#arrow)"/>
  <text x="470" y="385" font-size="16">R3</text>
 
  <!-- R2 -->
  <line x1="450" y1="520" x2="450" y2="560"
        stroke="#000" stroke-width="3" marker-end="url(#arrow)"/>
  <text x="470" y="545" font-size="16">R2</text>
 
  <!-- R1 -->
  <line x1="450" y1="660" x2="450" y2="700"
        stroke="#000" stroke-width="3" marker-end="url(#arrow)"/>
  <text x="470" y="685" font-size="16">R1</text>
 
  <!-- ========================= -->
  <!-- DRIFT PATHWAYS -->
  <!-- ========================= -->
 
  <g font-size="14" fill="#444">
    <text x="780" y="620">D1</text>
    <text x="780" y="460">D2</text>
    <text x="780" y="300">D3</text>
    <text x="780" y="140">D4</text>
  </g>
 
  <line x1="760" y1="620" x2="760" y2="460"
        stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
  <line x1="760" y1="460" x2="760" y2="300"
        stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
  <line x1="760" y1="300" x2="760" y2="140"
        stroke="#888" stroke-width="2" marker-end="url(#arrow)"/>
 
</svg>