<article class="job-card h-100">
  <div class="d-flex justify-content-between gap-3 align-items-start">
    <span class="badge-soft">{{ job.get_contract_type_display }}</span>
    {% if job.remote %}<span class="remote-pill">Remote</span>{% endif %}
  </div>
  <h3 class="h5 mt-3 mb-2"><a href="{% url 'job_detail' job.pk %}">{{ job.title }}</a></h3>
  <p class="company mb-2">{{ job.company }}</p>
  <p class="text-muted small mb-3">{{ job.location }} · {{ job.published_at|date:"M d, Y" }}</p>
  <p class="job-excerpt">{{ job.description|truncatechars:120 }}</p>
  <div class="source-chip mt-auto">{{ job.source.get_family_display }} · {{ job.source.name }}</div>
</article>
