{# One Bill summary card. Caller provides ``b`` (a BillHit-like row with
   congress, bill_type, bill_number, title, origin_chamber, policy_area,
   sponsor_bioguide_id, sponsor_display_name, latest_action_date). Shared by
   the landing page, the ``/bills`` index, and federated search results. #}
<li class="border border-stone-200 rounded p-3 bg-white hover:border-stone-300">
  {% include "bills/_bill_card_header.html" %}
  <a
    href="/bills/{{ b.congress }}/{{ b.bill_type }}/{{ b.bill_number }}"
    class="block text-stone-800 hover:text-stone-600"
  >{{ b.title|truncate(120) }}</a>
  <div class="text-xs text-stone-500 mt-1 flex flex-wrap gap-x-3">
    {% if b.policy_area %}<span>{{ b.policy_area }}</span>{% endif %}
    {% if b.sponsor_bioguide_id %}
      <span>
        Sponsor:
        <a href="/members/{{ b.sponsor_bioguide_id }}" class="underline hover:text-stone-700">
          {{ b.sponsor_display_name or b.sponsor_bioguide_id }}
        </a>
      </span>
    {% endif %}
    {% if b.latest_action_date %}
      <span>Latest action: {{ b.latest_action_date }}</span>
    {% endif %}
  </div>
</li>