give me detailed flowchart of posterior uveitis, few ideas such as wit

give me detailed flowchart of posterior uveitis, few ideas such as with vitritis without vitritis , primary site of lesion retina choroid, solitory or multifocal, infectious non infectious, bilateral unilateral, retinitis choroiditis chorioretinitis retinochoroiditis neuroretinitis, with all examples

Reading File

Finding Sources

Reading File

Finding Sources

Reading File

Finding Sources

Reading File

Running Command

ls /home/daytona/workspace/ 2>/dev/null || echo "workspace empty or missing"

Writing File

.../posterior-uveitis-flowchart/posterior_uveitis_flowchart.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Posterior Uveitis - Detailed Diagnostic Flowchart</title>
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'Segoe UI', Arial, sans-serif; background: #f0f4f8; color: #1a1a2e; }

  .page-title {
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    color: white;
    padding: 24px 20px 20px;
  }
  .page-title h1 { font-size: 26px; letter-spacing: 1px; margin-bottom: 6px; }
  .page-title p { font-size: 13px; opacity: 0.75; }

  .flowchart { padding: 30px 20px; max-width: 1600px; margin: 0 auto; }

  /* === ROOT NODE === */
  .root-box {
    background: linear-gradient(135deg, #e63946, #c1121f);
    color: white;
    border-radius: 12px;
    padding: 16px 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    width: 320px;
    margin: 0 auto 10px;
    box-shadow: 0 6px 20px rgba(198,18,31,0.35);
    letter-spacing: 0.5px;
  }

  /* === CONNECTOR LINES === */
  .v-line { width: 3px; background: #666; height: 22px; margin: 0 auto; }
  .v-line-short { width: 3px; background: #aaa; height: 14px; margin: 0 auto; }
  .h-divider { border: none; border-top: 2px dashed #bbb; margin: 8px 0; }

  /* LEVEL 1 - VITRITIS branches */
  .level1-row {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 0 auto;
    position: relative;
  }
  .level1-row::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 200px);
    width: 400px;
    height: 3px;
    background: #666;
  }

  .branch-col { display: flex; flex-direction: column; align-items: center; }

  /* VITRITIS BOXES */
  .vitritis-yes {
    background: linear-gradient(135deg, #e07b39, #c25e20);
    color: white;
    border-radius: 10px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 210px;
    box-shadow: 0 4px 14px rgba(194,94,32,0.3);
  }
  .vitritis-no {
    background: linear-gradient(135deg, #457b9d, #1d3557);
    color: white;
    border-radius: 10px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    width: 210px;
    box-shadow: 0 4px 14px rgba(29,53,87,0.3);
  }

  /* === SECTION CONTAINERS === */
  .section { margin: 30px 0; }

  /* PRIMARY SITE BOXES */
  .site-row { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin: 10px auto; }

  .site-box {
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    min-width: 150px;
    border: 3px solid transparent;
  }
  .site-retina { background: #fff3e0; border-color: #e07b39; color: #b85c00; }
  .site-choroid { background: #e3f2fd; border-color: #1976d2; color: #0d47a1; }
  .site-both { background: #f3e5f5; border-color: #7b1fa2; color: #4a148c; }

  /* PATTERN BOXES */
  .pattern-row { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 8px auto; }
  .pattern-box {
    background: white;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    border-left: 5px solid #888;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    min-width: 120px;
    text-align: center;
  }
  .pattern-focal { border-color: #43a047; }
  .pattern-multi { border-color: #fb8c00; }
  .pattern-geographic { border-color: #8e24aa; }
  .pattern-diffuse { border-color: #e53935; }

  /* === MAIN GRID === */
  .main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 20px 0;
  }

  /* BIG CARDS */
  .big-card {
    background: white;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    overflow: hidden;
  }
  .big-card-header {
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 700;
    color: white;
    letter-spacing: 0.3px;
  }
  .hdr-infectious { background: linear-gradient(135deg, #d32f2f, #b71c1c); }
  .hdr-noninfectious { background: linear-gradient(135deg, #1565c0, #0d47a1); }
  .hdr-bilateral { background: linear-gradient(135deg, #2e7d32, #1b5e20); }
  .hdr-unilateral { background: linear-gradient(135deg, #6a1b9a, #4a148c); }
  .hdr-entity { background: linear-gradient(135deg, #00695c, #004d40); }

  .big-card-body { padding: 14px 18px; }

  /* SUB-CATEGORY within card */
  .sub-cat {
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #e0e0e0;
  }
  .sub-cat:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
  .sub-cat-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .sub-cat-title.retinal { color: #e07b39; }
  .sub-cat-title.choroidal { color: #1976d2; }
  .sub-cat-title.combined { color: #7b1fa2; }
  .sub-cat-title.neuro { color: #00695c; }
  .sub-cat-title.vascular { color: #c62828; }

  /* DISEASE PILLS */
  .pill-row { display: flex; flex-wrap: wrap; gap: 6px; }
  .pill {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .pill-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
  .pill-retinitis { background: #fff3e0; color: #e65100; border: 1.5px solid #ffb74d; }
  .pill-retinitis .pill-dot { background: #e65100; }
  .pill-choroiditis { background: #e3f2fd; color: #0d47a1; border: 1.5px solid #64b5f6; }
  .pill-choroiditis .pill-dot { background: #1976d2; }
  .pill-combined { background: #f3e5f5; color: #6a1b9a; border: 1.5px solid #ce93d8; }
  .pill-combined .pill-dot { background: #7b1fa2; }
  .pill-neuro { background: #e0f2f1; color: #004d40; border: 1.5px solid #80cbc4; }
  .pill-neuro .pill-dot { background: #00897b; }
  .pill-vascular { background: #fce4ec; color: #880e4f; border: 1.5px solid #f48fb1; }
  .pill-vascular .pill-dot { background: #c2185b; }

  /* === ENTITY EXPLANATION CARDS === */
  .entity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 16px;
    margin: 20px 0;
  }
  .entity-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0,0,0,0.09);
    overflow: hidden;
  }
  .entity-card-header {
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
    color: white;
  }
  .entity-retinitis { background: linear-gradient(135deg, #e65100, #bf360c); }
  .entity-choroiditis { background: linear-gradient(135deg, #1565c0, #0d47a1); }
  .entity-chorioretinitis { background: linear-gradient(135deg, #6a1b9a, #4a148c); }
  .entity-retinochoroiditis { background: linear-gradient(135deg, #827717, #f57f17); }
  .entity-neuroretinitis { background: linear-gradient(135deg, #00695c, #004d40); }
  .entity-vasculitis { background: linear-gradient(135deg, #b71c1c, #880e4f); }

  .entity-card-body { padding: 12px 14px; }
  .entity-def { font-size: 12.5px; color: #333; margin-bottom: 8px; line-height: 1.5; }
  .entity-examples { font-size: 12px; color: #555; }
  .entity-examples strong { color: #222; }
  .entity-vitritis {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 6px;
  }
  .vitritis-present { background: #fff3e0; color: #e65100; border: 1px solid #ffb74d; }
  .vitritis-absent { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; }
  .vitritis-variable { background: #ede7f6; color: #4527a0; border: 1px solid #b39ddb; }

  /* === LEGEND === */
  .legend {
    background: white;
    border-radius: 12px;
    padding: 16px 20px;
    margin: 20px 0;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
  }
  .legend h3 { font-size: 14px; margin-bottom: 10px; color: #333; }
  .legend-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
  .legend-item { display: flex; align-items: center; gap: 8px; font-size: 12px; }
  .legend-swatch { width: 14px; height: 14px; border-radius: 3px; flex-shrink: 0; }

  /* === LATERALITY SECTION === */
  .laterality-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 20px 0;
  }

  /* === KEY SIGNS TABLE === */
  .signs-table { width: 100%; border-collapse: collapse; font-size: 12.5px; margin-top: 8px; }
  .signs-table th { background: #37474f; color: white; padding: 8px 10px; text-align: left; }
  .signs-table td { padding: 7px 10px; border-bottom: 1px solid #eceff1; vertical-align: top; }
  .signs-table tr:nth-child(even) td { background: #f9fbe7; }
  .signs-table tr:hover td { background: #e8f5e9; }

  /* LABEL BADGE */
  .label-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .badge-step { background: #37474f; color: white; }

  /* COLOR CLUE BOX */
  .color-clue-row { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin: 8px 0; }
  .color-clue {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 600;
    text-align: center;
    min-width: 130px;
  }
  .clue-white { background: #fafafa; border: 2px solid #bdbdbd; color: #424242; }
  .clue-yellow { background: #fff9c4; border: 2px solid #f9a825; color: #e65100; }
  .clue-pigmented { background: #efebe9; border: 2px solid #795548; color: #3e2723; }

  /* STEP FLOW ARROW */
  .flow-arrow { text-align: center; font-size: 22px; color: #888; margin: 4px 0; }

  @media (max-width: 900px) {
    .main-grid, .laterality-grid { grid-template-columns: 1fr; }
    .level1-row { flex-direction: column; align-items: center; gap: 20px; }
    .level1-row::before { display: none; }
  }

  @media print {
    body { background: white; }
    .big-card, .entity-card, .legend { box-shadow: none; border: 1px solid #ddd; }
  }
</style>
</head>
<body>

<div class="page-title">
  <h1>POSTERIOR UVEITIS &mdash; Comprehensive Diagnostic Flowchart</h1>
  <p>Source: Kanski's Clinical Ophthalmology 10th Ed. &nbsp;|&nbsp; Wills Eye Manual &nbsp;|&nbsp; Firestein & Kelley's Textbook of Rheumatology</p>
</div>

<div class="flowchart">

  <!-- ====================== ROOT ====================== -->
  <div class="root-box">POSTERIOR UVEITIS</div>
  <div class="v-line"></div>

  <!-- DEFINITION STRIP -->
  <div style="text-align:center; background:#fff8f0; border:2px solid #e07b39; border-radius:10px; padding:10px 20px; max-width:700px; margin:0 auto 10px; font-size:13px; color:#555; line-height:1.6;">
    <strong style="color:#c25e20;">Definition:</strong> Encompasses retinitis, choroiditis, retinal vasculitis, neuroretinitis.<br>
    Inflammation primarily posterior to the vitreous base &mdash; retina, choroid, or both.
  </div>
  <div class="v-line"></div>

  <!-- ====================== STEP 1: VITRITIS ====================== -->
  <div style="text-align:center; margin-bottom:6px;">
    <span class="label-badge badge-step">STEP 1 &mdash; VITRITIS?</span>
  </div>
  <div class="v-line-short"></div>

  <div style="display:flex; justify-content:center; align-items:flex-start; gap:0; position:relative; max-width:700px; margin:0 auto;">
    <!-- horizontal connector -->
    <div style="position:absolute; top:0; left:50%; transform:translateX(-50%); width:360px; height:3px; background:#666; top:0;"></div>
  </div>

  <!-- VITRITIS SPLIT -->
  <div style="display:flex; justify-content:center; gap:80px; margin:0 auto 6px;">
    <div class="branch-col">
      <div style="width:3px; height:20px; background:#666; margin:0 auto;"></div>
      <div class="vitritis-yes">WITH VITRITIS<br><span style="font-size:11px; font-weight:400; opacity:0.9">(Vitreous cells present)</span></div>
      <div style="width:3px; height:14px; background:#e07b39; margin:0 auto;"></div>
      <div style="background:#fff3e0; border:2px solid #e07b39; border-radius:8px; padding:8px 12px; font-size:12px; color:#b85c00; max-width:200px; text-align:center;">
        <strong>Suggests retinal primary</strong><br>Retinitis, Retinochoroiditis, ARN, Neuroretinitis
      </div>
    </div>
    <div style="width:3px; height:60px; background:#666; align-self:flex-start; margin-top:20px;"></div>
    <div class="branch-col">
      <div style="width:3px; height:20px; background:#666; margin:0 auto;"></div>
      <div class="vitritis-no">WITHOUT VITRITIS<br><span style="font-size:11px; font-weight:400; opacity:0.9">(Vitreous clear)</span></div>
      <div style="width:3px; height:14px; background:#457b9d; margin:0 auto;"></div>
      <div style="background:#e3f2fd; border:2px solid #457b9d; border-radius:8px; padding:8px 12px; font-size:12px; color:#0d47a1; max-width:200px; text-align:center;">
        <strong>Suggests choroidal primary</strong><br>Choroiditis, PORN, White dot syndromes
      </div>
    </div>
  </div>

  <div class="v-line" style="height:30px;"></div>

  <!-- ====================== STEP 2: PRIMARY SITE ====================== -->
  <div style="text-align:center; margin-bottom:6px;">
    <span class="label-badge badge-step">STEP 2 &mdash; PRIMARY SITE OF LESION</span>
  </div>

  <div style="background:white; border-radius:12px; padding:14px 20px; max-width:800px; margin:8px auto; box-shadow:0 3px 12px rgba(0,0,0,0.08);">
    <div class="color-clue-row">
      <div class="color-clue clue-white">⬜ WHITE lesions<br><span style="font-size:11px; font-weight:400;">= Usually RETINAL<br>(full-thickness opacity)</span></div>
      <div class="color-clue clue-yellow">🟡 YELLOW lesions<br><span style="font-size:11px; font-weight:400;">= Usually CHOROIDAL<br>(seen through RPE)</span></div>
      <div class="color-clue clue-pigmented">🟫 PIGMENTED lesions<br><span style="font-size:11px; font-weight:400;">= Long-standing / healed<br>(chorioretinal scar)</span></div>
    </div>
    <div class="site-row" style="margin-top:10px;">
      <div class="site-box site-retina">RETINA<br><span style="font-size:11px; font-weight:400;">Retinitis<br>Retinochoroiditis</span></div>
      <div class="site-box site-choroid">CHOROID<br><span style="font-size:11px; font-weight:400;">Choroiditis<br>Chorioretinitis</span></div>
      <div class="site-box site-both">RETINA + CHOROID<br><span style="font-size:11px; font-weight:400;">Concurrent involvement<br>Panuveitis overlap</span></div>
      <div class="site-box" style="background:#e8f5e9; border-color:#2e7d32; color:#1b5e20;">OPTIC NERVE<br><span style="font-size:11px; font-weight:400;">Neuroretinitis<br>Papillitis</span></div>
      <div class="site-box" style="background:#fce4ec; border-color:#c62828; color:#880e4f;">VESSELS<br><span style="font-size:11px; font-weight:400;">Retinal vasculitis<br>Periphlebitis / Arteritis</span></div>
    </div>
  </div>

  <div class="v-line" style="height:24px;"></div>

  <!-- ====================== STEP 3: PATTERN ====================== -->
  <div style="text-align:center; margin-bottom:6px;">
    <span class="label-badge badge-step">STEP 3 &mdash; DISTRIBUTION PATTERN</span>
  </div>
  <div style="background:white; border-radius:12px; padding:12px 20px; max-width:760px; margin:8px auto; box-shadow:0 3px 12px rgba(0,0,0,0.08);">
    <div class="pattern-row">
      <div class="pattern-box pattern-focal">FOCAL / SOLITARY<br><span style="font-size:11px; color:#555; font-weight:400;">Single lesion<br>Toxoplasma</span></div>
      <div class="pattern-box pattern-multi">MULTIFOCAL<br><span style="font-size:11px; color:#555; font-weight:400;">Multiple discrete lesions<br>Sarcoid, Syphilis, MEWDS</span></div>
      <div class="pattern-box pattern-geographic">GEOGRAPHIC<br><span style="font-size:11px; color:#555; font-weight:400;">Map-like<br>Serpiginous choroiditis</span></div>
      <div class="pattern-box pattern-diffuse">DIFFUSE<br><span style="font-size:11px; color:#555; font-weight:400;">Widespread<br>CMV, ARN</span></div>
    </div>
  </div>

  <div class="v-line" style="height:24px;"></div>

  <!-- ====================== STEP 4: INFECTIOUS vs NON-INFECTIOUS ====================== -->
  <div style="text-align:center; margin-bottom:8px;">
    <span class="label-badge badge-step">STEP 4 &mdash; INFECTIOUS vs NON-INFECTIOUS</span>
  </div>

  <div class="main-grid">

    <!-- INFECTIOUS CARD -->
    <div class="big-card">
      <div class="big-card-header hdr-infectious">🦠 INFECTIOUS POSTERIOR UVEITIS</div>
      <div class="big-card-body">

        <div class="sub-cat">
          <div class="sub-cat-title retinal">RETINITIS (Primary Retinal)</div>
          <div class="pill-row">
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Toxoplasma retinochoroiditis</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>CMV retinitis (immunocompromised)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Acute Retinal Necrosis (HSV/VZV)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>PORN (VZV, HIV)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Candida retinitis</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Syphilitic retinitis</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>TB retinitis</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title choroidal">CHOROIDITIS (Primary Choroidal)</div>
          <div class="pill-row">
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Pneumocystis choroiditis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Cryptococcal choroiditis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Histoplasma chorioretinitis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>TB choroiditis</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title combined">CHORIORETINITIS / RETINOCHOROIDITIS</div>
          <div class="pill-row">
            <span class="pill pill-combined"><span class="pill-dot"></span>Toxoplasma (retinochoroiditis)</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Congenital CMV / Rubella</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Syphilis (chorioretinitis)</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>TB (multifocal choroiditis)</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Onchocerciasis</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Cysticercosis</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title neuro">NEURORETINITIS</div>
          <div class="pill-row">
            <span class="pill pill-neuro"><span class="pill-dot"></span>Bartonella (cat-scratch disease)</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Lyme disease</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Toxocara canis (DUSN)</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Syphilis</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title vascular">RETINAL VASCULITIS (Infectious)</div>
          <div class="pill-row">
            <span class="pill pill-vascular"><span class="pill-dot"></span>Syphilis</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>TB</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Herpes (ARN - arteritis)</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>HIV</span>
          </div>
        </div>

      </div>
    </div>

    <!-- NON-INFECTIOUS CARD -->
    <div class="big-card">
      <div class="big-card-header hdr-noninfectious">🔵 NON-INFECTIOUS POSTERIOR UVEITIS</div>
      <div class="big-card-body">

        <div class="sub-cat">
          <div class="sub-cat-title retinal">RETINITIS (Primary Retinal)</div>
          <div class="pill-row">
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Behçet disease (occlusive vasculitis)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>ARN-like (autoimmune)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Intraocular lymphoma (masquerade)</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title choroidal">CHOROIDITIS - WHITE DOT SYNDROMES</div>
          <div class="pill-row">
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Multifocal choroiditis (MFC)</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Punctate inner choroidopathy (PIC)</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>MEWDS (Multiple evanescent white dot)</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Acute posterior multifocal placoid (APMPPE)</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Serpiginous choroiditis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Ocular histoplasmosis syndrome (OHS)</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title combined">CHORIORETINITIS / RETINOCHOROIDITIS</div>
          <div class="pill-row">
            <span class="pill pill-combined"><span class="pill-dot"></span>Birdshot chorioretinopathy (HLA-A29)</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Sarcoidosis</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Vogt-Koyanagi-Harada (VKH)</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Sympathetic ophthalmia</span>
            <span class="pill pill-combined"><span class="pill-dot"></span>Systemic lupus (SLE)</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title neuro">NEURORETINITIS (Non-infectious)</div>
          <div class="pill-row">
            <span class="pill pill-neuro"><span class="pill-dot"></span>IRVAN syndrome</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Sarcoid neuroretinitis</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>VKH (disc edema)</span>
          </div>
        </div>

        <div class="sub-cat">
          <div class="sub-cat-title vascular">RETINAL VASCULITIS (Non-infectious)</div>
          <div class="pill-row">
            <span class="pill pill-vascular"><span class="pill-dot"></span>Sarcoidosis (candlewax exudates)</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Eales disease (periphlebitis)</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Behçet (occlusive)</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Birdshot retinopathy</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Multiple sclerosis (periphlebitis)</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Susac syndrome</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Frosted branch angiitis</span>
            <span class="pill pill-vascular"><span class="pill-dot"></span>Giant cell arteritis</span>
          </div>
        </div>

      </div>
    </div>

  </div>

  <div class="v-line" style="height:20px;"></div>

  <!-- ====================== STEP 5: LATERALITY ====================== -->
  <div style="text-align:center; margin-bottom:8px;">
    <span class="label-badge badge-step">STEP 5 &mdash; LATERALITY (UNILATERAL vs BILATERAL)</span>
  </div>

  <div class="laterality-grid">
    <div class="big-card">
      <div class="big-card-header hdr-unilateral">UNILATERAL</div>
      <div class="big-card-body">
        <div class="sub-cat">
          <div class="sub-cat-title retinal">Infectious</div>
          <div class="pill-row">
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Toxoplasma retinochoroiditis</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>CMV retinitis (early)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>ARN (often starts unilateral)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>PORN</span>
          </div>
        </div>
        <div class="sub-cat">
          <div class="sub-cat-title choroidal">Non-infectious</div>
          <div class="pill-row">
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>MEWDS</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>PIC</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Eales disease</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Frosted branch angiitis</span>
          </div>
        </div>
        <div class="sub-cat">
          <div class="sub-cat-title neuro">Neuroretinitis</div>
          <div class="pill-row">
            <span class="pill pill-neuro"><span class="pill-dot"></span>Cat-scratch (Bartonella) - unilateral</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Toxocara / DUSN - unilateral</span>
          </div>
        </div>
      </div>
    </div>

    <div class="big-card">
      <div class="big-card-header hdr-bilateral">BILATERAL</div>
      <div class="big-card-body">
        <div class="sub-cat">
          <div class="sub-cat-title retinal">Infectious</div>
          <div class="pill-row">
            <span class="pill pill-retinitis"><span class="pill-dot"></span>CMV retinitis (advanced HIV)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Bilateral ARN (33% become bilateral)</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>Syphilis</span>
            <span class="pill pill-retinitis"><span class="pill-dot"></span>TB</span>
          </div>
        </div>
        <div class="sub-cat">
          <div class="sub-cat-title choroidal">Non-infectious (typically bilateral)</div>
          <div class="pill-row">
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>VKH syndrome</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Sympathetic ophthalmia</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Birdshot chorioretinopathy</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Sarcoidosis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>APMPPE</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Serpiginous choroiditis</span>
            <span class="pill pill-choroiditis"><span class="pill-dot"></span>Multifocal choroiditis (MFC)</span>
          </div>
        </div>
        <div class="sub-cat">
          <div class="sub-cat-title neuro">Neuroretinitis / Vasculitis</div>
          <div class="pill-row">
            <span class="pill pill-neuro"><span class="pill-dot"></span>Behçet (bilateral occlusive vasculitis)</span>
            <span class="pill pill-neuro"><span class="pill-dot"></span>Susac syndrome</span>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="v-line" style="height:20px;"></div>

  <!-- ====================== ENTITY CARDS ====================== -->
  <div style="text-align:center; margin-bottom:10px;">
    <span class="label-badge badge-step">STEP 6 &mdash; CLINICAL ENTITY DEFINITIONS WITH EXAMPLES</span>
  </div>

  <div class="entity-grid">

    <!-- RETINITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-retinitis">RETINITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Primary inflammation of the retina. White, full-thickness opacification with indistinct borders due to surrounding edema. Overlying vitreous haze (vitritis) is usually present.</div>
        <div class="entity-examples">
          <strong>Classic sign:</strong> White retinal opacity, indistinct margins<br>
          <strong>Infectious examples:</strong><br>
          &bull; CMV retinitis - granular white patches + hemorrhage ("pizza-pie")<br>
          &bull; Toxoplasma retinitis - "headlight in fog" focal dense whitening<br>
          &bull; ARN - peripheral necrotizing retinitis, rapid progression<br>
          &bull; PORN - deep retinal opacification, no vitritis, in HIV<br>
          <strong>Non-infectious:</strong> Behçet (occlusive), intraocular lymphoma
        </div>
        <div>
          <span class="entity-vitritis vitritis-present">Vitritis: Usually PRESENT</span>
          <span class="entity-vitritis vitritis-absent" style="margin-left:4px;">PORN: Absent</span>
        </div>
      </div>
    </div>

    <!-- CHOROIDITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-choroiditis">CHOROIDITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Primary inflammation of the choroid. Yellow, deep lesions seen through the RPE. Vitreous is usually clear UNLESS secondary retinal spread occurs.</div>
        <div class="entity-examples">
          <strong>Classic sign:</strong> Round yellow nodule (deep to retina)<br>
          <strong>White Dot Syndromes (multifocal):</strong><br>
          &bull; APMPPE - bilateral placoid sub-RPE lesions, young adults<br>
          &bull; MFC - multiple punched-out scars, myopic women<br>
          &bull; PIC - small punctate choroidal lesions, high myopes<br>
          &bull; MEWDS - unilateral, evanescent, outer retina / choroid<br>
          &bull; Serpiginous - geographic, peripapillary spread<br>
          <strong>Infectious:</strong> Pneumocystis, Cryptococcus, Histoplasma
        </div>
        <div>
          <span class="entity-vitritis vitritis-absent">Vitritis: Usually ABSENT</span>
          <span class="entity-vitritis vitritis-variable" style="margin-left:4px;">MFC: Variable</span>
        </div>
      </div>
    </div>

    <!-- CHORIORETINITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-chorioretinitis">CHORIORETINITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Primary choroidal inflammation with SECONDARY spread to the overlying retina. Starts deep (yellow), extends superficially (white).</div>
        <div class="entity-examples">
          <strong>Classic examples:</strong><br>
          &bull; <strong>Birdshot chorioretinopathy</strong> - HLA-A29, bilateral cream-colored lesions radiating from disc, older adults, periphlebitis<br>
          &bull; <strong>Sarcoidosis</strong> - "candlewax drippings", bilateral, multifocal<br>
          &bull; <strong>VKH syndrome</strong> - bilateral exudative retinal detachment, granulomatous<br>
          &bull; <strong>Sympathetic ophthalmia</strong> - bilateral granulomatous after trauma<br>
          &bull; <strong>Histoplasma chorioretinitis</strong>
        </div>
        <div>
          <span class="entity-vitritis vitritis-variable">Vitritis: Variable (choroid&rarr;retina)</span>
        </div>
      </div>
    </div>

    <!-- RETINOCHOROIDITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-retinochoroiditis">RETINOCHOROIDITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Primary retinal inflammation with SECONDARY choroidal spread. Starts superficially (white), extends deep (pigmented scar).</div>
        <div class="entity-examples">
          <strong>Prototype:</strong><br>
          &bull; <strong>Toxoplasma retinochoroiditis</strong> - focal white retinitis adjacent to pigmented chorioretinal scar ("satellite lesion") - MOST COMMON cause of focal retinitis<br>
          &bull; Active lesion: white fluffy spot next to old black scar<br>
          &bull; Congenital: bilateral macular scars<br>
          &bull; Acquired (immunocompetent): unilateral, single focus<br>
          &bull; CMV (congenital): bilateral retinochoroidal scarring<br>
          &bull; Syphilis (can present as both)
        </div>
        <div>
          <span class="entity-vitritis vitritis-present">Vitritis: Usually PRESENT (dense over active lesion)</span>
        </div>
      </div>
    </div>

    <!-- NEURORETINITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-neuroretinitis">NEURORETINITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Optic disc edema (papillitis) PLUS peripapillary RNFL inflammation with macular star exudate (hard exudates in Henle's fiber layer = star pattern).</div>
        <div class="entity-examples">
          <strong>Classic triad:</strong> Disc swelling + Macular star + Vitritis<br>
          <strong>Infectious (most common causes):</strong><br>
          &bull; <strong>Bartonella henselae</strong> (cat-scratch disease) - #1 cause, unilateral, stellate macular exudate, positive serology<br>
          &bull; <strong>Lyme disease</strong> (Borrelia burgdorferi)<br>
          &bull; <strong>Toxocara</strong> - DUSN, children, nematode<br>
          &bull; <strong>Syphilis</strong><br>
          <strong>Non-infectious:</strong><br>
          &bull; IRVAN syndrome - disc aneurysms + neuroretinitis<br>
          &bull; Sarcoid neuroretinitis
        </div>
        <div>
          <span class="entity-vitritis vitritis-variable">Vitritis: Variable</span>
        </div>
      </div>
    </div>

    <!-- RETINAL VASCULITIS -->
    <div class="entity-card">
      <div class="entity-card-header entity-vasculitis">RETINAL VASCULITIS</div>
      <div class="entity-card-body">
        <div class="entity-def">Perivascular cuffing (yellowish/grey-white sheathing) of retinal vessels. Veins more commonly affected (periphlebitis). May cause branch RVO/RAO.</div>
        <div class="entity-examples">
          <strong>Periphlebitis (veins):</strong><br>
          &bull; <strong>Sarcoidosis</strong> - "candlewax drippings" along veins<br>
          &bull; <strong>Eales disease</strong> - young men, peripheral periphlebitis, neovascularization<br>
          &bull; Multiple sclerosis<br>
          &bull; Birdshot retinopathy<br>
          <strong>Arteritis (arteries):</strong><br>
          &bull; ARN (herpes), GCA, Polyarteritis nodosa, Churg-Strauss<br>
          <strong>Both veins + arteries:</strong><br>
          &bull; <strong>Behçet disease</strong> - occlusive vasculitis, devastating<br>
          &bull; <strong>Susac syndrome</strong> - retinal + cochlear + CNS
        </div>
        <div>
          <span class="entity-vitritis vitritis-variable">Vitritis: Variable</span>
        </div>
      </div>
    </div>

  </div>

  <!-- ====================== KEY SIGNS TABLE ====================== -->
  <div style="text-align:center; margin: 20px 0 8px;">
    <span class="label-badge badge-step">QUICK REFERENCE &mdash; KEY DIFFERENTIATING FEATURES</span>
  </div>

  <div style="background:white; border-radius:12px; box-shadow:0 3px 12px rgba(0,0,0,0.08); overflow:hidden; margin-bottom:20px;">
    <table class="signs-table">
      <thead>
        <tr>
          <th>Disease</th>
          <th>Entity Type</th>
          <th>Laterality</th>
          <th>Vitritis</th>
          <th>Key Feature</th>
          <th>Infectious?</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><strong>Toxoplasma</strong></td>
          <td>Retinochoroiditis</td>
          <td>Unilateral</td>
          <td>Dense, focal</td>
          <td>"Headlight in fog"; satellite scar</td>
          <td style="color:#c62828;">Yes (parasite)</td>
        </tr>
        <tr>
          <td><strong>CMV</strong></td>
          <td>Retinitis</td>
          <td>Uni&rarr;Bilateral</td>
          <td>Mild / Absent</td>
          <td>"Pizza-pie" hemorrhagic granular; immunocompromised</td>
          <td style="color:#c62828;">Yes (viral)</td>
        </tr>
        <tr>
          <td><strong>ARN</strong></td>
          <td>Necrotizing retinitis</td>
          <td>Uni (33% bilateral)</td>
          <td>Marked</td>
          <td>Peripheral white patches; occlusive arteritis; VZV/HSV</td>
          <td style="color:#c62828;">Yes (viral)</td>
        </tr>
        <tr>
          <td><strong>PORN</strong></td>
          <td>Outer retinitis</td>
          <td>Bilateral</td>
          <td>Absent</td>
          <td>Deep opacification; spares vessels; severe HIV</td>
          <td style="color:#c62828;">Yes (VZV)</td>
        </tr>
        <tr>
          <td><strong>Bartonella</strong></td>
          <td>Neuroretinitis</td>
          <td>Unilateral</td>
          <td>Mild</td>
          <td>Macular star + disc edema; cat exposure</td>
          <td style="color:#c62828;">Yes (bacterial)</td>
        </tr>
        <tr>
          <td><strong>Syphilis</strong></td>
          <td>Any pattern</td>
          <td>Bilateral</td>
          <td>Variable</td>
          <td>"Great imitator"; vasculitis, retinitis, neuroretinitis</td>
          <td style="color:#c62828;">Yes (bacterial)</td>
        </tr>
        <tr>
          <td><strong>TB</strong></td>
          <td>Choroiditis / Vasculitis</td>
          <td>Bilateral</td>
          <td>Variable</td>
          <td>Choroidal tubercles; periphlebitis; systemic TB</td>
          <td style="color:#c62828;">Yes (bacterial)</td>
        </tr>
        <tr>
          <td><strong>Birdshot</strong></td>
          <td>Chorioretinitis</td>
          <td>Bilateral</td>
          <td>Present</td>
          <td>Cream-colored lesions; HLA-A29; periphlebitis</td>
          <td style="color:#1565c0;">No (autoimmune)</td>
        </tr>
        <tr>
          <td><strong>VKH</strong></td>
          <td>Chorioretinitis</td>
          <td>Bilateral</td>
          <td>Present</td>
          <td>Exudative RD; poliosis; tinnitus; sunset glow fundus</td>
          <td style="color:#1565c0;">No (autoimmune)</td>
        </tr>
        <tr>
          <td><strong>Sarcoidosis</strong></td>
          <td>Chorioretinitis + Vasculitis</td>
          <td>Bilateral</td>
          <td>Present</td>
          <td>Candlewax exudates; periphlebitis; disc granulomas</td>
          <td style="color:#1565c0;">No (granulomatous)</td>
        </tr>
        <tr>
          <td><strong>Behçet</strong></td>
          <td>Occlusive vasculitis</td>
          <td>Bilateral</td>
          <td>Marked</td>
          <td>Occlusive vasculitis; hypopyon; oral/genital ulcers</td>
          <td style="color:#1565c0;">No (vasculitis)</td>
        </tr>
        <tr>
          <td><strong>APMPPE</strong></td>
          <td>Choroiditis</td>
          <td>Bilateral</td>
          <td>Mild</td>
          <td>Placoid sub-RPE lesions; resolves spontaneously</td>
          <td style="color:#1565c0;">No</td>
        </tr>
        <tr>
          <td><strong>Serpiginous</strong></td>
          <td>Choroiditis</td>
          <td>Bilateral (asymm)</td>
          <td>Absent</td>
          <td>Geographic peripapillary spread; recurrent</td>
          <td style="color:#1565c0;">No</td>
        </tr>
        <tr>
          <td><strong>MEWDS</strong></td>
          <td>Choroiditis / outer retina</td>
          <td>Unilateral</td>
          <td>Mild</td>
          <td>Multiple evanescent white dots; young women; self-limiting</td>
          <td style="color:#1565c0;">No</td>
        </tr>
        <tr>
          <td><strong>Eales disease</strong></td>
          <td>Retinal vasculitis</td>
          <td>Bilateral</td>
          <td>Present</td>
          <td>Periphlebitis; peripheral neovascularization; young men</td>
          <td style="color:#1565c0;">No (idiopathic)</td>
        </tr>
        <tr>
          <td><strong>Sympathetic ophthalmia</strong></td>
          <td>Chorioretinitis</td>
          <td>Bilateral (post-trauma)</td>
          <td>Present</td>
          <td>Bilateral granulomatous after penetrating injury; Dalen-Fuchs nodules</td>
          <td style="color:#1565c0;">No (autoimmune)</td>
        </tr>
      </tbody>
    </table>
  </div>

  <!-- LEGEND -->
  <div class="legend">
    <h3>Color Legend</h3>
    <div class="legend-grid">
      <div class="legend-item"><div class="legend-swatch" style="background:#e65100;"></div><span>Retinitis (primary retinal)</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#1976d2;"></div><span>Choroiditis (primary choroidal)</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#7b1fa2;"></div><span>Chorioretinitis / Retinochoroiditis (combined)</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#00897b;"></div><span>Neuroretinitis (disc + RNFL)</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#c2185b;"></div><span>Retinal vasculitis</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#d32f2f;"></div><span>Infectious etiology</span></div>
      <div class="legend-item"><div class="legend-swatch" style="background:#1565c0;"></div><span>Non-infectious / autoimmune etiology</span></div>
    </div>
  </div>

  <div style="text-align:center; font-size:11px; color:#999; padding:12px 0 20px;">
    Sources: Kanski's Clinical Ophthalmology 10th Ed. | Wills Eye Manual | Firestein & Kelley's Textbook of Rheumatology | Henry's Clinical Diagnosis
  </div>

</div>
</body>
</html>

Here is the comprehensive flowchart file:

posterior uveitis flowchart

HTML File · HTML

POSTERIOR UVEITIS - Detailed Diagnostic Flowchart

(Sources: Kanski's Clinical Ophthalmology 10th Ed., Wills Eye Manual, Firestein & Kelley's Rheumatology)

STEP 1 - WITH vs WITHOUT VITRITIS

Feature	WITH Vitritis	WITHOUT Vitritis
Suggests	Primary retinal disease	Primary choroidal disease
Entities	Retinitis, Retinochoroiditis, ARN, Neuroretinitis	Choroiditis, PORN, White dot syndromes
Examples	Toxoplasma ("headlight in fog"), ARN	PORN, Serpiginous, MEWDS, PIC

STEP 2 - PRIMARY SITE OF LESION

Lesion color gives the primary clue:

White lesion = Usually retinal (full-thickness opacity)
Yellow lesion = Usually choroidal (seen deep through RPE)
Pigmented lesion = Long-standing healed chorioretinal scar

Sites:

Retina → Retinitis, Retinochoroiditis
Choroid → Choroiditis, Chorioretinitis
Optic nerve head → Neuroretinitis, Papillitis
Retinal vessels → Periphlebitis, Arteritis, Retinal vasculitis

STEP 3 - DISTRIBUTION PATTERN

Pattern	Meaning	Examples
Focal / Solitary	Single lesion	Toxoplasma (classic)
Multifocal	Multiple discrete lesions	Sarcoid, Syphilis, Birdshot, MEWDS
Geographic	Map-like, irregular	Serpiginous choroiditis
Diffuse	Widespread	CMV retinitis, ARN, PORN

STEP 4 - INFECTIOUS vs NON-INFECTIOUS

INFECTIOUS

Entity Type	Disease	Key Notes
Retinitis	Toxoplasma retinochoroiditis	Most common identifiable focal retinitis; satellite scar
Retinitis	CMV retinitis	Pizza-pie pattern; immunocompromised (HIV)
Retinitis	ARN (HSV/VZV)	Peripheral necrotizing; marked vitritis; occlusive arteritis
Retinitis	PORN (VZV)	No vitritis; deep opacification; severe HIV
Retinitis	Candida retinitis	Fluffy yellow-white preretinal lesions; IV drug use
Choroiditis	Pneumocystis choroiditis	Bilateral yellow choroidal lesions; AIDS
Choroiditis	Cryptococcal choroiditis	Immunocompromised
Chorioretinitis	Histoplasma	"Punched-out" peripapillary scars; endemic
Chorioretinitis	Syphilis	"Great imitator" - any pattern; bilateral
Chorioretinitis	TB	Choroidal tubercles; periphlebitis
Neuroretinitis	Bartonella (cat-scratch)	#1 cause of neuroretinitis; macular star + disc edema; unilateral
Neuroretinitis	Lyme disease	Varied posterior uveitis
Neuroretinitis	Toxocara/DUSN	Children; nematode; unilateral; optic nerve swelling
Vasculitis	Syphilis / TB / ARN	Any vessel type

NON-INFECTIOUS

Entity Type	Disease	Key Notes
Choroiditis - White Dot	APMPPE	Bilateral placoid sub-RPE; young adults; self-limiting
Choroiditis - White Dot	Serpiginous	Geographic peripapillary; recurrent; bilateral asymmetric
Choroiditis - White Dot	MEWDS	Unilateral; evanescent; young women
Choroiditis - White Dot	MFC (Multifocal choroiditis)	Punched-out scars; myopic women; bilateral
Choroiditis - White Dot	PIC (Punctate inner choroidopathy)	Small punctate; high myopes
Chorioretinitis	Birdshot chorioretinopathy	HLA-A29; cream-colored lesions radiating from disc; bilateral; periphlebitis
Chorioretinitis	VKH syndrome	Bilateral exudative RD; poliosis; tinnitus; sunset glow fundus
Chorioretinitis	Sympathetic ophthalmia	Bilateral granulomatous; post penetrating trauma; Dalen-Fuchs nodules
Chorioretinitis	Sarcoidosis	Candlewax drippings; disc granulomas; bilateral
Retinal vasculitis	Eales disease	Peripheral periphlebitis; neovascularization; young men
Retinal vasculitis	Behçet disease	Occlusive; bilateral; hypopyon; oral/genital ulcers
Retinal vasculitis	Susac syndrome	Arterial; bilateral; cochlear + CNS involvement
Retinal vasculitis	Frosted branch angiitis	Dramatic sheathing of all vessels
Neuroretinitis	IRVAN	Disc aneurysms + macular star; non-infectious

STEP 5 - LATERALITY

UNILATERAL	BILATERAL (typical)
Toxoplasma retinochoroiditis	VKH syndrome
CMV (early)	Sympathetic ophthalmia
ARN (often starts uni)	Birdshot chorioretinopathy (HLA-A29)
PORN	Sarcoidosis
Bartonella neuroretinitis	APMPPE, Serpiginous, MFC
Toxocara / DUSN	Behçet, Susac
MEWDS, PIC	CMV (advanced AIDS), Syphilis, TB

STEP 6 - ENTITY DEFINITIONS

Entity	Primary Site	Secondary Spread	Vitritis	Prototype
Retinitis	Retina	None	Present (usually)	CMV, ARN, Toxoplasma
Choroiditis	Choroid	None	Absent (usually)	APMPPE, Serpiginous, MEWDS
Chorioretinitis	Choroid	→ Retina (secondary)	Variable	Birdshot, VKH, Sarcoid
Retinochoroiditis	Retina	→ Choroid (secondary)	Present, dense	Toxoplasma (over active lesion)
Neuroretinitis	Optic disc + RNFL	Macular star exudate	Variable	Bartonella, IRVAN
Retinal vasculitis	Vessel walls	Surrounding retina	Variable	Eales, Behçet, Sarcoid

Key textbook pearl (Wills Eye Manual): "Retinochoroiditis = primarily retinal with secondary choroidal involvement. Chorioretinitis = primarily choroidal with secondary retinal involvement." Active lesion color gives the primary site - white = retina, yellow = choroid.

give me a single flowchart for above

Writing File

~/posterior-uveitis-flowchart/single_flowchart.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Posterior Uveitis – Single Flowchart</title>
<style>
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: #f5f7fa; font-family: 'Segoe UI', Arial, sans-serif; }
  svg { display: block; margin: 0 auto; }
  .page-wrap { padding: 16px; }
  h2 {
    text-align: center;
    font-size: 15px;
    color: #555;
    margin-top: 6px;
    font-weight: 400;
    letter-spacing: 0.3px;
  }
</style>
</head>
<body>
<div class="page-wrap">
<svg id="fc" xmlns="http://www.w3.org/2000/svg" width="2000" height="3100" viewBox="0 0 2000 3100">
  <defs>
    <marker id="arr" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L8,3 z" fill="#555"/>
    </marker>
    <marker id="arr-red" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L8,3 z" fill="#c62828"/>
    </marker>
    <marker id="arr-blue" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L8,3 z" fill="#1565c0"/>
    </marker>
    <marker id="arr-grn" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">
      <path d="M0,0 L0,6 L8,3 z" fill="#2e7d32"/>
    </marker>
    <filter id="shadow" x="-5%" y="-5%" width="110%" height="115%">
      <feDropShadow dx="1" dy="2" stdDeviation="2" flood-color="#00000022"/>
    </filter>
  </defs>

  <!-- ═══════════════════════════════════ BACKGROUND ═══════════════════════════════════ -->
  <rect width="2000" height="3100" fill="#f5f7fa"/>

  <!-- ═══════════════════════════════════ ROOT ═══════════════════════════════════ -->
  <!-- ROOT BOX -->
  <rect x="700" y="30" width="600" height="64" rx="14" fill="#b71c1c" filter="url(#shadow)"/>
  <text x="1000" y="55" text-anchor="middle" font-size="22" font-weight="700" fill="white">POSTERIOR UVEITIS</text>
  <text x="1000" y="78" text-anchor="middle" font-size="13" fill="#ffcdd2">Retinitis · Choroiditis · Vasculitis · Neuroretinitis</text>

  <!-- down arrow -->
  <line x1="1000" y1="94" x2="1000" y2="128" stroke="#555" stroke-width="2.5" marker-end="url(#arr)"/>

  <!-- ═══════════════════════════════════ STEP 1: VITRITIS ═══════════════════════════════════ -->
  <rect x="840" y="130" width="320" height="40" rx="8" fill="#37474f"/>
  <text x="1000" y="155" text-anchor="middle" font-size="14" font-weight="700" fill="white">STEP 1 — VITRITIS?</text>

  <!-- branch lines left and right -->
  <!-- horizontal bar -->
  <line x1="400" y1="194" x2="1600" y2="194" stroke="#555" stroke-width="2"/>
  <!-- down from centre to bar -->
  <line x1="1000" y1="170" x2="1000" y2="194" stroke="#555" stroke-width="2"/>
  <!-- down from left end -->
  <line x1="400" y1="194" x2="400" y2="222" stroke="#e65100" stroke-width="2" marker-end="url(#arr)"/>
  <!-- down from right end -->
  <line x1="1600" y1="194" x2="1600" y2="222" stroke="#1565c0" stroke-width="2" marker-end="url(#arr-blue)"/>

  <!-- WITH VITRITIS BOX -->
  <rect x="200" y="224" width="400" height="58" rx="10" fill="#e65100" filter="url(#shadow)"/>
  <text x="400" y="248" text-anchor="middle" font-size="15" font-weight="700" fill="white">WITH VITRITIS</text>
  <text x="400" y="268" text-anchor="middle" font-size="12" fill="#ffe0b2">Suggests PRIMARY RETINAL disease</text>

  <!-- WITHOUT VITRITIS BOX -->
  <rect x="1400" y="224" width="400" height="58" rx="10" fill="#1565c0" filter="url(#shadow)"/>
  <text x="1600" y="248" text-anchor="middle" font-size="15" font-weight="700" fill="white">WITHOUT VITRITIS</text>
  <text x="1600" y="268" text-anchor="middle" font-size="12" fill="#bbdefb">Suggests PRIMARY CHOROIDAL disease</text>

  <!-- ═══════════════════════════════════ STEP 2: LESION COLOUR CLUE ═══════════════════════════════════ -->
  <!-- down from vitritis boxes to colour clue row -->
  <line x1="400" y1="282" x2="400" y2="316" stroke="#e65100" stroke-width="2" marker-end="url(#arr)"/>
  <line x1="1600" y1="282" x2="1600" y2="316" stroke="#1565c0" stroke-width="2" marker-end="url(#arr-blue)"/>

  <!-- COLOUR CLUE: WHITE = RETINAL -->
  <rect x="160" y="318" width="480" height="48" rx="8" fill="#fff3e0" stroke="#e65100" stroke-width="2"/>
  <text x="400" y="338" text-anchor="middle" font-size="13" font-weight="700" fill="#bf360c">⬜ WHITE lesion = RETINAL</text>
  <text x="400" y="356" text-anchor="middle" font-size="11.5" fill="#6d4c41">Full-thickness opacification · indistinct margins</text>

  <!-- COLOUR CLUE: YELLOW = CHOROIDAL -->
  <rect x="1360" y="318" width="480" height="48" rx="8" fill="#fff9c4" stroke="#f9a825" stroke-width="2"/>
  <text x="1600" y="338" text-anchor="middle" font-size="13" font-weight="700" fill="#e65100">🟡 YELLOW lesion = CHOROIDAL</text>
  <text x="1600" y="356" text-anchor="middle" font-size="11.5" fill="#6d4c41">Deep · seen through RPE · round nodule</text>

  <!-- STEP 2 LABEL in centre -->
  <rect x="820" y="318" width="360" height="48" rx="8" fill="#546e7a"/>
  <text x="1000" y="338" text-anchor="middle" font-size="13" font-weight="700" fill="white">STEP 2 — PRIMARY SITE</text>
  <text x="1000" y="356" text-anchor="middle" font-size="11" fill="#cfd8dc">🟫 Pigmented = healed scar (old disease)</text>

  <!-- ═══════════════════════════════════ STEP 3: PATTERN ═══════════════════════════════════ -->
  <line x1="1000" y1="366" x2="1000" y2="398" stroke="#555" stroke-width="2" marker-end="url(#arr)"/>
  <rect x="810" y="400" width="380" height="40" rx="8" fill="#37474f"/>
  <text x="1000" y="425" text-anchor="middle" font-size="14" font-weight="700" fill="white">STEP 3 — DISTRIBUTION PATTERN</text>

  <line x1="1000" y1="440" x2="1000" y2="458" stroke="#555" stroke-width="2"/>
  <!-- horizontal bar -->
  <line x1="260" y1="458" x2="1740" y2="458" stroke="#555" stroke-width="1.5"/>
  <!-- 4 verticals -->
  <line x1="300" y1="458" x2="300" y2="484" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="690" y1="458" x2="690" y2="484" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="1310" y1="458" x2="1310" y2="484" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="1700" y1="458" x2="1700" y2="484" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>

  <!-- FOCAL -->
  <rect x="170" y="486" width="260" height="52" rx="8" fill="white" stroke="#43a047" stroke-width="2.5"/>
  <text x="300" y="506" text-anchor="middle" font-size="13" font-weight="700" fill="#2e7d32">FOCAL / SOLITARY</text>
  <text x="300" y="524" text-anchor="middle" font-size="11" fill="#555">Single lesion</text>
  <text x="300" y="537" text-anchor="middle" font-size="10.5" fill="#888">Toxoplasma (classic)</text>

  <!-- MULTIFOCAL -->
  <rect x="560" y="486" width="260" height="52" rx="8" fill="white" stroke="#fb8c00" stroke-width="2.5"/>
  <text x="690" y="506" text-anchor="middle" font-size="13" font-weight="700" fill="#e65100">MULTIFOCAL</text>
  <text x="690" y="524" text-anchor="middle" font-size="11" fill="#555">Multiple discrete lesions</text>
  <text x="690" y="537" text-anchor="middle" font-size="10.5" fill="#888">Sarcoid · Syphilis · MEWDS</text>

  <!-- GEOGRAPHIC -->
  <rect x="1180" y="486" width="260" height="52" rx="8" fill="white" stroke="#8e24aa" stroke-width="2.5"/>
  <text x="1310" y="506" text-anchor="middle" font-size="13" font-weight="700" fill="#6a1b9a">GEOGRAPHIC</text>
  <text x="1310" y="524" text-anchor="middle" font-size="11" fill="#555">Map-like spread</text>
  <text x="1310" y="537" text-anchor="middle" font-size="10.5" fill="#888">Serpiginous choroiditis</text>

  <!-- DIFFUSE -->
  <rect x="1570" y="486" width="260" height="52" rx="8" fill="white" stroke="#e53935" stroke-width="2.5"/>
  <text x="1700" y="506" text-anchor="middle" font-size="13" font-weight="700" fill="#c62828">DIFFUSE</text>
  <text x="1700" y="524" text-anchor="middle" font-size="11" fill="#555">Widespread retina</text>
  <text x="1700" y="537" text-anchor="middle" font-size="10.5" fill="#888">CMV · ARN · PORN</text>

  <!-- ═══════════════════════════════════ STEP 4: INFECTIOUS vs NON-INFECTIOUS ═══════════════════════════════════ -->
  <line x1="1000" y1="538" x2="1000" y2="572" stroke="#555" stroke-width="2" marker-end="url(#arr)"/>
  <rect x="790" y="574" width="420" height="40" rx="8" fill="#37474f"/>
  <text x="1000" y="599" text-anchor="middle" font-size="14" font-weight="700" fill="white">STEP 4 — INFECTIOUS vs NON-INFECTIOUS</text>

  <!-- big horizontal split line -->
  <line x1="1000" y1="614" x2="1000" y2="640" stroke="#555" stroke-width="2"/>
  <line x1="200" y1="640" x2="1800" y2="640" stroke="#555" stroke-width="2"/>
  <line x1="200" y1="640" x2="200" y2="668" stroke="#c62828" stroke-width="2.5" marker-end="url(#arr-red)"/>
  <line x1="1800" y1="640" x2="1800" y2="668" stroke="#1565c0" stroke-width="2.5" marker-end="url(#arr-blue)"/>

  <!-- ════ INFECTIOUS HEADER ════ -->
  <rect x="30" y="670" width="935" height="46" rx="10" fill="#c62828" filter="url(#shadow)"/>
  <text x="497" y="689" text-anchor="middle" font-size="16" font-weight="700" fill="white">🦠  INFECTIOUS POSTERIOR UVEITIS</text>
  <text x="497" y="708" text-anchor="middle" font-size="12" fill="#ffcdd2">Bacterial · Viral · Parasitic · Fungal</text>

  <!-- ════ NON-INFECTIOUS HEADER ════ -->
  <rect x="1035" y="670" width="935" height="46" rx="10" fill="#1565c0" filter="url(#shadow)"/>
  <text x="1502" y="689" text-anchor="middle" font-size="16" font-weight="700" fill="white">🔵  NON-INFECTIOUS POSTERIOR UVEITIS</text>
  <text x="1502" y="708" text-anchor="middle" font-size="12" fill="#bbdefb">Autoimmune · Granulomatous · Idiopathic</text>

  <!-- ─────────────────────────────── INFECTIOUS COLUMNS ─────────────────────────────── -->
  <!-- 3 columns under infectious: Retinitis | Choroiditis | Chorioretinitis+Neuroretinitis+Vasculitis -->

  <!-- column lines from infectious header -->
  <line x1="200" y1="716" x2="200" y2="748" stroke="#c62828" stroke-width="2"/>
  <line x1="497" y1="716" x2="497" y2="748" stroke="#c62828" stroke-width="2"/>
  <line x1="795" y1="716" x2="795" y2="748" stroke="#c62828" stroke-width="2"/>
  <line x1="100" y1="748" x2="900" y2="748" stroke="#c62828" stroke-width="1.5"/>
  <line x1="150" y1="748" x2="150" y2="776" stroke="#c62828" stroke-width="1.5" marker-end="url(#arr-red)"/>
  <line x1="497" y1="748" x2="497" y2="776" stroke="#c62828" stroke-width="1.5" marker-end="url(#arr-red)"/>
  <line x1="845" y1="748" x2="845" y2="776" stroke="#c62828" stroke-width="1.5" marker-end="url(#arr-red)"/>

  <!-- ── INFECTIOUS RETINITIS BOX ── -->
  <rect x="30" y="778" width="930" height="220" rx="10" fill="white" stroke="#e65100" stroke-width="2" filter="url(#shadow)"/>
  <!-- Header strip -->
  <rect x="30" y="778" width="930" height="36" rx="10" fill="#e65100"/>
  <rect x="30" y="800" width="930" height="14" fill="#e65100"/>
  <text x="495" y="801" text-anchor="middle" font-size="14" font-weight="700" fill="white">RETINITIS  (Primary Retinal · White lesion · Vitritis present)</text>

  <!-- Toxoplasma -->
  <rect x="48" y="824" width="275" height="158" rx="8" fill="#fff8f0" stroke="#e65100" stroke-width="1.5"/>
  <text x="185" y="842" text-anchor="middle" font-size="12.5" font-weight="700" fill="#bf360c">Toxoplasma Retinochoroiditis</text>
  <text x="185" y="859" text-anchor="middle" font-size="11" fill="#555">Most common identifiable</text>
  <text x="185" y="874" text-anchor="middle" font-size="11" fill="#555">focal retinitis</text>
  <text x="185" y="892" text-anchor="middle" font-size="11" fill="#444">• "Headlight in fog"</text>
  <text x="185" y="907" text-anchor="middle" font-size="11" fill="#444">• Focal dense vitritis</text>
  <text x="185" y="922" text-anchor="middle" font-size="11" fill="#444">• Adjacent pigmented scar</text>
  <text x="185" y="937" text-anchor="middle" font-size="11" fill="#444">  (satellite lesion)</text>
  <text x="185" y="956" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Unilateral · Focal</text>
  <text x="185" y="971" text-anchor="middle" font-size="10.5" fill="#e65100" font-weight="700">→ RETINOCHOROIDITIS</text>

  <!-- CMV -->
  <rect x="343" y="824" width="275" height="158" rx="8" fill="#fff8f0" stroke="#e65100" stroke-width="1.5"/>
  <text x="480" y="842" text-anchor="middle" font-size="12.5" font-weight="700" fill="#bf360c">CMV Retinitis</text>
  <text x="480" y="859" text-anchor="middle" font-size="11" fill="#555">Immunocompromised (HIV/AIDS)</text>
  <text x="480" y="877" text-anchor="middle" font-size="11" fill="#444">• "Pizza-pie" fundus</text>
  <text x="480" y="892" text-anchor="middle" font-size="11" fill="#444">• Granular + hemorrhagic</text>
  <text x="480" y="907" text-anchor="middle" font-size="11" fill="#444">• Vitritis: mild</text>
  <text x="480" y="922" text-anchor="middle" font-size="11" fill="#444">• Frosted branch angiitis 20%</text>
  <text x="480" y="937" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Uni → Bilateral · Diffuse</text>
  <text x="480" y="956" text-anchor="middle" font-size="10.5" fill="#e65100" font-weight="700">→ RETINITIS</text>

  <!-- ARN / PORN -->
  <rect x="638" y="824" width="304" height="158" rx="8" fill="#fff8f0" stroke="#e65100" stroke-width="1.5"/>
  <text x="790" y="842" text-anchor="middle" font-size="12.5" font-weight="700" fill="#bf360c">ARN / PORN (Herpes)</text>
  <text x="790" y="857" text-anchor="middle" font-size="11" fill="#555">HSV/VZV (ARN) · VZV/HIV (PORN)</text>
  <text x="790" y="875" text-anchor="middle" font-size="11" fill="#444">ARN: peripheral white patches</text>
  <text x="790" y="890" text-anchor="middle" font-size="11" fill="#444">  marked vitritis · occlusive arteritis</text>
  <text x="790" y="905" text-anchor="middle" font-size="11" fill="#444">PORN: deep opacification</text>
  <text x="790" y="920" text-anchor="middle" font-size="11" fill="#444">  NO vitritis · spares vessels</text>
  <text x="790" y="935" text-anchor="middle" font-size="11" fill="#444">  rapid progression (days)</text>
  <text x="790" y="954" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">ARN: Unilateral (33% bilateral)</text>
  <text x="790" y="971" text-anchor="middle" font-size="10.5" fill="#e65100" font-weight="700">→ RETINITIS (necrotizing)</text>

  <!-- ── INFECTIOUS CHOROIDITIS BOX ── -->
  <rect x="30" y="1010" width="930" height="168" rx="10" fill="white" stroke="#1976d2" stroke-width="2" filter="url(#shadow)"/>
  <rect x="30" y="1010" width="930" height="36" rx="10" fill="#1976d2"/>
  <rect x="30" y="1032" width="930" height="14" fill="#1976d2"/>
  <text x="495" y="1033" text-anchor="middle" font-size="14" font-weight="700" fill="white">CHOROIDITIS  (Primary Choroidal · Yellow lesion · Vitritis absent)</text>

  <rect x="48" y="1056" width="275" height="106" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="185" y="1073" text-anchor="middle" font-size="12.5" font-weight="700" fill="#0d47a1">Pneumocystis Choroiditis</text>
  <text x="185" y="1091" text-anchor="middle" font-size="11" fill="#444">• Bilateral creamy yellow lesions</text>
  <text x="185" y="1106" text-anchor="middle" font-size="11" fill="#444">• No vitritis</text>
  <text x="185" y="1121" text-anchor="middle" font-size="11" fill="#444">• AIDS (CD4 &lt; 50)</text>
  <text x="185" y="1150" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <rect x="343" y="1056" width="275" height="106" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="480" y="1073" text-anchor="middle" font-size="12.5" font-weight="700" fill="#0d47a1">Cryptococcal Choroiditis</text>
  <text x="480" y="1091" text-anchor="middle" font-size="11" fill="#444">• Deep yellow choroidal lesions</text>
  <text x="480" y="1106" text-anchor="middle" font-size="11" fill="#444">• Immunocompromised</text>
  <text x="480" y="1121" text-anchor="middle" font-size="11" fill="#444">• Associated meningitis</text>
  <text x="480" y="1150" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <rect x="638" y="1056" width="304" height="106" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="790" y="1073" text-anchor="middle" font-size="12.5" font-weight="700" fill="#0d47a1">TB Choroiditis</text>
  <text x="790" y="1091" text-anchor="middle" font-size="11" fill="#444">• Choroidal tubercles (multifocal)</text>
  <text x="790" y="1106" text-anchor="middle" font-size="11" fill="#444">• Yellow-white deep lesions</text>
  <text x="790" y="1121" text-anchor="middle" font-size="11" fill="#444">• ± periphlebitis</text>
  <text x="790" y="1150" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <!-- ── INFECTIOUS RETINOCHOROIDITIS / NEURORETINITIS / VASCULITIS ── -->
  <rect x="30" y="1190" width="930" height="200" rx="10" fill="white" stroke="#7b1fa2" stroke-width="2" filter="url(#shadow)"/>
  <rect x="30" y="1190" width="930" height="36" rx="10" fill="#7b1fa2"/>
  <rect x="30" y="1212" width="930" height="14" fill="#7b1fa2"/>
  <text x="495" y="1213" text-anchor="middle" font-size="14" font-weight="700" fill="white">CHORIORETINITIS · NEURORETINITIS · VASCULITIS  (Infectious)</text>

  <!-- Syphilis -->
  <rect x="48" y="1236" width="275" height="138" rx="8" fill="#f3e5f5" stroke="#7b1fa2" stroke-width="1.5"/>
  <text x="185" y="1254" text-anchor="middle" font-size="12.5" font-weight="700" fill="#4a148c">Syphilis ("Great Imitator")</text>
  <text x="185" y="1272" text-anchor="middle" font-size="11" fill="#444">• Any pattern of posterior uveitis</text>
  <text x="185" y="1287" text-anchor="middle" font-size="11" fill="#444">• Retinitis / chorioretinitis</text>
  <text x="185" y="1302" text-anchor="middle" font-size="11" fill="#444">• Retinal vasculitis</text>
  <text x="185" y="1317" text-anchor="middle" font-size="11" fill="#444">• Neuroretinitis</text>
  <text x="185" y="1362" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <!-- Bartonella Neuroretinitis -->
  <rect x="343" y="1236" width="275" height="138" rx="8" fill="#e0f2f1" stroke="#00897b" stroke-width="1.5"/>
  <text x="480" y="1254" text-anchor="middle" font-size="12.5" font-weight="700" fill="#004d40">Bartonella (Cat-Scratch)</text>
  <text x="480" y="1270" text-anchor="middle" font-size="11" fill="#555">#1 cause of Neuroretinitis</text>
  <text x="480" y="1288" text-anchor="middle" font-size="11" fill="#444">• Disc edema</text>
  <text x="480" y="1303" text-anchor="middle" font-size="11" fill="#444">• Macular STAR exudate</text>
  <text x="480" y="1318" text-anchor="middle" font-size="11" fill="#444">• Stellate pattern in Henle's layer</text>
  <text x="480" y="1333" text-anchor="middle" font-size="11" fill="#444">• Cat exposure history</text>
  <text x="480" y="1362" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Unilateral · Focal</text>
  <text x="480" y="1374" text-anchor="middle" font-size="10.5" fill="#00897b" font-weight="700">→ NEURORETINITIS</text>

  <!-- DUSN / Toxocara -->
  <rect x="638" y="1236" width="304" height="138" rx="8" fill="#e0f2f1" stroke="#00897b" stroke-width="1.5"/>
  <text x="790" y="1254" text-anchor="middle" font-size="12.5" font-weight="700" fill="#004d40">Toxocara / DUSN</text>
  <text x="790" y="1270" text-anchor="middle" font-size="11" fill="#555">Diffuse Unilateral Subacute Neuroretinitis</text>
  <text x="790" y="1288" text-anchor="middle" font-size="11" fill="#444">• Nematode migration</text>
  <text x="790" y="1303" text-anchor="middle" font-size="11" fill="#444">• Children / young adults</text>
  <text x="790" y="1318" text-anchor="middle" font-size="11" fill="#444">• Optic nerve swelling</text>
  <text x="790" y="1333" text-anchor="middle" font-size="11" fill="#444">• Gray-white retinal lesions</text>
  <text x="790" y="1348" text-anchor="middle" font-size="11" fill="#444">• → Optic atrophy (late)</text>
  <text x="790" y="1362" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Unilateral</text>
  <text x="790" y="1374" text-anchor="middle" font-size="10.5" fill="#00897b" font-weight="700">→ NEURORETINITIS</text>

  <!-- ─────────────────────────────── NON-INFECTIOUS COLUMNS ─────────────────────────────── -->
  <!-- column lines from non-infectious header -->
  <line x1="1200" y1="716" x2="1200" y2="748" stroke="#1565c0" stroke-width="2"/>
  <line x1="1497" y1="716" x2="1497" y2="748" stroke="#1565c0" stroke-width="2"/>
  <line x1="1795" y1="716" x2="1795" y2="748" stroke="#1565c0" stroke-width="2"/>
  <line x1="1100" y1="748" x2="1900" y2="748" stroke="#1565c0" stroke-width="1.5"/>
  <line x1="1150" y1="748" x2="1150" y2="776" stroke="#1565c0" stroke-width="1.5" marker-end="url(#arr-blue)"/>
  <line x1="1497" y1="748" x2="1497" y2="776" stroke="#1565c0" stroke-width="1.5" marker-end="url(#arr-blue)"/>
  <line x1="1845" y1="748" x2="1845" y2="776" stroke="#1565c0" stroke-width="1.5" marker-end="url(#arr-blue)"/>

  <!-- ── NON-INFECT WHITE DOT SYNDROMES (CHOROIDITIS) ── -->
  <rect x="1035" y="778" width="930" height="220" rx="10" fill="white" stroke="#1976d2" stroke-width="2" filter="url(#shadow)"/>
  <rect x="1035" y="778" width="930" height="36" rx="10" fill="#1976d2"/>
  <rect x="1035" y="800" width="930" height="14" fill="#1976d2"/>
  <text x="1500" y="801" text-anchor="middle" font-size="14" font-weight="700" fill="white">WHITE DOT SYNDROMES  (Primary Choroidal · No/Mild Vitritis)</text>

  <!-- APMPPE -->
  <rect x="1050" y="824" width="210" height="158" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="1155" y="842" text-anchor="middle" font-size="12" font-weight="700" fill="#0d47a1">APMPPE</text>
  <text x="1155" y="857" text-anchor="middle" font-size="10" fill="#555">Acute Post. Multifocal</text>
  <text x="1155" y="870" text-anchor="middle" font-size="10" fill="#555">Placoid Pigment Epith.</text>
  <text x="1155" y="888" text-anchor="middle" font-size="11" fill="#444">• Bilateral placoid lesions</text>
  <text x="1155" y="903" text-anchor="middle" font-size="11" fill="#444">• Post-viral, young adults</text>
  <text x="1155" y="918" text-anchor="middle" font-size="11" fill="#444">• Self-limiting</text>
  <text x="1155" y="956" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <!-- MEWDS -->
  <rect x="1270" y="824" width="210" height="158" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="1375" y="842" text-anchor="middle" font-size="12" font-weight="700" fill="#0d47a1">MEWDS</text>
  <text x="1375" y="857" text-anchor="middle" font-size="10" fill="#555">Multiple Evanescent</text>
  <text x="1375" y="870" text-anchor="middle" font-size="10" fill="#555">White Dot Syndrome</text>
  <text x="1375" y="888" text-anchor="middle" font-size="11" fill="#444">• Outer retina / choroid</text>
  <text x="1375" y="903" text-anchor="middle" font-size="11" fill="#444">• Young myopic women</text>
  <text x="1375" y="918" text-anchor="middle" font-size="11" fill="#444">• Evanescent; self-resolving</text>
  <text x="1375" y="956" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">UNILATERAL · Multifocal</text>

  <!-- Serpiginous -->
  <rect x="1490" y="824" width="210" height="158" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="1595" y="842" text-anchor="middle" font-size="12" font-weight="700" fill="#0d47a1">Serpiginous</text>
  <text x="1595" y="857" text-anchor="middle" font-size="10" fill="#555">Choroiditis</text>
  <text x="1595" y="875" text-anchor="middle" font-size="11" fill="#444">• Geographic map-like</text>
  <text x="1595" y="890" text-anchor="middle" font-size="11" fill="#444">• Peripapillary start</text>
  <text x="1595" y="905" text-anchor="middle" font-size="11" fill="#444">• Recurrent; no vitritis</text>
  <text x="1595" y="920" text-anchor="middle" font-size="11" fill="#444">• Bilateral (asymmetric)</text>
  <text x="1595" y="956" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Geographic</text>

  <!-- MFC / PIC -->
  <rect x="1710" y="824" width="240" height="158" rx="8" fill="#e3f2fd" stroke="#1976d2" stroke-width="1.5"/>
  <text x="1830" y="842" text-anchor="middle" font-size="12" font-weight="700" fill="#0d47a1">MFC / PIC</text>
  <text x="1830" y="858" text-anchor="middle" font-size="10" fill="#555">Multifocal Choroiditis /</text>
  <text x="1830" y="871" text-anchor="middle" font-size="10" fill="#555">Punctate Inner Choroidopathy</text>
  <text x="1830" y="889" text-anchor="middle" font-size="11" fill="#444">MFC: punched-out scars</text>
  <text x="1830" y="904" text-anchor="middle" font-size="11" fill="#444">PIC: small punctate</text>
  <text x="1830" y="919" text-anchor="middle" font-size="11" fill="#444">Both: myopic women</text>
  <text x="1830" y="956" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal</text>

  <!-- ── NON-INFECT CHORIORETINITIS ── -->
  <rect x="1035" y="1010" width="930" height="188" rx="10" fill="white" stroke="#7b1fa2" stroke-width="2" filter="url(#shadow)"/>
  <rect x="1035" y="1010" width="930" height="36" rx="10" fill="#7b1fa2"/>
  <rect x="1035" y="1032" width="930" height="14" fill="#7b1fa2"/>
  <text x="1500" y="1033" text-anchor="middle" font-size="14" font-weight="700" fill="white">CHORIORETINITIS / RETINOCHOROIDITIS  (Non-infectious)</text>

  <!-- Birdshot -->
  <rect x="1050" y="1056" width="275" height="126" rx="8" fill="#f3e5f5" stroke="#7b1fa2" stroke-width="1.5"/>
  <text x="1188" y="1074" text-anchor="middle" font-size="12.5" font-weight="700" fill="#4a148c">Birdshot Chorioretinopathy</text>
  <text x="1188" y="1092" text-anchor="middle" font-size="11" fill="#444">• HLA-A29 (strongly associated)</text>
  <text x="1188" y="1107" text-anchor="middle" font-size="11" fill="#444">• Cream lesions radiating from disc</text>
  <text x="1188" y="1122" text-anchor="middle" font-size="11" fill="#444">• Bilateral periphlebitis</text>
  <text x="1188" y="1137" text-anchor="middle" font-size="11" fill="#444">• Older adults (50s)</text>
  <text x="1188" y="1170" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Multifocal · Chorioretinitis</text>

  <!-- VKH -->
  <rect x="1345" y="1056" width="305" height="126" rx="8" fill="#f3e5f5" stroke="#7b1fa2" stroke-width="1.5"/>
  <text x="1497" y="1074" text-anchor="middle" font-size="12.5" font-weight="700" fill="#4a148c">VKH Syndrome</text>
  <text x="1497" y="1092" text-anchor="middle" font-size="11" fill="#444">• Bilateral exudative RD</text>
  <text x="1497" y="1107" text-anchor="middle" font-size="11" fill="#444">• Granulomatous (mutton-fat KPs)</text>
  <text x="1497" y="1122" text-anchor="middle" font-size="11" fill="#444">• Poliosis, tinnitus, vitiligo</text>
  <text x="1497" y="1137" text-anchor="middle" font-size="11" fill="#444">• Sunset-glow fundus (late)</text>
  <text x="1497" y="1170" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Diffuse · Chorioretinitis</text>

  <!-- Sympathetic Ophthalmia -->
  <rect x="1670" y="1056" width="280" height="126" rx="8" fill="#f3e5f5" stroke="#7b1fa2" stroke-width="1.5"/>
  <text x="1810" y="1074" text-anchor="middle" font-size="12.5" font-weight="700" fill="#4a148c">Sympathetic Ophthalmia</text>
  <text x="1810" y="1092" text-anchor="middle" font-size="11" fill="#444">• Post-penetrating trauma / surgery</text>
  <text x="1810" y="1107" text-anchor="middle" font-size="11" fill="#444">• Bilateral granulomatous</text>
  <text x="1810" y="1122" text-anchor="middle" font-size="11" fill="#444">• Dalen-Fuchs nodules (RPE)</text>
  <text x="1810" y="1137" text-anchor="middle" font-size="11" fill="#444">• Exciting + sympathizing eye</text>
  <text x="1810" y="1170" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Post-traumatic</text>

  <!-- ── NON-INFECT RETINAL VASCULITIS + NEURORETINITIS ── -->
  <rect x="1035" y="1210" width="930" height="180" rx="10" fill="white" stroke="#c62828" stroke-width="2" filter="url(#shadow)"/>
  <rect x="1035" y="1210" width="930" height="36" rx="10" fill="#c62828"/>
  <rect x="1035" y="1232" width="930" height="14" fill="#c62828"/>
  <text x="1500" y="1233" text-anchor="middle" font-size="14" font-weight="700" fill="white">RETINAL VASCULITIS + NEURORETINITIS  (Non-infectious)</text>

  <!-- Sarcoidosis -->
  <rect x="1050" y="1256" width="220" height="118" rx="8" fill="#fce4ec" stroke="#c62828" stroke-width="1.5"/>
  <text x="1160" y="1274" text-anchor="middle" font-size="12.5" font-weight="700" fill="#880e4f">Sarcoidosis</text>
  <text x="1160" y="1292" text-anchor="middle" font-size="11" fill="#444">• "Candlewax drippings"</text>
  <text x="1160" y="1307" text-anchor="middle" font-size="11" fill="#444">• Periphlebitis</text>
  <text x="1160" y="1322" text-anchor="middle" font-size="11" fill="#444">• Disc granulomas</text>
  <text x="1160" y="1355" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral</text>

  <!-- Eales -->
  <rect x="1285" y="1256" width="220" height="118" rx="8" fill="#fce4ec" stroke="#c62828" stroke-width="1.5"/>
  <text x="1395" y="1274" text-anchor="middle" font-size="12.5" font-weight="700" fill="#880e4f">Eales Disease</text>
  <text x="1395" y="1292" text-anchor="middle" font-size="11" fill="#444">• Peripheral periphlebitis</text>
  <text x="1395" y="1307" text-anchor="middle" font-size="11" fill="#444">• Neovascularization</text>
  <text x="1395" y="1322" text-anchor="middle" font-size="11" fill="#444">• Young men; idiopathic</text>
  <text x="1395" y="1355" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Periphlebitis</text>

  <!-- Behcet -->
  <rect x="1520" y="1256" width="220" height="118" rx="8" fill="#fce4ec" stroke="#c62828" stroke-width="1.5"/>
  <text x="1630" y="1274" text-anchor="middle" font-size="12.5" font-weight="700" fill="#880e4f">Behçet Disease</text>
  <text x="1630" y="1292" text-anchor="middle" font-size="11" fill="#444">• Occlusive vasculitis</text>
  <text x="1630" y="1307" text-anchor="middle" font-size="11" fill="#444">• Bilateral; devastating</text>
  <text x="1630" y="1322" text-anchor="middle" font-size="11" fill="#444">• Oral/genital ulcers</text>
  <text x="1630" y="1355" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">Bilateral · Occlusive</text>

  <!-- IRVAN -->
  <rect x="1755" y="1256" width="200" height="118" rx="8" fill="#e0f2f1" stroke="#00897b" stroke-width="1.5"/>
  <text x="1855" y="1274" text-anchor="middle" font-size="12.5" font-weight="700" fill="#004d40">IRVAN</text>
  <text x="1855" y="1289" text-anchor="middle" font-size="10.5" fill="#555">Idiopathic Retinal Vasculitis</text>
  <text x="1855" y="1301" text-anchor="middle" font-size="10.5" fill="#555">Aneurysms Neuroretinitis</text>
  <text x="1855" y="1319" text-anchor="middle" font-size="11" fill="#444">• Disc aneurysms</text>
  <text x="1855" y="1334" text-anchor="middle" font-size="11" fill="#444">• Macular star</text>
  <text x="1855" y="1355" text-anchor="middle" font-size="10.5" fill="#888" font-style="italic">→ NEURORETINITIS</text>

  <!-- ═══════════════════════════════════ STEP 5: LATERALITY ═══════════════════════════════════ -->
  <line x1="1000" y1="1400" x2="1000" y2="1432" stroke="#555" stroke-width="2" marker-end="url(#arr)"/>
  <!-- connect both sides to step5 -->
  <line x1="495" y1="1390" x2="495" y2="1432" stroke="#555" stroke-width="1.5"/>
  <line x1="495" y1="1432" x2="1000" y2="1432" stroke="#555" stroke-width="1.5"/>
  <line x1="1505" y1="1390" x2="1505" y2="1432" stroke="#555" stroke-width="1.5"/>
  <line x1="1505" y1="1432" x2="1000" y2="1432" stroke="#555" stroke-width="1.5"/>

  <rect x="790" y="1434" width="420" height="40" rx="8" fill="#37474f"/>
  <text x="1000" y="1459" text-anchor="middle" font-size="14" font-weight="700" fill="white">STEP 5 — LATERALITY</text>

  <line x1="1000" y1="1474" x2="1000" y2="1498" stroke="#555" stroke-width="2"/>
  <line x1="380" y1="1498" x2="1620" y2="1498" stroke="#555" stroke-width="2"/>
  <line x1="380" y1="1498" x2="380" y2="1524" stroke="#6a1b9a" stroke-width="2.5" marker-end="url(#arr)"/>
  <line x1="1620" y1="1498" x2="1620" y2="1524" stroke="#2e7d32" stroke-width="2.5" marker-end="url(#arr-grn)"/>

  <!-- UNILATERAL -->
  <rect x="80" y="1526" width="600" height="200" rx="10" fill="white" stroke="#6a1b9a" stroke-width="2" filter="url(#shadow)"/>
  <rect x="80" y="1526" width="600" height="38" rx="10" fill="#6a1b9a"/>
  <rect x="80" y="1550" width="600" height="14" fill="#6a1b9a"/>
  <text x="380" y="1550" text-anchor="middle" font-size="15" font-weight="700" fill="white">UNILATERAL</text>
  <text x="180" y="1582" text-anchor="start" font-size="12" fill="#333">• Toxoplasma retinochoroiditis</text>
  <text x="180" y="1598" text-anchor="start" font-size="12" fill="#333">• CMV retinitis (early)</text>
  <text x="180" y="1614" text-anchor="start" font-size="12" fill="#333">• ARN (often starts unilateral)</text>
  <text x="180" y="1630" text-anchor="start" font-size="12" fill="#333">• PORN (can be bilateral)</text>
  <text x="180" y="1646" text-anchor="start" font-size="12" fill="#333">• Bartonella neuroretinitis</text>
  <text x="180" y="1662" text-anchor="start" font-size="12" fill="#333">• Toxocara / DUSN</text>
  <text x="180" y="1678" text-anchor="start" font-size="12" fill="#333">• MEWDS · PIC · Eales (unilateral onset)</text>
  <text x="180" y="1694" text-anchor="start" font-size="12" fill="#333">• Frosted branch angiitis</text>
  <text x="180" y="1710" text-anchor="start" font-size="12" fill="#333">• Intraocular lymphoma (can be unilateral)</text>

  <!-- BILATERAL -->
  <rect x="1320" y="1526" width="600" height="200" rx="10" fill="white" stroke="#2e7d32" stroke-width="2" filter="url(#shadow)"/>
  <rect x="1320" y="1526" width="600" height="38" rx="10" fill="#2e7d32"/>
  <rect x="1320" y="1550" width="600" height="14" fill="#2e7d32"/>
  <text x="1620" y="1550" text-anchor="middle" font-size="15" font-weight="700" fill="white">BILATERAL (typical)</text>
  <text x="1420" y="1582" text-anchor="start" font-size="12" fill="#333">• VKH syndrome</text>
  <text x="1420" y="1598" text-anchor="start" font-size="12" fill="#333">• Sympathetic ophthalmia (post-trauma)</text>
  <text x="1420" y="1614" text-anchor="start" font-size="12" fill="#333">• Birdshot chorioretinopathy (HLA-A29)</text>
  <text x="1420" y="1630" text-anchor="start" font-size="12" fill="#333">• Sarcoidosis</text>
  <text x="1420" y="1646" text-anchor="start" font-size="12" fill="#333">• APMPPE · Serpiginous · MFC</text>
  <text x="1420" y="1662" text-anchor="start" font-size="12" fill="#333">• Behçet (occlusive vasculitis)</text>
  <text x="1420" y="1678" text-anchor="start" font-size="12" fill="#333">• Susac syndrome</text>
  <text x="1420" y="1694" text-anchor="start" font-size="12" fill="#333">• CMV retinitis (advanced AIDS)</text>
  <text x="1420" y="1710" text-anchor="start" font-size="12" fill="#333">• Syphilis · TB</text>

  <!-- ═══════════════════════════════════ STEP 6: ENTITY DEFINITIONS ═══════════════════════════════════ -->
  <line x1="1000" y1="1726" x2="1000" y2="1760" stroke="#555" stroke-width="2" marker-end="url(#arr)"/>
  <rect x="770" y="1762" width="460" height="40" rx="8" fill="#37474f"/>
  <text x="1000" y="1787" text-anchor="middle" font-size="14" font-weight="700" fill="white">STEP 6 — CLINICAL ENTITY DEFINITIONS</text>

  <line x1="1000" y1="1802" x2="1000" y2="1830" stroke="#555" stroke-width="2"/>
  <!-- horizontal spanning all 6 entities -->
  <line x1="166" y1="1830" x2="1833" y2="1830" stroke="#555" stroke-width="2"/>
  <!-- 6 verticals -->
  <line x1="166"  y1="1830" x2="166"  y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="499"  y1="1830" x2="499"  y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="666"  y1="1830" x2="666"  y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="999"  y1="1830" x2="999"  y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="1333" y1="1830" x2="1333" y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="1666" y1="1830" x2="1666" y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>
  <line x1="1833" y1="1830" x2="1833" y2="1858" stroke="#555" stroke-width="1.5" marker-end="url(#arr)"/>

  <!-- ── ENTITY 1: RETINITIS ── -->
  <rect x="30"  y="1860" width="300" height="230" rx="10" fill="white" stroke="#e65100" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="30"  y="1860" width="300" height="38" rx="10" fill="#e65100"/>
  <rect x="30"  y="1884" width="300" height="14" fill="#e65100"/>
  <text x="180" y="1884" text-anchor="middle" font-size="14" font-weight="700" fill="white">RETINITIS</text>
  <text x="180" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Primary: RETINA</text>
  <text x="180" y="1928" text-anchor="middle" font-size="11" fill="#444">White, full-thickness opacity</text>
  <text x="180" y="1943" text-anchor="middle" font-size="11" fill="#444">Indistinct margins (edema)</text>
  <text x="50"  y="1963" font-size="12" font-weight="700" fill="#e65100">Vitritis: PRESENT</text>
  <text x="50"  y="1980" font-size="11" fill="#444">Infectious examples:</text>
  <text x="50"  y="1996" font-size="11" fill="#444">• CMV retinitis (pizza-pie)</text>
  <text x="50"  y="2011" font-size="11" fill="#444">• ARN (herpes, peripheral)</text>
  <text x="50"  y="2026" font-size="11" fill="#444">• Toxoplasma (focal, white)</text>
  <text x="50"  y="2042" font-size="11" fill="#888" font-style="italic">PORN: vitritis ABSENT</text>
  <text x="50"  y="2058" font-size="11" fill="#444">Non-infectious:</text>
  <text x="50"  y="2073" font-size="11" fill="#444">• Behçet (occlusive)</text>

  <!-- ── ENTITY 2: CHOROIDITIS ── -->
  <rect x="346" y="1860" width="300" height="230" rx="10" fill="white" stroke="#1976d2" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="346" y="1860" width="300" height="38" rx="10" fill="#1976d2"/>
  <rect x="346" y="1884" width="300" height="14" fill="#1976d2"/>
  <text x="496" y="1884" text-anchor="middle" font-size="14" font-weight="700" fill="white">CHOROIDITIS</text>
  <text x="496" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Primary: CHOROID</text>
  <text x="496" y="1928" text-anchor="middle" font-size="11" fill="#444">Yellow, deep to retina</text>
  <text x="496" y="1943" text-anchor="middle" font-size="11" fill="#444">Round nodule; seen through RPE</text>
  <text x="366" y="1963" font-size="12" font-weight="700" fill="#1976d2">Vitritis: ABSENT</text>
  <text x="366" y="1980" font-size="11" fill="#444">White dot syndromes:</text>
  <text x="366" y="1996" font-size="11" fill="#444">• APMPPE (bilateral placoid)</text>
  <text x="366" y="2011" font-size="11" fill="#444">• MEWDS (unilateral, evanescent)</text>
  <text x="366" y="2026" font-size="11" fill="#444">• MFC / PIC (punched-out)</text>
  <text x="366" y="2042" font-size="11" fill="#444">• Serpiginous (geographic)</text>
  <text x="366" y="2058" font-size="11" fill="#444">Infectious:</text>
  <text x="366" y="2073" font-size="11" fill="#444">• Pneumocystis · Cryptococcus</text>

  <!-- ── ENTITY 3: CHORIORETINITIS ── -->
  <rect x="662" y="1860" width="300" height="230" rx="10" fill="white" stroke="#7b1fa2" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="662" y="1860" width="300" height="38" rx="10" fill="#7b1fa2"/>
  <rect x="662" y="1884" width="300" height="14" fill="#7b1fa2"/>
  <text x="812" y="1884" text-anchor="middle" font-size="13" font-weight="700" fill="white">CHORIORETINITIS</text>
  <text x="812" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Choroid → secondary Retina</text>
  <text x="812" y="1928" text-anchor="middle" font-size="11" fill="#444">Starts deep (yellow)</text>
  <text x="812" y="1943" text-anchor="middle" font-size="11" fill="#444">Extends to retina (white)</text>
  <text x="682" y="1963" font-size="12" font-weight="700" fill="#7b1fa2">Vitritis: VARIABLE</text>
  <text x="682" y="1980" font-size="11" fill="#444">• Birdshot chorioretinopathy</text>
  <text x="682" y="1996" font-size="11" fill="#444">  (HLA-A29, cream lesions)</text>
  <text x="682" y="2012" font-size="11" fill="#444">• VKH (exudative RD)</text>
  <text x="682" y="2027" font-size="11" fill="#444">• Sympathetic ophthalmia</text>
  <text x="682" y="2042" font-size="11" fill="#444">• Sarcoidosis</text>
  <text x="682" y="2058" font-size="11" fill="#444">• Histoplasma (infectious)</text>
  <text x="682" y="2073" font-size="11" fill="#888" font-style="italic">Typically BILATERAL</text>

  <!-- ── ENTITY 4: RETINOCHOROIDITIS ── -->
  <rect x="978"  y="1860" width="310" height="230" rx="10" fill="white" stroke="#f57f17" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="978"  y="1860" width="310" height="38" rx="10" fill="#f57f17"/>
  <rect x="978"  y="1884" width="310" height="14" fill="#f57f17"/>
  <text x="1133" y="1884" text-anchor="middle" font-size="13" font-weight="700" fill="white">RETINOCHOROIDITIS</text>
  <text x="1133" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Retina → secondary Choroid</text>
  <text x="1133" y="1928" text-anchor="middle" font-size="11" fill="#444">Starts superficially (white)</text>
  <text x="1133" y="1943" text-anchor="middle" font-size="11" fill="#444">Heals with pigmented scar</text>
  <text x="998"  y="1963" font-size="12" font-weight="700" fill="#e65100">Vitritis: PRESENT (dense)</text>
  <text x="998"  y="1980" font-size="11" fill="#444">Prototype:</text>
  <text x="998"  y="1996" font-size="11" fill="#444">• Toxoplasma retinochoroiditis</text>
  <text x="998"  y="2012" font-size="11" fill="#888" font-style="italic">  "Headlight in fog"</text>
  <text x="998"  y="2028" font-size="11" fill="#444">  White lesion + adjacent old scar</text>
  <text x="998"  y="2043" font-size="11" fill="#444">  = "satellite lesion"</text>
  <text x="998"  y="2058" font-size="11" fill="#444">• Congenital CMV</text>
  <text x="998"  y="2073" font-size="11" fill="#888" font-style="italic">Typically UNILATERAL</text>

  <!-- ── ENTITY 5: NEURORETINITIS ── -->
  <rect x="1304" y="1860" width="310" height="230" rx="10" fill="white" stroke="#00897b" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="1304" y="1860" width="310" height="38" rx="10" fill="#00897b"/>
  <rect x="1304" y="1884" width="310" height="14" fill="#00897b"/>
  <text x="1459" y="1884" text-anchor="middle" font-size="13" font-weight="700" fill="white">NEURORETINITIS</text>
  <text x="1459" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Disc + RNFL + Macular star</text>
  <text x="1459" y="1928" text-anchor="middle" font-size="11" fill="#444">Optic disc edema (papillitis)</text>
  <text x="1459" y="1943" text-anchor="middle" font-size="11" fill="#444">Macular STAR (Henle's layer)</text>
  <text x="1324" y="1963" font-size="12" font-weight="700" fill="#00897b">Vitritis: VARIABLE</text>
  <text x="1324" y="1980" font-size="11" fill="#444">Infectious (#1 Bartonella):</text>
  <text x="1324" y="1996" font-size="11" fill="#444">• Cat-scratch (Bartonella henselae)</text>
  <text x="1324" y="2012" font-size="11" fill="#444">• Lyme disease (Borrelia)</text>
  <text x="1324" y="2027" font-size="11" fill="#444">• Toxocara / DUSN (nematode)</text>
  <text x="1324" y="2042" font-size="11" fill="#444">• Syphilis</text>
  <text x="1324" y="2058" font-size="11" fill="#444">Non-infectious:</text>
  <text x="1324" y="2073" font-size="11" fill="#444">• IRVAN · Sarcoid</text>

  <!-- ── ENTITY 6: RETINAL VASCULITIS ── -->
  <rect x="1630" y="1860" width="330" height="230" rx="10" fill="white" stroke="#c62828" stroke-width="2.5" filter="url(#shadow)"/>
  <rect x="1630" y="1860" width="330" height="38" rx="10" fill="#c62828"/>
  <rect x="1630" y="1884" width="330" height="14" fill="#c62828"/>
  <text x="1795" y="1884" text-anchor="middle" font-size="13" font-weight="700" fill="white">RETINAL VASCULITIS</text>
  <text x="1795" y="1910" text-anchor="middle" font-size="12" font-weight="700" fill="#555">Perivascular sheathing</text>
  <text x="1795" y="1928" text-anchor="middle" font-size="11" fill="#444">Veins &gt; arteries affected</text>
  <text x="1795" y="1943" text-anchor="middle" font-size="11" fill="#444">Branch RVO/RAO may occur</text>
  <text x="1650" y="1963" font-size="12" font-weight="700" fill="#c62828">Vitritis: VARIABLE</text>
  <text x="1650" y="1980" font-size="11" fill="#444">Periphlebitis (veins):</text>
  <text x="1650" y="1996" font-size="11" fill="#444">• Sarcoid (candlewax) · Eales</text>
  <text x="1650" y="2012" font-size="11" fill="#444">• Birdshot · MS</text>
  <text x="1650" y="2027" font-size="11" fill="#444">Arteritis (arteries):</text>
  <text x="1650" y="2043" font-size="11" fill="#444">• ARN · GCA · Churg-Strauss</text>
  <text x="1650" y="2058" font-size="11" fill="#444">Both veins+arteries:</text>
  <text x="1650" y="2073" font-size="11" fill="#444">• Behçet · Susac syndrome</text>

  <!-- ═══════════════════════════════════ QUICK REFERENCE TABLE ═══════════════════════════════════ -->
  <line x1="1000" y1="2090" x2="1000" y2="2124" stroke="#555" stroke-width="2" marker-end="url(#arr)"/>
  <rect x="700" y="2126" width="600" height="40" rx="8" fill="#263238"/>
  <text x="1000" y="2151" text-anchor="middle" font-size="14" font-weight="700" fill="white">QUICK REFERENCE — KEY DIFFERENTIATORS</text>

  <!-- TABLE HEADER -->
  <rect x="30" y="2176" width="1940" height="36" rx="4" fill="#455a64"/>
  <text x="155"  y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Disease</text>
  <text x="435"  y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Entity Type</text>
  <text x="660"  y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Laterality</text>
  <text x="840"  y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Vitritis</text>
  <text x="1230" y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Pathognomonic / Key Feature</text>
  <text x="1780" y="2199" text-anchor="middle" font-size="13" font-weight="700" fill="white">Infective?</text>
  <!-- column lines -->
  <line x1="280"  y1="2176" x2="280"  y2="3050" stroke="#cfd8dc" stroke-width="1"/>
  <line x1="590"  y1="2176" x2="590"  y2="3050" stroke="#cfd8dc" stroke-width="1"/>
  <line x1="740"  y1="2176" x2="740"  y2="3050" stroke="#cfd8dc" stroke-width="1"/>
  <line x1="930"  y1="2176" x2="930"  y2="3050" stroke="#cfd8dc" stroke-width="1"/>
  <line x1="1700" y1="2176" x2="1700" y2="3050" stroke="#cfd8dc" stroke-width="1"/>

  <!-- rows -->
  <!-- row helper macro — alternating fills -->
  <!-- Row 1 -->
  <rect x="30" y="2212" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2232" text-anchor="middle" font-size="12" font-weight="700" fill="#bf360c">Toxoplasma</text>
  <text x="435"  y="2232" text-anchor="middle" font-size="12" fill="#333">Retinochoroiditis</text>
  <text x="660"  y="2232" text-anchor="middle" font-size="12" fill="#333">Unilateral</text>
  <text x="840"  y="2232" text-anchor="middle" font-size="12" fill="#e65100">Dense focal</text>
  <text x="1310" y="2232" text-anchor="middle" font-size="12" fill="#333">"Headlight in fog"; white lesion + adjacent pigmented satellite scar</text>
  <text x="1780" y="2232" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (parasite)</text>

  <!-- Row 2 -->
  <rect x="30" y="2242" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2262" text-anchor="middle" font-size="12" font-weight="700" fill="#bf360c">CMV Retinitis</text>
  <text x="435"  y="2262" text-anchor="middle" font-size="12" fill="#333">Retinitis</text>
  <text x="660"  y="2262" text-anchor="middle" font-size="12" fill="#333">Uni → Bilateral</text>
  <text x="840"  y="2262" text-anchor="middle" font-size="12" fill="#2e7d32">Mild</text>
  <text x="1310" y="2262" text-anchor="middle" font-size="12" fill="#333">"Pizza-pie" granular hemorrhagic patches; immunocompromised (CD4 &lt;50)</text>
  <text x="1780" y="2262" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (viral)</text>

  <!-- Row 3 -->
  <rect x="30" y="2272" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2292" text-anchor="middle" font-size="12" font-weight="700" fill="#bf360c">ARN</text>
  <text x="435"  y="2292" text-anchor="middle" font-size="12" fill="#333">Necrotizing retinitis</text>
  <text x="660"  y="2292" text-anchor="middle" font-size="12" fill="#333">Uni (33% bilateral)</text>
  <text x="840"  y="2292" text-anchor="middle" font-size="12" fill="#e65100">Marked</text>
  <text x="1310" y="2292" text-anchor="middle" font-size="12" fill="#333">Peripheral white patches; occlusive arteritis; rapid; HSV/VZV</text>
  <text x="1780" y="2292" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (viral)</text>

  <!-- Row 4 -->
  <rect x="30" y="2302" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2322" text-anchor="middle" font-size="12" font-weight="700" fill="#bf360c">PORN</text>
  <text x="435"  y="2322" text-anchor="middle" font-size="12" fill="#333">Outer retinitis</text>
  <text x="660"  y="2322" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2322" text-anchor="middle" font-size="12" fill="#2e7d32">ABSENT</text>
  <text x="1310" y="2322" text-anchor="middle" font-size="12" fill="#333">Deep opacification; spares vessels; clear vitreous; severe HIV; VZV</text>
  <text x="1780" y="2322" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (VZV)</text>

  <!-- Row 5 -->
  <rect x="30" y="2332" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2352" text-anchor="middle" font-size="12" font-weight="700" fill="#004d40">Bartonella</text>
  <text x="435"  y="2352" text-anchor="middle" font-size="12" fill="#333">Neuroretinitis</text>
  <text x="660"  y="2352" text-anchor="middle" font-size="12" fill="#333">Unilateral</text>
  <text x="840"  y="2352" text-anchor="middle" font-size="12" fill="#888">Mild</text>
  <text x="1310" y="2352" text-anchor="middle" font-size="12" fill="#333">Disc edema + macular STAR; #1 cause of neuroretinitis; cat exposure</text>
  <text x="1780" y="2352" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (bacterial)</text>

  <!-- Row 6 -->
  <rect x="30" y="2362" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2382" text-anchor="middle" font-size="12" font-weight="700" fill="#c62828">Syphilis</text>
  <text x="435"  y="2382" text-anchor="middle" font-size="12" fill="#333">Any pattern</text>
  <text x="660"  y="2382" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2382" text-anchor="middle" font-size="12" fill="#888">Variable</text>
  <text x="1310" y="2382" text-anchor="middle" font-size="12" fill="#333">"Great imitator"; retinitis / chorioretinitis / vasculitis / neuroretinitis</text>
  <text x="1780" y="2382" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (bacterial)</text>

  <!-- Row 7 -->
  <rect x="30" y="2392" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2412" text-anchor="middle" font-size="12" font-weight="700" fill="#c62828">TB</text>
  <text x="435"  y="2412" text-anchor="middle" font-size="12" fill="#333">Choroiditis / vasculitis</text>
  <text x="660"  y="2412" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2412" text-anchor="middle" font-size="12" fill="#888">Variable</text>
  <text x="1310" y="2412" text-anchor="middle" font-size="12" fill="#333">Choroidal tubercles; periphlebitis; systemic TB signs</text>
  <text x="1780" y="2412" text-anchor="middle" font-size="12" fill="#c62828" font-weight="700">Yes (bacterial)</text>

  <!-- Row 8 -->
  <rect x="30" y="2422" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2442" text-anchor="middle" font-size="12" font-weight="700" fill="#4a148c">Birdshot</text>
  <text x="435"  y="2442" text-anchor="middle" font-size="12" fill="#333">Chorioretinitis</text>
  <text x="660"  y="2442" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2442" text-anchor="middle" font-size="12" fill="#e65100">Present</text>
  <text x="1310" y="2442" text-anchor="middle" font-size="12" fill="#333">Cream-colored lesions radiating from disc; HLA-A29; periphlebitis</text>
  <text x="1780" y="2442" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (autoimmune)</text>

  <!-- Row 9 -->
  <rect x="30" y="2452" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2472" text-anchor="middle" font-size="12" font-weight="700" fill="#4a148c">VKH</text>
  <text x="435"  y="2472" text-anchor="middle" font-size="12" fill="#333">Chorioretinitis</text>
  <text x="660"  y="2472" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2472" text-anchor="middle" font-size="12" fill="#e65100">Present</text>
  <text x="1310" y="2472" text-anchor="middle" font-size="12" fill="#333">Exudative RD; sunset glow fundus; poliosis; tinnitus; vitiligo</text>
  <text x="1780" y="2472" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (autoimmune)</text>

  <!-- Row 10 -->
  <rect x="30" y="2482" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2502" text-anchor="middle" font-size="12" font-weight="700" fill="#4a148c">Sympathetic Ophthal.</text>
  <text x="435"  y="2502" text-anchor="middle" font-size="12" fill="#333">Chorioretinitis</text>
  <text x="660"  y="2502" text-anchor="middle" font-size="12" fill="#333">Bilateral (post-trauma)</text>
  <text x="840"  y="2502" text-anchor="middle" font-size="12" fill="#e65100">Present</text>
  <text x="1310" y="2502" text-anchor="middle" font-size="12" fill="#333">Bilateral granulomatous uveitis; Dalen-Fuchs nodules; penetrating injury</text>
  <text x="1780" y="2502" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (autoimmune)</text>

  <!-- Row 11 -->
  <rect x="30" y="2512" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2532" text-anchor="middle" font-size="12" font-weight="700" fill="#1565c0">Sarcoidosis</text>
  <text x="435"  y="2532" text-anchor="middle" font-size="12" fill="#333">Chorioretinitis + Vasculitis</text>
  <text x="660"  y="2532" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2532" text-anchor="middle" font-size="12" fill="#e65100">Present</text>
  <text x="1310" y="2532" text-anchor="middle" font-size="12" fill="#333">"Candlewax drippings"; periphlebitis; disc granulomas; ACE elevated</text>
  <text x="1780" y="2532" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (granulomatous)</text>

  <!-- Row 12 -->
  <rect x="30" y="2542" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2562" text-anchor="middle" font-size="12" font-weight="700" fill="#c62828">Behçet</text>
  <text x="435"  y="2562" text-anchor="middle" font-size="12" fill="#333">Occlusive vasculitis</text>
  <text x="660"  y="2562" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2562" text-anchor="middle" font-size="12" fill="#e65100">Marked</text>
  <text x="1310" y="2562" text-anchor="middle" font-size="12" fill="#333">Occlusive vasculitis; hypopyon; oral/genital ulcers; devastating prognosis</text>
  <text x="1780" y="2562" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (vasculitis)</text>

  <!-- Row 13 -->
  <rect x="30" y="2572" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2592" text-anchor="middle" font-size="12" font-weight="700" fill="#1976d2">APMPPE</text>
  <text x="435"  y="2592" text-anchor="middle" font-size="12" fill="#333">Choroiditis</text>
  <text x="660"  y="2592" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2592" text-anchor="middle" font-size="12" fill="#2e7d32">Mild</text>
  <text x="1310" y="2592" text-anchor="middle" font-size="12" fill="#333">Bilateral placoid sub-RPE lesions; post-viral; self-limiting; young adults</text>
  <text x="1780" y="2592" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No</text>

  <!-- Row 14 -->
  <rect x="30" y="2602" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2622" text-anchor="middle" font-size="12" font-weight="700" fill="#1976d2">Serpiginous</text>
  <text x="435"  y="2622" text-anchor="middle" font-size="12" fill="#333">Choroiditis</text>
  <text x="660"  y="2622" text-anchor="middle" font-size="12" fill="#333">Bilateral (asymm.)</text>
  <text x="840"  y="2622" text-anchor="middle" font-size="12" fill="#2e7d32">ABSENT</text>
  <text x="1310" y="2622" text-anchor="middle" font-size="12" fill="#333">Geographic peripapillary spread; recurrent; no vitritis</text>
  <text x="1780" y="2622" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No</text>

  <!-- Row 15 -->
  <rect x="30" y="2632" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2652" text-anchor="middle" font-size="12" font-weight="700" fill="#1976d2">MEWDS</text>
  <text x="435"  y="2652" text-anchor="middle" font-size="12" fill="#333">Choroiditis/outer retina</text>
  <text x="660"  y="2652" text-anchor="middle" font-size="12" fill="#333">UNILATERAL</text>
  <text x="840"  y="2652" text-anchor="middle" font-size="12" fill="#2e7d32">Mild</text>
  <text x="1310" y="2652" text-anchor="middle" font-size="12" fill="#333">Multiple evanescent white dots; young myopic women; self-resolving</text>
  <text x="1780" y="2652" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No</text>

  <!-- Row 16 -->
  <rect x="30" y="2662" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2682" text-anchor="middle" font-size="12" font-weight="700" fill="#c62828">Eales Disease</text>
  <text x="435"  y="2682" text-anchor="middle" font-size="12" fill="#333">Retinal vasculitis</text>
  <text x="660"  y="2682" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2682" text-anchor="middle" font-size="12" fill="#e65100">Present</text>
  <text x="1310" y="2682" text-anchor="middle" font-size="12" fill="#333">Peripheral periphlebitis; neovascularization; vitreous hemorrhage; young men</text>
  <text x="1780" y="2682" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (idiopathic)</text>

  <!-- Row 17 -->
  <rect x="30" y="2692" width="1940" height="30" fill="#fafafa"/>
  <text x="155"  y="2712" text-anchor="middle" font-size="12" font-weight="700" fill="#c62828">Susac Syndrome</text>
  <text x="435"  y="2712" text-anchor="middle" font-size="12" fill="#333">Arterial vasculitis</text>
  <text x="660"  y="2712" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2712" text-anchor="middle" font-size="12" fill="#888">Variable</text>
  <text x="1310" y="2712" text-anchor="middle" font-size="12" fill="#333">Retinal artery occlusions + sensorineural hearing loss + encephalopathy</text>
  <text x="1780" y="2712" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (autoimmune)</text>

  <!-- Row 18 -->
  <rect x="30" y="2722" width="1940" height="30" fill="#f1f8e9"/>
  <text x="155"  y="2742" text-anchor="middle" font-size="12" font-weight="700" fill="#004d40">IRVAN</text>
  <text x="435"  y="2742" text-anchor="middle" font-size="12" fill="#333">Neuroretinitis</text>
  <text x="660"  y="2742" text-anchor="middle" font-size="12" fill="#333">Bilateral</text>
  <text x="840"  y="2742" text-anchor="middle" font-size="12" fill="#888">Variable</text>
  <text x="1310" y="2742" text-anchor="middle" font-size="12" fill="#333">Disc aneurysms + macular star exudate; arteritis; exudative retinopathy</text>
  <text x="1780" y="2742" text-anchor="middle" font-size="12" fill="#1565c0" font-weight="700">No (idiopathic)</text>

  <!-- table bottom border -->
  <rect x="30" y="2752" width="1940" height="2" fill="#546e7a"/>

  <!-- ═══════════════════════════════════ LEGEND ═══════════════════════════════════ -->
  <rect x="30" y="2768" width="1940" height="72" rx="10" fill="#eceff1"/>
  <text x="1000" y="2792" text-anchor="middle" font-size="13" font-weight="700" fill="#37474f">LEGEND</text>
  <rect x="60"  y="2804" width="14" height="14" rx="3" fill="#e65100"/>
  <text x="82"  y="2816" font-size="12" fill="#333">Retinitis (primary retinal)</text>
  <rect x="290" y="2804" width="14" height="14" rx="3" fill="#1976d2"/>
  <text x="312" y="2816" font-size="12" fill="#333">Choroiditis (primary choroidal)</text>
  <rect x="570" y="2804" width="14" height="14" rx="3" fill="#7b1fa2"/>
  <text x="592" y="2816" font-size="12" fill="#333">Chorioretinitis / Retinochoroiditis</text>
  <rect x="860" y="2804" width="14" height="14" rx="3" fill="#00897b"/>
  <text x="882" y="2816" font-size="12" fill="#333">Neuroretinitis</text>
  <rect x="1060" y="2804" width="14" height="14" rx="3" fill="#c62828"/>
  <text x="1082" y="2816" font-size="12" fill="#333">Retinal Vasculitis</text>
  <rect x="1270" y="2804" width="14" height="14" rx="3" fill="#c62828"/>
  <text x="1292" y="2816" font-size="12" fill="#333">Infectious etiology</text>
  <rect x="1480" y="2804" width="14" height="14" rx="3" fill="#1565c0"/>
  <text x="1502" y="2816" font-size="12" fill="#333">Non-infectious / autoimmune</text>
  <rect x="1760" y="2804" width="14" height="14" rx="3" fill="#43a047"/>
  <text x="1782" y="2816" font-size="12" fill="#333">Focal pattern</text>

  <!-- footer -->
  <text x="1000" y="2870" text-anchor="middle" font-size="11" fill="#90a4ae">
    Sources: Kanski's Clinical Ophthalmology 10th Ed. | Wills Eye Manual | Firestein &amp; Kelley's Textbook of Rheumatology
  </text>
  <text x="1000" y="2888" text-anchor="middle" font-size="11" fill="#90a4ae">
    ARN = Acute Retinal Necrosis · PORN = Progressive Outer Retinal Necrosis · VKH = Vogt-Koyanagi-Harada · IRVAN = Idiopathic Retinal Vasculitis Aneurysms Neuroretinitis
  </text>
  <text x="1000" y="2906" text-anchor="middle" font-size="11" fill="#90a4ae">
    APMPPE = Acute Post. Multifocal Placoid Pigment Epitheliopathy · MEWDS = Multiple Evanescent White Dot Syndrome · MFC = Multifocal Choroiditis · PIC = Punctate Inner Choroidopathy
  </text>
  <text x="1000" y="2924" text-anchor="middle" font-size="11" fill="#90a4ae">
    DUSN = Diffuse Unilateral Subacute Neuroretinitis · GCA = Giant Cell Arteritis · RD = Retinal Detachment · RPE = Retinal Pigment Epithelium
  </text>

</svg>

<h2>Posterior Uveitis — Single Unified Flowchart | Kanski's Clinical Ophthalmology 10th Ed. | Wills Eye Manual</h2>
</div>
</body>
</html>

Running Command

ls -lh /home/daytona/workspace/posterior-uveitis-flowchart/

Here is the single unified flowchart:

single flowchart

HTML File · HTML

The flowchart is one continuous top-to-bottom SVG (2000 × 3100 px) with everything connected by arrows. Here is how it flows:

POSTERIOR UVEITIS (root)
        │
STEP 1 — VITRITIS?
    ├──── WITH VITRITIS ──────────────────────── WITHOUT VITRITIS
    │     (Primary retinal, white lesion)         (Primary choroidal, yellow lesion)
        │
STEP 2 — PRIMARY SITE (colour clue boxes)
        │
STEP 3 — DISTRIBUTION PATTERN
    ├── FOCAL/SOLITARY  ├── MULTIFOCAL  ├── GEOGRAPHIC  └── DIFFUSE
        │
STEP 4 — INFECTIOUS vs NON-INFECTIOUS (two parallel columns)
    ┌────────────────────────────┐     ┌────────────────────────────────┐
    │ INFECTIOUS                 │     │ NON-INFECTIOUS                 │
    │ • Retinitis                │     │ • White dot syndromes          │
    │   (Toxoplasma, CMV,        │     │   (APMPPE, MEWDS, Serpiginous, │
    │    ARN, PORN)              │     │    MFC, PIC)                   │
    │ • Choroiditis              │     │ • Chorioretinitis              │
    │   (PCP, Crypto, TB)        │     │   (Birdshot, VKH, Sympathetic) │
    │ • Neuroretinitis           │     │ • Vasculitis + Neuroretinitis  │
    │   (Bartonella, DUSN)       │     │   (Sarcoid, Eales, Behçet,     │
    │ • Vasculitis (Syphilis)    │     │    IRVAN)                      │
    └────────────────────────────┘     └────────────────────────────────┘
        │
STEP 5 — LATERALITY
    ├── UNILATERAL                       BILATERAL
    │   (Toxoplasma, CMV early,          (VKH, Birdshot, Sarcoid,
    │    ARN, Bartonella, DUSN,          Sympathetic, Behçet, Susac,
    │    MEWDS, PIC)                     APMPPE, Serpiginous, TB, Syphilis)
        │
STEP 6 — ENTITY DEFINITIONS (6 boxes side by side)
    RETINITIS | CHOROIDITIS | CHORIORETINITIS | RETINOCHOROIDITIS | NEURORETINITIS | VASCULITIS
        │
QUICK REFERENCE TABLE (18-disease comparison)
    Disease | Entity | Laterality | Vitritis | Key Feature | Infectious?

Open the HTML file in any browser - it renders at full resolution and is printable (A1/A0 poster size). Use Ctrl+scroll to zoom individual sections.

hml file is not opening, give me text format and photo

Running Command

python3 << 'EOF' import matplotlib matplotlib.use('Agg') import matplotlib.pyplo…

Running Command

ls -lh /home/daytona/workspace/posterior-uveitis-flowchart/posterior_uveitis_SIN…

Your credits are exhausted. You can purchase a top-up or subscribe to a plan to continue using Orris. If you're already subscribed, your daily credits will reset tomorrow.

This is a shared conversation. Sign in to Orris to start your own chat.