{# Categories for This Post #}
{% if category %}
<is-land on:visible>
<div class="widget">
  <h3 class="widget-title">Categories</h3>
  <div class="flex flex-wrap gap-2">
    {% if category is string %}
    <a href="/categories/{{ category | nestedSlugify }}/" class="p-category text-xs px-2 py-1 bg-accent-100 dark:bg-accent-900/30 text-accent-800 dark:text-accent-300 rounded-full hover:bg-accent-200 dark:hover:bg-accent-800 transition-colors">
      {{ category }}
    </a>
    {% else %}
    {% for cat in category %}
    <a href="/categories/{{ cat | nestedSlugify }}/" class="p-category text-xs px-2 py-1 bg-accent-100 dark:bg-accent-900/30 text-accent-800 dark:text-accent-300 rounded-full hover:bg-accent-200 dark:hover:bg-accent-800 transition-colors">
      {{ cat }}
    </a>
    {% endfor %}
    {% endif %}
  </div>
</div>
</is-land>
{% endif %}
