export function PageShell({
  title,
  subtitle,
  children,
}: {
  title: string;
  subtitle?: string;
  children: React.ReactNode;
}) {
  return (
    <section className="mx-auto max-w-3xl px-4 py-14">
      <h1 className="text-3xl font-black sm:text-4xl gold-text">{title}</h1>
      {subtitle && <p className="mt-3 text-cream/65">{subtitle}</p>}
      <div className="mt-8 space-y-5 leading-8 text-cream/80">{children}</div>
    </section>
  );
}

export function Prose({ children }: { children: React.ReactNode }) {
  return <div className="glass rounded-2xl p-6 leading-8 text-cream/80">{children}</div>;
}
