(() => {
const { Badge, Card, Callout, SectionHeading, SourceNote, ClaimList, Button, ImageFrame } = window.JudithHorvathNonprofitDesignSystem_c97fb3;

const GROUNDS = [
  {
    n: '01',
    title: 'The technology does not do what its name suggests',
    claims: [
      'Carbon capture and storage does not remove carbon from the atmosphere.',
      "It captures a fraction of one facility's emissions, and none of the other pollution from burning fuel.",
      'Parasitic Load is not calculated into stated efficiency of this technology.',
      'Most captured CO₂ in the United States is used to produce more oil.',
      'The federal 45Q credit pays for it either way.',
    ],
    prose: 'Carbon capture and storage does not remove carbon from the atmosphere. At best it prevents some emissions from one facility from reaching the air, provided the captured gas is never released. It captures a fraction of what a plant emits, does nothing about the fine particulate matter and other pollutants produced by burning fuel, and requires additional energy that creates emissions of its own. Most captured CO₂ in the United States has gone to enhanced oil recovery, where it is injected into depleted reservoirs to produce more oil. The pipeline that ruptured at Satartia was carrying CO₂ for exactly that purpose. The federal 45Q credit pays for it either way.',
    source: 'PHMSA Failure Investigation Report: Satartia, MS · EX-30',
  },
  {
    n: '02',
    title: 'This project, under these conditions',
    claims: [
      'Insufficient data and experience with this type of well: Zero operating Class VI wells in Ohio, and only four nationwide currently operating.',
      'Ohio holds no Class VI permitting authority.',
      'No setback from schools defined. The Amanda-Clearcreek complex is 1,500 yards away, downhill, no geologic obstructions shielding it from CO2 flow.',
      'Geologic results confidential until roughly 2031.',
      'No established lease market, and no court has interpreted the law.',
    ],
    prose: "There are zero operating Class VI wells in Ohio and four nationwide. Ohio holds no Class VI primacy. The state's framework sets no setback from schools, homes, or any occupied building, and the Amanda-Clearcreek school complex sits 1,500 yards from the well site. The geologic results are confidential until roughly 2031. There is no established market for pore space leases here, no comparable transactions, and no court has interpreted a single provision of the law that governs them. Every one of those facts appears on this site with its source. Together they describe a project being assembled faster than the public can evaluate it.",
    source: 'ORC 1509.051: test well confidentiality · EX-42 · Class VI permitting and state primacy, CRS R48033 · EX-55',
  },
  {
    n: '03',
    title: 'The law removes the decision from the people it affects',
    claims: [
      '70% of the pore space acreage can use "forced pooling" to commit the remaining 30%.',
      'The company draws the boundary, not a formula or a law.',
      'The first required notice to homeowners arrives only after the company files.',
      'Damages capped at lost property value; onus on property owner to "prove" it.',
      'Punitive damages barred.',
      'Liability (and ongoing maintenance and monitoring cost) transfers to the State of Ohio a minimum of 50 years after final injection.',
    ],
    prose: 'HB 170 lets an operator consolidate an entire storage area once it holds consent from owners of 70% of the pore space, counted in acres rather than households. The company draws the boundary. The first notice the law requires arrives only after the company has its 70% and has filed. Damages are capped at diminution in property value, punitive damages are barred, and liability transfers to the State of Ohio a minimum of 50 years after final injection. Federal rules require only 50 years of storage to qualify for the subsidy, while CO₂ persists on a geological scale. A resident who never signed anything can be bound, paid on terms they did not negotiate, and left with a risk the operator will not be present to answer for.',
    source: 'Am. Sub. H.B. 170 · EX-25 · ORC 1509.76',
  },
];

function StandScreen({ setPage }) {
  return (
    <>
      <Band>
        <div style={{ maxWidth: '46rem' }}>
          <Badge tone="clay">Our position</Badge>
          <h1 style={{ fontFamily: 'var(--font-display)', fontSize: 'var(--text-display-2)', fontWeight: 'var(--weight-medium)', letterSpacing: 'var(--tracking-display)', lineHeight: 'var(--leading-tight)', margin: 'var(--space-5) 0 var(--space-6)' }}>
            Why We Oppose Class VI CO₂ Injection Wells
          </h1>
          <p style={{ fontSize: 'var(--text-body-lg)', lineHeight: 'var(--leading-relaxed)', color: 'var(--text-secondary)' }}>
            Fairfield Grounded documents the record and publishes the sources so that residents can decide for themselves. We oppose these projects on three grounds, and the three converge on one point: each removes the public's ability to know what is happening and to choose.
          </p>
        </div>
        <Callout tone="wheat" label="Read this page as what it is" style={{ marginTop: 'var(--space-10)', maxWidth: '46rem' }}
          action={<Button variant="quiet" size="sm" onClick={() => setPage('ccs')} trailingIcon={<span aria-hidden="true">→</span>}>See the neutral explainer instead</Button>}>
          This is the one page on the site that argues a position. Everything else, from the well file and CCS 101 to the landowner reference and the document library, is presented so you can reach your own conclusion.
        </Callout>
      </Band>

      {GROUNDS.map((g, i) => (
        <Band key={g.n} tone={i % 2 === 0 ? 'sunken' : 'page'}>
          <SectionHeading number={g.n} title={g.title} />
          <div className="fg-grid" style={{ display: 'grid', gridTemplateColumns: '0.95fr 1.05fr', gap: 'var(--space-16)', marginTop: 'var(--space-10)', alignItems: 'start' }}>
            <ClaimList items={g.claims} />
            <div>
              <p style={{ fontSize: 'var(--text-body)', lineHeight: 'var(--leading-relaxed)', color: 'var(--text-secondary)', margin: 0 }}>{g.prose}</p>
              <SourceNote label="Exhibits" style={{ marginTop: 'var(--space-5)' }}>{g.source}</SourceNote>
            </div>
          </div>
        </Band>
      ))}

      <Band tone="dark" tight>
        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--space-8)', justifyContent: 'space-between', alignItems: 'center' }}>
          <div>
            <h2 style={{ fontFamily: 'var(--font-display)', fontSize: 'var(--text-h1)', fontWeight: 'var(--weight-medium)', letterSpacing: 'var(--tracking-display)', color: 'var(--cream-50)', margin: '0 0 var(--space-3)' }}>
              Check every one of these against the source.
            </h2>
            <p style={{ fontSize: 'var(--text-body)', color: 'var(--green-200)', margin: 0, maxWidth: '34rem' }}>
              Each claim above traces to an exhibit in the document library, dated and linked. If one of them is wrong, tell us and we will correct it on the page.
            </p>
          </div>
          <div style={{ display: 'flex', gap: 'var(--space-3)', flexWrap: 'wrap' }}>
            <Button variant="inverse" size="lg" onClick={() => setPage('landowners')}>For landowners</Button>
            <Button variant="quiet" size="lg" style={{ color: 'var(--wheat-400)' }} onClick={() => setPage('involved')}>Report a correction</Button>
          </div>
        </div>
      </Band>
    </>
  );
}

Object.assign(window, { StandScreen });
})();
