/*
 * All Events — page-scoped styles.
 *
 * Loaded only on the `events` slug, by the per-route stylesheet convention in
 * functions.php. Almost everything this route needs — .spine, .listing,
 * .omnibox, .empty, .bay, .callout — is already defined in theme.css, since
 * the front page and this index share those primitives. What is missing is
 * a small page-local head badge and the layout of the discovery block that
 * wraps the filter form and the month chips.
 */

/* ---- head ------------------------------------------------------------ */

.bay__head h1 { margin: 0; }

.count {
  margin: 0;
  font-size: var(--step--1);
  font-weight: 650;
  color: var(--ink-soft);
}

/* ---- discovery controls ------------------------------------------------ */

/*
 * The filter form and the month chips share one sticky block, so a visitor
 * scrolled deep into the list keeps both without two competing sticky bars.
 */
.events__controls {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 0.85rem 1.1rem;
  background: var(--paper);
  border-bottom: 1px solid var(--rule-strong);
}

.events__controls .omnibox { max-width: 32rem; }

.events__controls .spine__range { margin: 0; }

/* ---- empty state -------------------------------------------------------- */

.empty a { font-weight: 650; }