{# Cost-breakdown rows. T12: this partial is now included inside the
   05 / RECOMMENDATION + COST section -- it no longer renders its own
   <section class="block"> + section number, so the recommendation
   wrapper provides the heading. The previous v0.1.0 markup is kept in
   spirit but downgraded to an h4 sub-heading. #}
{% set rec = (report.synthesis_result.recommendation if report.synthesis_result else None) %}
{% if rec and rec.primary_library and rec.primary_library != 'unknown' %}
<div class="cost-block" style="margin-top:24px;">
  <h4 style="font-family:'Fraunces',serif;font-weight:500;font-size:18px;margin:0 0 12px;">Cost estimate at scale</h4>
  <p class="lede" style="margin-bottom:14px;">Based on observed signals and current market rates for proxy and tooling. Verify with replay testing before committing to client pricing.</p>

  <div class="cost-row">
    <div class="cost-name">{{ rec.primary_library }} (free, OSS)
      <small>library license: typically MIT / BSD</small>
    </div>
    <div class="cost-val">$0
      <small>included</small>
    </div>
  </div>
  {% if rec.proxy_type and rec.proxy_type != 'none' %}
  <div class="cost-row">
    <div class="cost-name">{{ rec.proxy_type | capitalize }} proxy
      <small>per-GB billing typical for {{ rec.proxy_type }} pools</small>
    </div>
    <div class="cost-val">{{ rec.cost_band_low_usd | format_money }} &ndash; {{ rec.cost_band_high_usd | format_money }}
      <small>per {{ rec.cost_unit_count }} requests</small>
    </div>
  </div>
  {% endif %}
  <div class="cost-row" style="border-top: 2px solid var(--ink); padding-top: 18px; margin-top: 6px;">
    <div class="cost-name"><strong>Total estimate</strong>
      <small>per {{ rec.cost_unit_count }} requests</small>
    </div>
    <div class="cost-val" style="color: var(--accent-deep); font-size: 22px;">
      {{ rec.cost_band_low_usd | format_money }} &ndash; {{ rec.cost_band_high_usd | format_money }}
      <small>per {{ rec.cost_unit_count }} req</small>
    </div>
  </div>
</div>
{% endif %}