{{ define "main" }}
<div class="mx-auto px-4 py-12">
  <div class="grid md:grid-cols-3 gap-8 max-w-7xl mx-auto content-grid">
    <!-- Article section -->
    <div class="md:col-span-2">
      <!-- Breadcrumb -->
      {{ partial "breadcrumb.html" . }}

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

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

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