// Shared site shell — SystemBar + Nav + <main> + Footer.
// Every page (Home, About, Founder, Privacy, …) renders into this so the
// chrome stays consistent and the nav active state works.

function SiteShell({ children, current }) {
  return (
    <div id="top" style={{
      background: SP_COL.black, color: SP_COL.white, minHeight: '100vh',
    }}>
      <SystemBar />
      <Nav current={current} />
      <main className="sp-main" style={{
        maxWidth: 1152, margin: '0 auto',
        padding: '56px 32px 80px',
        display: 'flex', flexDirection: 'column', gap: 72,
      }}>
        {children}
        <Footer />
      </main>
    </div>
  );
}

Object.assign(window, { SiteShell });