tmp

    <!-- Examples Section -->
    <section class="card" id="examples-card">
      <h2>Examples</h2>
      <div class="tabs">
        <div class="tab active" data-target="ex-data">Data Dependency</div>
        <div class="tab" data-target="ex-control">Control Dependency</div>
        <div class="tab" data-target="ex-info">Information Flow</div>
      </div>

      <!-- Example: Data -->
      <div class="tab-content active" id="ex-data">
        <pre><code class="language-python"># Example Data Dependency
input_code = """
SELECT name FROM students WHERE grade &gt; 3.5;
"""

expected = {
    "tables": ["students"],
    "columns": ["name", "grade"],
}
</code></pre>
      </div>

      <!-- Example: Control -->
      <div class="tab-content" id="ex-control">
        <pre><code class="language-python">def factorial(n: int) -> int:
    if n &lt;= 1:
        return 1
    return n * factorial(n - 1)
</code></pre>
      </div>

      <!-- Example: InfoFlow -->
      <div class="tab-content" id="ex-info">
        <pre><code class="language-javascript">// Example InfoFlow
function readUserToken() {
  const token = localStorage.getItem('token');
  sendToServer(token);
}
</code></pre>
      </div>
    </section>