{{ 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="{{ `/` | relLangURL }}">
      Home <span class="material-symbols-outlined ml-1 text-[18px]">arrow_back</span>
    </a>
    <hr class="border-on-surface/10">
  </div>
  <div class="mt-8 divide-y divide-on-surface/10">
    {{ range .Pages.ByWeight }}
      <article class="py-5">
        <p class="mb-3"><a class="hover:text-primary transition-colors" href="{{ .RelPermalink }}">{{ .Title }}</a></p>
        {{ with .Params.summary }}
          <p class="text-on-surface/90">{{ . }}</p>
        {{ else }}
          {{ with .Summary }}<p class="text-on-surface/90">{{ . | plainify }}</p>{{ end }}
        {{ end }}
      </article>
    {{ end }}
  </div>
  <div class="mt-auto pt-32 pb-8 font-display-lg italic text-on-surface-variant text-lg">
    {{ site.Params.homeFooter }}
  </div>
{{ end }}