export const dynamic = "force-static";

export default function OfflinePage() {
  return (
    <main
      style={{
        minHeight: "100dvh",
        display: "grid",
        placeItems: "center",
        padding: "2rem",
      }}
    >
      <div style={{ maxWidth: "28rem", textAlign: "center" }}>
        <h1 style={{ fontFamily: "var(--font-serif)", marginBottom: "0.5rem" }}>
          Offline
        </h1>
        <p style={{ color: "var(--color-muted)" }}>
          You&rsquo;re offline. Cached pages still work — your edits will sync
          when the connection comes back.
        </p>
      </div>
    </main>
  );
}