{# Bundled portfolio body: split into two sections —
   1) Portfolio (KPIs + curves + allocation + wash-watch)
   2) Tax planning (offset budget + year-end projection)
   Rendered by /portfolio/body in one shot. #}

<div class="text-[14px] font-semibold tracking-tightish mb-2 text-label-1">Portfolio</div>

<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>

{% if (offset_budget is defined and offset_budget) or (has_tax_config is defined) or (projection is defined) %}
  <div class="flex items-baseline justify-between mt-6 mb-2">
    <div class="text-[14px] font-semibold tracking-tightish text-label-1">Tax planning</div>
    <a href="/tax" class="text-[11px] text-label-2 hover:text-text">Open Tax page →</a>
  </div>
  <div class="grid grid-cols-2 gap-[10px] mb-4">
    {% if offset_budget is defined and offset_budget %}
      {% set budget = offset_budget %}
      {% include "_offset_budget_tile.html" with context %}
    {% endif %}
    {% include "_projection_card.html" with context %}
  </div>
{% endif %}