{# Bundled portfolio body: KPIs + (equity-curve | cash-curve) + allocation + wash-watch.
   Rendered by /portfolio/body in one shot. #}
<div id="portfolio-kpis" class="mb-4">
  {% include "_portfolio_kpis.html" %}
</div>

{# Top row — two charts side by side at 50/50 #}
<div class="grid gap-3 mb-4" style="grid-template-columns: 1fr 1fr;">
  <div id="portfolio-equity" class="panel">
    {% include "_portfolio_equity_curve.html" %}
  </div>
  <div id="portfolio-cash" class="panel">
    {% include "_portfolio_cash_curve.html" %}
  </div>
</div>

{# Allocation moved to its own row, full width #}
<div id="portfolio-allocation" class="panel mb-4">
  {% include "_portfolio_allocation.html" %}
</div>

<div id="portfolio-wash-watch" class="panel mb-4">
  {% include "_portfolio_wash_watch.html" %}
</div>