{{ define "main" }}
<article class="mx-auto px-4 py-12 max-w-7xl">
  <div class="grid md:grid-cols-3 gap-8 content-grid">
    <!-- Article section -->
    <div class="md:col-span-2 min-w-0">
      <!-- Top article navigation (articles only) -->
      {{ if eq .Section "articles" }}
      {{ partial "article-nav.html" (dict "page" . "variant" "top") }}
      {{ end }}

      <!-- Breadcrumb -->
      {{ partial "breadcrumb.html" . }}

      <!-- Article header -->
      {{ partial "article-header.html" . }}

      <!-- Article content -->
      <div class="prose prose-invert max-w-none mb-12">
        {{ .Content }}
      </div>

      <!-- Tags section -->
      {{ if .Params.tags }}
      <div class="border-t border-border pt-8">
        <h3 class="text-lg font-semibold text-accent mb-4">{{ i18n "tags" }}</h3>
        <div class="flex flex-wrap gap-2">
          {{ $lang := .Lang }}
          {{ range .Params.tags }}
          {{ $tagUrl := printf "/tags/%s/" (. | urlize) }}
          {{ if eq $lang "it" }}
            {{ $tagUrl = printf "/it/tags/%s/" (. | urlize) }}
          {{ end }}
          <a
            href="{{ $tagUrl }}"
            class="inline-flex items-center px-3 py-1 border border-border/30 rounded hover:border-accent/50 hover:text-accent transition-colors text-sm"
          >
            {{ . }}
          </a>
          {{ end }}
        </div>
      </div>
      {{ end }}

      <!-- Bottom article navigation (articles only) -->
      {{ if eq .Section "articles" }}
      {{ partial "article-nav.html" (dict "page" . "variant" "bottom") }}
      {{ end }}
    </div>

    <!-- Sidebar -->
    {{ partial "sidebar.html" . }}
  </div>
</article>
{{ end }}
