export default function PolicyLayout({ title, updated, children }: { title: string; updated: string; children: React.ReactNode }) {
  return (
    <div className="mx-auto max-w-2xl px-4 py-14 sm:px-6">
      <h1 className="font-[family-name:var(--font-heading)] text-2xl font-bold text-stone-800">{title}</h1>
      <p className="mt-1 text-xs text-stone-400">Last updated: {updated}</p>
      <div className="prose prose-sm prose-stone mt-6 max-w-none space-y-4 text-sm leading-relaxed text-stone-600 [&_h2]:mt-6 [&_h2]:text-base [&_h2]:font-semibold [&_h2]:text-stone-800 [&_ul]:list-disc [&_ul]:pl-5">
        {children}
      </div>
    </div>
  );
}