/* content-detail-page.jsx — live full page, Chief Economist's Note. */
const { SiteHeader, SiteFooter, ContentDetail, injectCdCSS } = window;

function Page() {
  injectCdCSS();
  return (
    <div style={{ minHeight: "100%", display: "flex", flexDirection: "column", background: "var(--surface-page)" }}>
      <SiteHeader />
      <main style={{ flex: 1 }}>
        <ContentDetail variant="note" />
      </main>
      <SiteFooter />
    </div>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<Page />);