import Link from "next/link";

export default function ForumHandbookPage() {
  return (
    <article className="rounded-lg border border-[#3d3228] bg-[#120e0a]/95 p-6 md:p-10">
      <header className="border-b border-[#2a2218] pb-6">
        <p className="font-mono text-[10px] uppercase tracking-[0.35em] text-[#ff9a3c]/60">Void Aggregate · canon</p>
        <h1 className="mt-2 font-mono text-2xl font-black text-[#ffcb8a] md:text-3xl">Operator handbook</h1>
        <p className="mt-3 max-w-3xl text-sm leading-relaxed text-[#b8a995]">
          The forum is not a single scroll — rings, submit flow, moderation doctrine, and reputation math are separate surfaces so Tor onions can deep-link without losing context. This page is the table of contents for that depth.
        </p>
      </header>

      <ol className="mt-8 list-decimal space-y-6 pl-5 font-mono text-sm text-[#b8a995]">
        <li>
          <strong className="text-[#ffcb8a]">Ring topology</strong> — each <code className="text-[#ff9a3c]/80">/forum/ring/*</code> route carries its own about blurb, subscriber fiction, and active reader count. The hub thread list is a projection, not the source of truth.
        </li>
        <li>
          <strong className="text-[#ffcb8a]">Submission contract</strong> —{" "}
          <Link href="/forum/submit" className="text-[#ff9a3c] underline hover:text-[#ffcb8a]">
            /forum/submit
          </Link>{" "}
          enforces title/body/ring choice before anything hits local storage or preview indexes.
        </li>
        <li>
          <strong className="text-[#ffcb8a]">Moderation ladder</strong> — documented in{" "}
          <Link href="/forum/moderation" className="text-[#ff9a3c] underline hover:text-[#ffcb8a]">
            Moderation doctrine
          </Link>
          : freezes, ring bans, and network-wide exile differ by severity.
        </li>
        <li>
          <strong className="text-[#ffcb8a]">Reputation surface</strong> —{" "}
          <Link href="/forum/reputation" className="text-[#ff9a3c] underline hover:text-[#ffcb8a]">
            Reputation &amp; weight
          </Link>{" "}
          explains how votes interact with ring-specific priors (fiction).
        </li>
      </ol>

      <p className="mt-10 font-mono text-[10px] text-[#6b5c4d]">
        <Link href="/forum" className="text-[#ff9a3c] hover:underline">
          ← Forum front
        </Link>
      </p>
    </article>
  );
}