{{define "content"}}
<div class="max-w-3xl mx-auto space-y-8">
  <h1 class="text-2xl font-bold">{{t "privacy.title"}}</h1>
  <p class="text-gray-600 dark:text-gray-400">{{t "privacy.intro"}}</p>

  <div class="space-y-6">
    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.localStorage.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.localStorage.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.cookie.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.cookie.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.weather.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.weather.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.warnings.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.warnings.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.llm.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.llm.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.bettervent.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.bettervent.text"}}</p>
    </section>

    <section class="bg-white dark:bg-gray-800 rounded-xl p-5 shadow-sm space-y-2">
      <h2 class="text-lg font-semibold">{{t "privacy.noTracking.title"}}</h2>
      <p class="text-sm text-gray-600 dark:text-gray-400">{{t "privacy.noTracking.text"}}</p>
    </section>
  </div>
</div>
{{end}}