{# author-bio (earthen) — byline card sourced from the `post` provider's author_* fields. Guards, field reads and image wiring preserved; earthen skin only. #}
{% if post.author_name %}
<aside data-block-override="earthen:author-bio" class="earthen-panel earthen-blob-soft p-6 text-card-foreground{% if class %} {{ class }}{% endif %}">
{% if heading %}<p class="mb-4 text-xs font-semibold uppercase tracking-wider text-accent">{{ heading }}</p>{% endif %}
<div class="flex items-start gap-4">
{% if showAvatar and post.author_avatar %}<div class="earthen-blob-soft h-14 w-14 flex-shrink-0 overflow-hidden bg-muted">{% img post.author_avatar alt=post.author_name class="h-full w-full object-cover" %}</div>{% endif %}
<div class="min-w-0">
<h3 class="text-base font-semibold" style="font-family:var(--font-heading, 'Fraunces', 'Playfair Display', Georgia, serif);color:hsl(var(--card-foreground));">{% if post.author_slug %}<a href="/author/{{ post.author_slug }}" class="transition-colors hover:text-primary">{{ post.author_name }}</a>{% else %}{{ post.author_name }}{% endif %}</h3>
{% if post.author_bio %}<p class="mt-2 text-sm text-muted-foreground" style="font-family:var(--font-body, 'Work Sans', ui-sans-serif, system-ui, sans-serif);">{{ post.author_bio }}</p>{% endif %}
</div>
</div>
</aside>
{% endif %}