/* Hometown Anchor — LegalPage wrapper: header + title band + article + footer.
   Content (h2/p/strong/a) is passed as children and styled by legal.css. */

function LegalPage({ title, effective, children }) {
  return (
    <div className="legal-page">
      <SiteHeader homeHref="index.html" contactHref="index.html#contact" />
      <header className="legal-head">
        <div className="inner">
          <p className="eyebrow">Legal</p>
          <h1>{title}</h1>
          {effective && <p className="effective">Effective date: {effective}</p>}
          <Roofline color="#9c3a2a" height={9} width={132} stroke={1.6} />
        </div>
      </header>
      <main>
        <article className="legal">{children}</article>
      </main>
      <SiteFooter />
    </div>
  );
}

Object.assign(window, { LegalPage });