/* content-detail-trial-page.jsx — live full page, signed-in trialist
   viewing an article they have already unlocked with a credit. Rail
   carries a trial status summary (credits, days left, full access). */
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" trial={{ remaining: 1, total: 10, daysLeft: 2 }} />
      </main>
      <SiteFooter />
    </div>
  );
}
ReactDOM.createRoot(document.getElementById("root")).render(<Page />);