// Shared legal page chrome — used by privacy.html and terms.html. const { useState: useStateL, useEffect: useEffL } = React; function LegalPage({ title, eyebrow, updated, summary, sections }) { useReveal(); const [active, setActive] = useStateL(sections[0]?.id); // Sticky-toc highlight on scroll useEffL(() => { const ids = sections.map((s) => s.id); const onScroll = () => { let cur = ids[0]; for (const id of ids) { const el = document.getElementById(id); if (el && el.getBoundingClientRect().top < 140) cur = id; } setActive(cur); }; window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); return (

{/* Header */}

{eyebrow}

{title}

Last updated

{updated}

{summary}

{/* Body */}

{/* Sticky TOC */} {/* Main copy */}

{sections.map((s, i) => (

{String(i + 1).padStart(2, "0")}

{s.title}

{s.body}

))} {/* Contact card */}

Questions?

We'd rather hear from you than have you guess.

Email legal@congruence.cx for anything covered — or not covered — on this page.

); } Object.assign(window, { LegalPage });