import Link from "next/link";

export default function ForumModerationPage() {
  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 · policy</p>
        <h1 className="mt-2 font-mono text-2xl font-black text-[#ffcb8a] md:text-3xl">Moderation doctrine</h1>
        <p className="mt-3 max-w-3xl text-sm leading-relaxed text-[#b8a995]">
          CyberLux models moderation as layered enforcement: ring-scoped janitors, cross-ring mediators, and hub council. The UI may not expose every tool on every onion — but the story stays consistent across mirrors.
        </p>
      </header>

      <div className="mt-8 grid gap-6 md:grid-cols-2">
        <section className="rounded border border-[#5c4030] p-5">
          <h2 className="font-mono text-xs font-bold uppercase tracking-widest text-[#c45c26]">Tier A — ring freeze</h2>
          <p className="mt-3 text-sm leading-relaxed text-[#b8a995]">
            Temporary halt on new replies in one ring during spam bursts. Pinned posts stay visible; submit route shows a banner with estimated thaw window.
          </p>
        </section>
        <section className="rounded border border-[#5c4030] p-5">
          <h2 className="font-mono text-xs font-bold uppercase tracking-widest text-[#c45c26]">Tier B — handle shadow</h2>
          <p className="mt-3 text-sm leading-relaxed text-[#b8a995]">
            Posts from a handle sink in ranking but remain addressable by direct link — used for cooling-off periods without memory-holing evidence chains.
          </p>
        </section>
        <section className="rounded border border-[#5c4030] p-5">
          <h2 className="font-mono text-xs font-bold uppercase tracking-widest text-[#c45c26]">Tier C — network exile</h2>
          <p className="mt-3 text-sm leading-relaxed text-[#b8a995]">
            Session fingerprint tied to abuse pattern; dashboard and submit surfaces reject with signed rationale stub. Reversible only by two-of-three council multisig (diegetic).
          </p>
        </section>
        <section className="rounded border border-[#5c4030] p-5">
          <h2 className="font-mono text-xs font-bold uppercase tracking-widest text-[#c45c26]">Appeals</h2>
          <p className="mt-3 text-sm leading-relaxed text-[#b8a995]">
            Routed through{" "}
            <Link href="/support" className="text-[#ff9a3c] underline">
              support
            </Link>{" "}
            with thread id + ring slug. No DMs to individual mods — keeps audit trail intact.
          </p>
        </section>
      </div>

      <p className="mt-10 font-mono text-[10px] text-[#6b5c4d]">
        <Link href="/forum/handbook" className="text-[#ff9a3c] hover:underline">
          Handbook
        </Link>
        {" · "}
        <Link href="/forum" className="text-[#ff9a3c] hover:underline">
          Front
        </Link>
      </p>
    </article>
  );
}