/* ==========================================================================
   eg-wp-past.css — WordPress-owned styles for /events/past/ (Past events),
   rendered by src/Pages/PastEventsRoute.php in the pages chrome, and for the
   Upcoming · On now · Past links on /events/.

   WordPress additions ONLY: nothing here has a V4 original.

   The V4 styles themselves are the synced files (V4 sync, SOURCE-V4.json),
   loaded by the synced shell or, for a shell that does not load them, by
   PastEventsRoute::v4_css():
     assets/eg/v3/css/62-past.css     the page (hero, empty state, card grid)
     assets/eg/v3/css/59-v4-page.css  .eg-c-v4__h / __h2 / __lead / __note
     assets/eg/v3/css/06-v4.css       section 8, .eg-c-when (the links)
   Until that sync this file carried copies of those rules (from V4 @ 8bb8b23);
   the copies were removed when the sync brought the originals.
   This file is loaded last in the head, after the synced stylesheets.
   ========================================================================== */

/* ---- /events/past/ --------------------------------------------------------- */
.eg-c-past__grid { list-style: none; margin: 0; padding: 0; align-items: start; }
.eg-c-past__card { align-content: start; }
.eg-c-past__card > a { text-decoration: none; align-content: start; }
.eg-c-past__card > a:hover b, .eg-c-past__card > a:focus-visible b { text-decoration: underline; text-underline-offset: .18em; }
.eg-c-past__count { margin: 0 0 1.25rem; font-size: .9375rem; font-weight: 700; color: var(--c-text-2); font-variant-numeric: tabular-nums; }
.eg-c-past__kind { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .75rem !important; }
.eg-c-past__more { margin: 0; padding: 0 .25rem .25rem; font-size: .875rem; }
.eg-c-past__more .eg-c-past__mo { margin-top: 0; min-height: 44px; text-decoration: underline; text-underline-offset: .2em; }
.eg-c-past__pages { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; justify-content: center; margin-top: 2rem; }
.eg-c-past__pageno { font-size: .9375rem; color: var(--c-text-2); font-variant-numeric: tabular-nums; }
.eg-c-past__back { margin: 2.5rem 0 0; text-align: center; }
/* V4's hero has no side padding of its own; on WordPress the page keeps the site gutter. */
.eg-c-past__hero { padding-inline: var(--c-gut); }

/* ---- /events/ --------------------------------------------------------------
   The links under the hero (V4 marks the place with EG:V4:EVTABS). Their
   wrapper has no rule in a synced stylesheet: without these two the links sit
   against the edge of the window. They take the site gutter and the content
   column of the hero above them (max-width 1320px, centred). */
.eg-c-when__wrap { padding: 0 var(--c-gut) 1.25rem; }
.eg-c-when__wrap > .eg-c-when { margin: 0 max(0px, calc((100% - 1320px) / 2)); }
