/* @jsx React.createElement */
/* Episodes index page — the full grid + filter, on its own URL.
   Lives at /episodes.html. Linked from nav + homepage "From the binder" strip. */

const { useState: useStateEP } = React;

function EpisodesPage() {
  return (
    <React.Fragment>
      <section className="vc-suph">
        <div className="vc-hero__grid" />
        <div className="vc-suph__inner">
          <div className="vc-eyebrow">
            <span style={{color:'var(--c-signal)'}}>VOLUNTEER&nbsp;C2</span>
            &nbsp;&middot;&nbsp;THE&nbsp;INDEX
          </div>
          <h1 className="vc-suph__h1">Episodes &mdash; in order of operation.</h1>
          <p className="vc-suph__lede">
            A growing index of briefs. Watch in any order &mdash; they're indexed for cross-reference, not consumed in sequence. Filter by topic, or use the search to find a specific principle.
          </p>
        </div>
      </section>

      <EpisodeGrid />
    </React.Fragment>
  );
}
window.EpisodesPage = EpisodesPage;