{{ define "main" }}
<div class="pt-2">
  <div class="container mx-auto px-4 py-6">
    <div class="flex flex-col md:flex-row gap-6 items-start">
      <!-- Sidebar -->
      <div class="w-full md:w-1/4 lg:w-1/5 pt-1">
        {{ partial "docs-sidebar.html" . }}
      </div>

      <!-- Main Content -->
      <main class="w-full md:w-3/4 lg:w-4/5 pt-2">
        <article class="prose max-w-none -mt-2 pt-6">
          {{ .Content }}
        </article>
      </main>
    </div>
  </div>
</div>

{{ end }}