// AI Policy — disclosure page. Plain, factual, short.

function AIPolicy() {
  return (
    <article className="ai-policy">
      <header className="aip-head">
        <div className="aip-eyebrow">
          <span className="aip-eyebrow-mark">✻</span>
          <span>Disclosure</span>
        </div>
        <h1 className="aip-title">Our use of AI.</h1>
      </header>

      <div className="aip-body">
        <p>
          The written content on this site begins as an AI-assisted draft. The AI gathers
          publicly available information about each saint and cites the sources it draws
          from. Drafts are restricted to historical facts that can be traced to a source
          bearing the <em>Imprimatur</em> — the Church's formal declaration that a work
          is free of doctrinal error. When a source does not carry the Imprimatur, the
          citation is flagged for review.
        </p>

        <p>
          Every draft is then reviewed by a human editor — a member of the baptized
          faithful laity — who verifies each citation, confirms the source is legitimate,
          and checks the text for hallucinations and factual errors before publication.
        </p>

        <p>
          AI is also used to produce the code, wordmark, illustrations, and other visual
          components of this site, in each case under the direction of the same human
          editor.
        </p>

        <div className="aip-rule" aria-hidden="true" />

        <p className="aip-notice">
          The content on this website is private commentary. It is not intended for
          liturgical use or for distribution at the parish level.
        </p>
      </div>

      <style>{`
        .ai-policy {
          max-width: 720px;
          margin: 0 auto;
          padding: clamp(48px, 8vh, 96px) clamp(24px, 5vw, 48px) clamp(80px, 10vh, 140px);
          font-family: var(--font-body);
          color: var(--ink-soft);
        }

        .aip-head {
          margin-bottom: clamp(36px, 5vh, 56px);
        }
        .aip-eyebrow {
          display: inline-flex;
          align-items: center;
          gap: 12px;
          font-size: 11px;
          letter-spacing: 0.32em;
          text-transform: uppercase;
          color: var(--ink-mute);
          margin-bottom: 24px;
        }
        .aip-eyebrow-mark { color: var(--accent); font-size: 14px; }
        .aip-title {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: clamp(32px, 4.4vw, 48px);
          line-height: 1.1;
          letter-spacing: -0.015em;
          color: var(--ink);
          margin: 0;
          text-wrap: balance;
        }

        .aip-body {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }
        .aip-body p {
          margin: 0;
          font-size: clamp(15px, 1.15vw, 16.5px);
          line-height: 1.7;
          color: var(--ink-soft);
          text-wrap: pretty;
          font-feature-settings: "liga", "kern";
        }
        .aip-body em { font-style: italic; color: var(--ink); }

        .aip-rule {
          height: 1px;
          background: var(--bg-deep);
          margin: 8px 0;
        }
        .aip-notice {
          color: var(--ink) !important;
          font-style: italic;
        }
      `}</style>
    </article>
  );
}

window.AIPolicy = AIPolicy;