{{include "header.html"}}
{{include "nav.html"}}
{{include "bread.html"}}

<main class="max-w-6xl mx-auto px-4 py-8">
  <div class="max-w-4xl mx-auto">
    <article class="rounded-3xl border border-steel-200 bg-white p-6 md:p-10 shadow-soft">
      <h1 class="text-2xl md:text-3xl font-semibold">{{if .Single}}{{.Single.Title}}{{else}}{{.Title}}{{end}}</h1>
      {{if .Single}}
        <p class="mt-3 text-sm text-steel-600">{{.Single.Description}}</p>
      {{end}}
      <div class="prose max-w-none mt-6">
        {{if .Single}}{{Str2Html .Single.Content}}{{end}}
      </div>
    </article>
  </div>
</main>

{{include "footer.html"}}
{{include "js.html"}}