<aside class="order-last md:order-none md:col-span-1">
  <!-- Author info widget (optional - can be expanded) -->
  <div class="p-4 border border-border/30 rounded mb-6">
    <h3 class="text-lg font-semibold text-accent mb-3">{{ i18n "author" }}</h3>
    <p class="text-text-dim text-sm leading-relaxed">
      {{ .Site.Params.author }}
    </p>
  </div>

  <!-- Related posts widget (optional) -->
  {{ if .Site.Params.relatedPosts }}
  {{ $related := first 5 (.Site.RegularPages.Related .) }}
  <div class="p-4 border border-border/30 rounded mb-6">
    <h3 class="text-lg font-semibold text-accent mb-3">{{ i18n "relatedPosts" }}</h3>
    {{ if $related }}
    <ul class="space-y-3">
      {{ range $related }}
      {{ $articleType := .Params.type | default "life" }}
      {{ $excerpt := .Description | default .Summary }}
      <li
        class="pl-3 border-l-2"
        style="border-color: var(--type-{{ $articleType }});"
      >
        <a href="{{ .RelPermalink }}" class="text-sm hover:text-accent transition-colors leading-snug block">
          {{ .Title }}
          <time class="text-text-dim/60 ml-1" datetime="{{ .PublishDate.Format "2006-01-02T15:04:05Z07:00" }}">
            · {{ .PublishDate.Format "Jan 2006" }}
          </time>
        </a>
        {{ if $excerpt }}
        <p class="text-xs text-text-dim/70 leading-snug mt-0.5 line-clamp-1">
          {{ $excerpt | plainify | truncate 60 }}
        </p>
        {{ end }}
      </li>
      {{ end }}
    </ul>
    {{ else }}
    <p class="text-sm text-text-dim">{{ i18n "noRelated" }}</p>
    {{ end }}
  </div>
  {{ end }}
</aside>
