// Einheitlicher Seitenkopf für die Konto-Unterseiten: links ausgerichtet,
// kleiner Eyebrow + Quantify-Titel + Kupfer-Akzentstrich, optional ein
// Untertitel. Löst das bisher uneinheitliche, zentrierte Kopf-Markup ab.
export function AccountPageHeader({
  eyebrow,
  title,
  subtitle,
}: {
  eyebrow?: string;
  title: string;
  subtitle?: string;
}) {
  return (
    <header className="mb-8">
      {eyebrow && (
        <p className="text-xs uppercase tracking-[0.3em] text-[var(--rk-ink-muted)]">{eyebrow}</p>
      )}
      <h1 className="rk-wordmark mt-2 text-2xl sm:text-3xl">{title}</h1>
      <div className="rk-accent-rule" />
      {subtitle && (
        <p className="mt-4 max-w-xl text-sm leading-relaxed text-[var(--rk-ink-muted)]">{subtitle}</p>
      )}
    </header>
  );
}