{{ define "main" }}
  <div class="prose prose-invert max-w-none text-body-md text-on-surface/90 space-y-6">
    <h1>{{ .Title }}</h1>
    {{ .Content }}
  </div>
  <div class="mt-12">
    <a class="inline-flex items-center text-on-surface-variant hover:text-primary transition-colors font-body-md italic mb-4" href="{{ printf "/%s/" .Section | relLangURL }}">
      {{ .Section }} <span class="material-symbols-outlined ml-1 text-[18px]">arrow_back</span>
    </a>
    <hr class="border-on-surface/10">
  </div>
  <div class="mt-auto pt-32 pb-8 font-display-lg italic text-on-surface-variant text-lg">
    {{ site.Params.homeFooter }}
  </div>
{{ end }}