/**
 * BigEvent — RADAR Shell Foundation  (P-Shell-1)
 * =============================================================================
 * Flips the BigEvent CONTENT surface from the legacy parchment/indigo/serif theme
 * to the canonical RADAR dark/acid/Archivo system, by REDEFINING the token layer
 * (bigevent-design-system-tokens 123364) on the BigEvent surface. The archive
 * (123367) + card (123365) CSS are 100% token-driven, so they flip cleanly; the
 * homepage (123370) is mostly token-driven + a few hardcoded overrides below.
 *
 * SCOPE: printed by 125529 ONLY where bigevent_radar_should_render() passes
 * (/, /events/, topic/country/city) AND unless BIGEVENT_RADAR_SHELL is disabled.
 * The broad `html body.bigevent-surface` selector (specificity 0,1,2) beats
 * 123364/123370's `body.bigevent-surface`/`.be-surface` (0,1,1 / 0,1,0) WITHOUT
 * depending on source order; the narrow print gate keeps it to RADAR pages only.
 *
 * DEFERRED (later slices, not here): structural RADAR nav rebuild (acid-dot logo,
 * section underline, 'Submit an event'), 80px display hero + search + signals,
 * dark filter-bar structure, RADAR footer internal-link engine, canonical
 * homepage modules, featured-in-stream thumbnail. This slice NORMALIZES colour +
 * typography + surface so the pages stop reading as parchment/indigo legacy.
 *
 * ROLLBACK: define('BIGEVENT_RADAR_SHELL', false) -> parchment returns (rows stay
 * RADAR); or deactivate 125529; or restore the 125529 backup.
 */

/* === Token flip: BigEvent surface -> RADAR dark/acid/Archivo ================ */
html body.bigevent-surface,
html body.bigevent-surface .be-surface,
html body.bigevent-surface .be-home {
  --be-bg:            #0F1216;   /* --ink   (was parchment #f7f5ef) */
  --be-bg-sunken:     #0F1216;   /* was #f1eee6 */
  --be-surface:       #141920;   /* --ink2  (was #fdfbf6) */
  --be-surface-2:     #1A2027;   /* --ink3  (was #f4f1e8) */

  --be-ink:           #FFFFFF;   /* --w     (was #18171a) */
  --be-ink-2:         #A9B1BB;   /* --t2    (was #46433f) */
  --be-ink-3:         #7C8590;   /* --t3    (was #7a756d) */
  --be-ink-4:         #5C6672;   /* --dim   (was #a39d92) */

  --be-border:        #232A33;   /* --rule  (was #e6e0d1) */
  --be-border-strong: #2E3742;   /* --rule2 (was #cfc6b1) */
  --be-divider:       #232A33;   /* was #ede7d8 */
  --be-line:          #232A33;   /* homepage fallback name */

  --be-accent:        #C6F24E;   /* --sig   (was indigo #4B4FD8) */
  --be-accent-ink:    #C6F24E;   /* accent TEXT -> acid on dark (was #25235C) */
  --be-accent-soft:   rgba(198,242,78,.12); /* was #ECECFF */
  --be-accent-line:   #9BC53D;   /* --sigd  (was #c7c8f4) */

  --be-font-serif:    Archivo, -apple-system, "Segoe UI", sans-serif;   /* kill serif */
  --be-font-sans:     Archivo, -apple-system, "Segoe UI", sans-serif;
  --be-font-mono:     "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* Force the page + surface background dark (belt-and-suspenders vs any hardcoded
   parchment / Kadence navy on the body). Content wrappers follow via --be-bg. */
html body.bigevent-surface { background: #0F1216 !important; }
html body.bigevent-surface .be-surface,
html body.bigevent-surface .be-home { background: #0F1216; }

/* === Site header — RECOLOUR only (structural nav rebuild deferred) ========== */
/* 123370 hardcodes .be-site-header parchment !important; recolour to dark so the
   header stops reading parchment. Structure/logo/links unchanged this slice. */
html body.bigevent-surface .be-site-header {
  background: #0F1216 !important; border-bottom-color: #232A33 !important;
}
html body.bigevent-surface .be-site-header__brand { color: #FFFFFF !important; }
html body.bigevent-surface .be-site-header__nav-link,
html body.bigevent-surface .be-site-header__cta { color: #A9B1BB !important; }
html body.bigevent-surface .be-site-header__nav-link:hover,
html body.bigevent-surface .be-site-header__nav-link.is-active { color: #C6F24E !important; }

/* === Month dividers -> canonical mono-acid .monthdiv ======================== */
html body.bigevent-surface .be-archive__month-heading {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
  font-size: 12px !important; font-weight: 500 !important; letter-spacing: .19em !important;
  text-transform: uppercase !important; color: #C6F24E !important;
}

/* === Homepage hero: normalise the indigo serif-italic accent ================ */
/* The accent-ink token already flips to acid above; ensure the hero accent line
   reads as acid sans (not indigo serif). No restructure. */
html body.bigevent-surface .be-home__title-line--accent {
  color: #C6F24E !important; font-style: normal;
}

/* === Primary form controls: dark-on-light buttons -> acid; inputs -> dark ====
   These use `background: var(--be-ink)` (dark-on-light pattern), which flips to a
   white background with white/near-invisible text after the token flip. Canonical
   makes the search/apply the acid primary; the search input a dark ink surface. */
html body.bigevent-surface .be-home__search-submit,
html body.bigevent-surface .be-filters__apply {
  background: #C6F24E !important; color: #0D1005 !important; border-color: #C6F24E !important;
}
/* label/icon spans inside the buttons carry their own white color — force dark on acid. */
html body.bigevent-surface .be-home__search-submit *,
html body.bigevent-surface .be-filters__apply * { color: #0D1005 !important; }
html body.bigevent-surface .be-home__search-submit:hover,
html body.bigevent-surface .be-home__search-submit:focus-visible,
html body.bigevent-surface .be-filters__apply:hover {
  background: #9BC53D !important; border-color: #9BC53D !important; color: #0D1005 !important;
}
html body.bigevent-surface .be-filters__input {
  background: #141920 !important; color: #FFFFFF !important; border-color: #2E3742 !important;
}
/**
 * BigEvent — RADAR Header + Hero Bridge  (P-Shell-2)
 * =============================================================================
 * Restyles the custom site header (.be-site-header, rendered by 123369 — NOT
 * Kadence) and the homepage + archive HEROES to the canonical RADAR treatment
 * (radar.css .nav / h1.display / .search / .signals). CSS-ONLY: no 123369/123366
 * markup edits. Scoped to `html body.bigevent-surface` (0,1,3) to beat legacy
 * 123370/123367 rules; printed by 125529 only where should_render() passes AND
 * BIGEVENT_RADAR_SHELL is enabled (same gate/kill switch as the shell foundation).
 *
 * DEFERRED (needs a small 123369 PHP follow-up, documented in the QA report):
 * nav active-state underline (no .is-active marker in markup), homepage 4 discrete
 * signal BLOCKS (markup is a phrase strip; archives already have blocks), and the
 * "Submit an event" CTA label (content — kept "Get featured", styled acid).
 * ROLLBACK: define('BIGEVENT_RADAR_SHELL', false) or restore the 125529 backup.
 */

/* ===== Header (colour + dot + CTA only; keep 123370's working layout) ====== */
html body.bigevent-surface .be-site-header { background: #0F1216 !important; border-bottom: 1px solid #232A33 !important; }
html body.bigevent-surface .be-site-header__brand {
  color: #FFFFFF !important; font-family: Archivo, sans-serif !important; font-weight: 800 !important;
  letter-spacing: -.02em;
}
/* acid dot mark (canonical .logo .dot) */
html body.bigevent-surface .be-site-header__mark {
  width: 9px !important; height: 9px !important; border-radius: 50% !important;
  background: #C6F24E !important; box-shadow: 0 0 0 4px rgba(198,242,78,.16) !important;
  display: inline-block !important; flex: 0 0 auto;
}
html body.bigevent-surface .be-site-header__nav-link {
  color: #A9B1BB !important; font-family: Archivo, sans-serif !important; font-size: 14px; font-weight: 500;
  position: relative; padding-bottom: 2px;
}
html body.bigevent-surface .be-site-header__nav-link:hover,
html body.bigevent-surface .be-site-header__nav-link.is-active { color: #FFFFFF !important; }
html body.bigevent-surface .be-site-header__nav-link.is-active::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -24px; height: 2px; background: #C6F24E;
}
/* CTA -> acid pill (canonical .bsig) */
html body.bigevent-surface .be-site-header__cta {
  background: #C6F24E !important; border: 0 !important; border-radius: 0 !important;
  padding: 11px 18px !important; display: inline-flex; align-items: center; gap: 8px;
}
html body.bigevent-surface .be-site-header__cta *,
html body.bigevent-surface .be-site-header__cta-label,
html body.bigevent-surface .be-site-header__cta-arrow { color: #0D1005 !important; font-weight: 700 !important; font-family: Archivo, sans-serif !important; }
html body.bigevent-surface .be-site-header__cta:hover { background: #9BC53D !important; }

/* ===== Homepage hero -> left-aligned RADAR display ========================= */
html body.bigevent-surface .be-home__hero { background: #0F1216 !important; text-align: left !important; }
/* ISO (2026-08-20) — RADAR now OWNS the homepage hero BOX SPACING, retiring the legacy P5 rule
   `.be-home__hero { padding: 96px 0 64px }` (bigevent-homepage.css:1640) that created the
   header-to-hero empty band. Desktop = mockup 76/60; mobile switches TIGHT at the same ≤959 point
   as the header, matching the mockup `.m` rhythm. Higher specificity wins the cascade — no
   !important, no negative margin, no spacer. Blast radius: the homepage hero box only. */
html body.bigevent-surface .be-home__hero { padding: 76px 0 60px; }
@media (max-width: 959px) {
  html body.bigevent-surface .be-home__hero { padding: 32px 0 40px; }
}
html body.bigevent-surface .be-home__hero-inner { align-items: flex-start !important; text-align: left !important; max-width: var(--be-container); padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-home__hero-crumbs { justify-content: flex-start !important; }
html body.bigevent-surface .be-home__hero-eyebrow {
  font-family: "JetBrains Mono", monospace !important; font-size: 11px !important; letter-spacing: .16em !important;
  text-transform: uppercase !important; color: #C6F24E !important;
}
html body.bigevent-surface .be-home__hero-crumbs-note { color: #7C8590 !important; font-family: "JetBrains Mono", monospace !important; }
html body.bigevent-surface .be-home__title {
  font-family: Archivo, sans-serif !important; font-weight: 800 !important;
  font-size: clamp(40px, 6.2vw, 80px) !important; line-height: .94 !important; letter-spacing: -.042em !important;
  text-align: left !important; margin: 18px 0 0 !important; color: #FFFFFF !important;
}
html body.bigevent-surface .be-home__title-line { display: block; }
html body.bigevent-surface .be-home__title-line--accent { color: #C6F24E !important; font-style: normal !important; }
html body.bigevent-surface .be-home__subhead {
  color: #A9B1BB !important; font-size: 17px !important; line-height: 1.55 !important; text-align: left !important;
  max-width: 56ch; margin: 20px 0 0 !important;
}
/* Search — dark ink2 surface, left, wider (canonical .search) */
html body.bigevent-surface .be-home__search {
  margin: 26px 0 0 !important; max-width: 720px !important; background: #141920 !important;
  border: 1px solid #2E3742 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 0 6px 0 18px !important; /* Batch C — remove the 6+6 wrapper vertical padding; input 21px owns the ~64px mockup height */
}
html body.bigevent-surface .be-home__search-icon { color: #7C8590 !important; }
html body.bigevent-surface .be-home__search-input { color: #FFFFFF !important; font-family: Archivo, sans-serif !important; }
html body.bigevent-surface .be-home__search-submit { border-radius: 0 !important; }
/* Try chips */
html body.bigevent-surface .be-home__hero-quick { justify-content: flex-start !important; margin-top: 16px !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* Batch C — left-align the quick-row to the hero-search left edge (retire the centered max-width:620 + margin:0 auto) */
html body.bigevent-surface .be-home__hero-quick-label { color: #7C8590 !important; font-family: "JetBrains Mono", monospace !important; }
html body.bigevent-surface .be-home__hero-quick-chip {
  font-family: "JetBrains Mono", monospace !important; font-size: 11.5px !important; letter-spacing: .09em !important;
  border: 1px solid #2E3742 !important; color: #A9B1BB !important; border-radius: 0 !important; background: none !important;
}
html body.bigevent-surface .be-home__hero-quick-chip:hover { border-color: #9BC53D !important; color: #C6F24E !important; }
/* Stats -> mono strip (4 blocks deferred to PHP; strip reads RADAR meanwhile) */
html body.bigevent-surface .be-home__stats {
  justify-content: flex-start !important; margin-top: 28px !important; padding-top: 18px !important;
  border-top: 1px solid #232A33 !important; max-width: 720px; font-family: "JetBrains Mono", monospace !important;
}
html body.bigevent-surface .be-home__stats-item { color: #D8DDE3 !important; font-family: "JetBrains Mono", monospace !important; letter-spacing: .04em; }
html body.bigevent-surface .be-home__stats-dot { color: #7C8590 !important; }

/* ===== Archive hero -> RADAR display + mono signal blocks ================== */
html body.bigevent-surface .be-archive__hero { background: #0F1216 !important; }
html body.bigevent-surface .be-archive__hero-inner { max-width: var(--be-container); padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-archive__eyebrow {
  font-family: "JetBrains Mono", monospace !important; font-size: 11px !important; letter-spacing: .16em !important;
  text-transform: uppercase !important; color: #C6F24E !important;
}
html body.bigevent-surface .be-archive__title {
  font-family: Archivo, sans-serif !important; font-weight: 800 !important;
  font-size: clamp(34px, 5vw, var(--be-hero-h1, 60px)) !important; line-height: 1.0 !important; letter-spacing: -.035em !important; color: #FFFFFF !important;
}
/* ============================================================================
 * BATCH J1 — systemic Hero typography. The single canonical H1 owner above reads
 * a per-surface desktop CAP token --be-hero-h1 (mockup scales), resolved by the
 * EXISTING surface modifier on <main>. Responsive is unchanged: the shared clamp
 * (34px floor -> 5vw -> per-surface cap) compresses the hierarchy as the viewport
 * narrows, so no oversized mobile type, no clipped H1, no overflow. Homepage uses
 * a different owner (.be-home__hero-title) and is intentionally untouched.
 * (.be-tcl MUST follow .be-archive--topic: TCL carries both classes on <main>;
 *  equal specificity -> source order preserves the existing TCL H1 at 60px, since
 *  the Taxonomy mockup has no explicit topic x country H1 value.)
 * ============================================================================ */
html body.bigevent-surface .be-archive--root            { --be-hero-h1: 52px; } /* /events/ */
html body.bigevent-surface .be-archive--topic           { --be-hero-h1: 58px; } /* topic archive */
html body.bigevent-surface .be-archive--city            { --be-hero-h1: 54px; } /* city archive */
html body.bigevent-surface .be-archive--country         { --be-hero-h1: 56px; } /* country archive */
html body.bigevent-surface .be-archive--index-topics    { --be-hero-h1: 52px; } /* topics hub */
html body.bigevent-surface .be-archive--index-cities    { --be-hero-h1: 52px; } /* cities hub */
html body.bigevent-surface .be-archive--index-countries { --be-hero-h1: 44px; } /* countries hub */
html body.bigevent-surface .be-tcl                      { --be-hero-h1: 60px; } /* TCL — preserve existing (no explicit mockup value) */
/* BATCH J1 — widen the shared Hero lede measure toward the mockup (~72-74ch);
 * only surfaces that render .be-archive__intro (Events / hubs / TCL) are affected —
 * taxonomy archives use the short bold .be-archive__subhead, deliberately left. */
html body.bigevent-surface .be-archive__intro { color: #A9B1BB !important; max-width: 74ch !important; }
/* 4 signal blocks (markup already present): mono number + mono label */
html body.bigevent-surface .be-archive__hero-stats { border-color: #232A33 !important; }
html body.bigevent-surface .be-archive__hero-stat { border-color: #232A33 !important; }
html body.bigevent-surface .be-archive__hero-stat-value {
  font-family: "JetBrains Mono", monospace !important; font-size: 23px !important; font-weight: 700 !important;
  letter-spacing: -.02em !important; color: #FFFFFF !important;
}
html body.bigevent-surface .be-archive__hero-stat-label {
  font-family: "JetBrains Mono", monospace !important; font-size: 10.5px !important; letter-spacing: .13em !important;
  text-transform: uppercase !important; color: #7C8590 !important;
}

/* ===== Mobile (keep the header's existing working layout; hero sizing only) = */
@media (max-width: 767px){
  html body.bigevent-surface .be-home__title { font-size: 40px !important; }
  html body.bigevent-surface .be-home__search { max-width: 100% !important; }
}

/* ============================================================================
 * BATCH F4.1 — final homepage fidelity. Homepage rules scoped to
 * body.bigevent-home-f41 (added by 123369 on the front page only, gated by
 * BIGEVENT_RADAR_F41_HOME_FIDELITY) so they win over the base RADAR rules and
 * never leak to archives. The search overlay is global (header-triggered).
 * ============================================================================ */

/* 1b — H1 fully white (green is reserved for RADAR signals only) */
html body.bigevent-surface.bigevent-home-f41 .be-home__title-line--accent { color: #FFFFFF !important; }

/* 6 — header ↔ hero share ONE container (remove the hero's local 1200 override so it
   uses the same --be-container grid as the header + every section; no margin hack) */
html body.bigevent-surface.bigevent-home-f41 .be-home__hero-inner { max-width: var(--be-container) !important; }

/* 3 — quick chips WRAP to match the approved mockup .quick{flex-wrap:wrap} (Batch B1). Chips flow
   onto a second line on narrow widths instead of an internal horizontal scroll / clipped chip.
   flex:0 0 auto keeps each chip its natural size; wrapping never causes a horizontal PAGE overflow. */
html body.bigevent-surface.bigevent-home-f41 .be-home__hero-quick { flex-wrap: wrap; overflow-x: visible; }
html body.bigevent-surface.bigevent-home-f41 .be-home__hero-quick-chip { flex: 0 0 auto; }

/* 5 — acid ◆ marker before each ticker city (RADAR signal colour) */
html body.bigevent-surface.bigevent-home-f41 .be-home__ticker-diamond { color: #C6F24E; font-size: .82em; margin-right: 7px; }

/* 2 — "Search events" full-width overlay (global; opened by the desktop header search) */
html body.bigevent-surface .be-search-overlay { position: fixed; inset: 0; z-index: 300; background: rgba(9,12,15,.94); display: flex; align-items: flex-start; justify-content: center; padding: 0 20px; }
html body.bigevent-surface .be-search-overlay[hidden] { display: none; }
html body.bigevent-surface .be-search-overlay__panel { width: 100%; max-width: 760px; margin-top: 11vh; background: #0F1216; border: 1px solid #2E3742; }
html body.bigevent-surface .be-search-overlay__form { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #232A33; padding: 12px 14px; }
html body.bigevent-surface .be-search-overlay__icon { flex: 0 0 auto; display: inline-flex; color: #7C8590; }
html body.bigevent-surface .be-search-overlay__input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; color: #FFFFFF; font-family: Archivo, -apple-system, sans-serif; font-size: 20px; letter-spacing: -.01em; }
html body.bigevent-surface .be-search-overlay__input::placeholder { color: #7C8590; opacity: 1; }
html body.bigevent-surface .be-search-overlay__submit { flex: 0 0 auto; background: #C6F24E; color: #0D1005; border: 0; font-weight: 700; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 11px 16px; cursor: pointer; }
html body.bigevent-surface .be-search-overlay__submit:hover { background: #9BC53D; }
html body.bigevent-surface .be-search-overlay__close { flex: 0 0 auto; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid #2E3742; color: #E4E8ED; font-size: 22px; line-height: 1; cursor: pointer; }
html body.bigevent-surface .be-search-overlay__close:hover,
html body.bigevent-surface .be-search-overlay__close:focus-visible { border-color: #C6F24E; color: #C6F24E; }
html body.bigevent-surface .be-search-overlay__popular { padding: 16px 14px 14px; }
html body.bigevent-surface .be-search-overlay__popular-label { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: #7C8590; }
html body.bigevent-surface .be-search-overlay__popular-list { list-style: none; margin: 10px 0 0; padding: 0; }
html body.bigevent-surface .be-search-overlay__popular-item { border-bottom: 1px solid #1A2027; }
html body.bigevent-surface .be-search-overlay__popular-link { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 11px 4px; color: #E4E8ED; text-decoration: none; font-family: Archivo, -apple-system, sans-serif; font-size: 15px; }
html body.bigevent-surface .be-search-overlay__popular-link:hover,
html body.bigevent-surface .be-search-overlay__popular-link:focus-visible { color: #C6F24E; }
html body.bigevent-surface .be-search-overlay__popular-count { flex: 0 0 auto; font-family: "JetBrains Mono", monospace; font-size: 11px; color: #7C8590; }
html body.bigevent-surface.be-search-open { overflow: hidden; }
@media (max-width: 767px){
  html body.bigevent-surface .be-search-overlay__panel { margin-top: 0; max-width: none; height: 100%; overflow-y: auto; }
}

/* ============================================================================
 * BATCH F5.2 — shared `be-search` surface + hero prominence. Hero rules gated to
 * body.bigevent-radar-f52 (kill switch). Surface (results/groups/options) is global.
 * ============================================================================ */

/* Phase 1 — hero search raised to the mockup .search prominence (~64px / 17px / acid go) */
html body.bigevent-surface.bigevent-radar-f52 .be-home__search { max-width: 780px !important; }
html body.bigevent-surface.bigevent-radar-f52 .be-home__search-input { font-size: 17px !important; padding: 21px 14px !important; cursor: pointer; }
html body.bigevent-surface.bigevent-radar-f52 .be-home__search-submit { background: #C6F24E !important; color: #0D1005 !important; border-radius: 0 !important; padding: 16px 28px !important; margin: 5px !important; font-size: 14.5px !important; font-weight: 700 !important; }

/* Phase 2 — surface results: grouped suggestions / recent / popular / combobox */
html body.bigevent-surface .be-search-overlay__results { max-height: 62vh; overflow-y: auto; padding: 4px 0 10px; }
html body.bigevent-surface .be-search-overlay__group { padding: 2px 0; }
html body.bigevent-surface .be-search-overlay__group + .be-search-overlay__group { border-top: 1px solid #1A2027; }
html body.bigevent-surface .be-search-overlay__group-label { display: flex; align-items: center; gap: 10px; font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #7C8590; padding: 12px 16px 6px; }
html body.bigevent-surface .be-search-overlay__opt { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 10px 16px; color: #E4E8ED; text-decoration: none; font-family: "Archivo", -apple-system, sans-serif; font-size: 15px; }
html body.bigevent-surface .be-search-overlay__opt:hover,
html body.bigevent-surface .be-search-overlay__opt.is-active { background: #141920; color: #C6F24E; }
html body.bigevent-surface .be-search-overlay__opt-name { min-width: 0; }
html body.bigevent-surface .be-search-overlay__opt-meta { flex: 0 0 auto; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .04em; color: #7C8590; }
html body.bigevent-surface .be-search-overlay__opt.is-active .be-search-overlay__opt-meta { color: #9BC53D; }
html body.bigevent-surface .be-search-overlay__clear { margin-left: auto; background: none; border: 0; padding: 0; color: #7C8590; font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
html body.bigevent-surface .be-search-overlay__clear:hover,
html body.bigevent-surface .be-search-overlay__clear:focus-visible { color: #C6F24E; }
/**
 * BigEvent — RADAR Archive Filters  (P-Shell-3)
 * =============================================================================
 * Restyles the archive filter/search/sort/chip chrome (.be-filters, rendered by
 * 123366; CSS from 123367) to the canonical RADAR treatment (Phase 1 - Events.html:
 * dark full-width search + squared mono facet chips + separated Sort + acid active
 * facets + mono result count + acid CLEAR ALL). CSS-ONLY: no 123366/123367 markup
 * edits. Scoped to `html body.bigevent-surface .be-filters*` (beats 123367);
 * printed by 125529 only where should_render() passes AND the shell is on AND
 * BIGEVENT_RADAR_FILTERS is enabled. Filter behaviour + query params + noindex are
 * unchanged (styling only). Does not affect the Topic x Country landing (should_render
 * false) or the homepage (no .be-filters).
 * ROLLBACK: define('BIGEVENT_RADAR_FILTERS', false) -> filters revert to the shell's
 * token-flipped look; or BIGEVENT_RADAR_SHELL false; or restore the 125529 backup.
 */

/* Container: filters sit on the dark page (canonical has no parchment panel). */
html body.bigevent-surface .be-filters {
  background: transparent !important; border: 0 !important; border-radius: 0 !important;
  padding: 0 !important; gap: 14px !important;
}

/* Search input -> dark ink2, squared, light text. */
html body.bigevent-surface .be-filters__input {
  background: #141920 !important; color: #FFFFFF !important; border: 1px solid #2E3742 !important;
  border-radius: 0 !important; font-family: Archivo, sans-serif !important;
}
html body.bigevent-surface .be-filters__input::placeholder { color: #7C8590 !important; }
html body.bigevent-surface .be-filters__input:focus { border-color: #9BC53D !important; box-shadow: none !important; }

/* Facet selects -> dark, squared, mono label; hover acid. */
html body.bigevent-surface .be-filters__select {
  background: #141920 !important; border: 1px solid #2E3742 !important; border-radius: 0 !important;
}
html body.bigevent-surface .be-filters__select:hover { border-color: #9BC53D !important; }
html body.bigevent-surface .be-filters__select-label {
  font-family: "JetBrains Mono", monospace !important; color: #7C8590 !important;
  text-transform: uppercase !important; letter-spacing: .11em !important;
}
html body.bigevent-surface .be-filters__select select { color: #D8DDE3 !important; font-family: Archivo, sans-serif !important; }
html body.bigevent-surface .be-filters__select select option { background: #141920 !important; color: #FFFFFF !important; }

/* Active facet (has-value) -> ACID fill (canonical .qc.fill), NOT white. */
html body.bigevent-surface .be-filters__select.has-value { background: #C6F24E !important; border-color: #C6F24E !important; }
html body.bigevent-surface .be-filters__select.has-value .be-filters__select-label { color: #0D1005 !important; }
html body.bigevent-surface .be-filters__select.has-value select { color: #0D1005 !important; font-weight: 700 !important; }
html body.bigevent-surface .be-filters__select.has-value select option { background: #141920 !important; color: #FFFFFF !important; }

/* Apply -> acid, squared. */
html body.bigevent-surface .be-filters__apply {
  background: #C6F24E !important; color: #0D1005 !important; border: 0 !important; border-radius: 0 !important;
  font-family: Archivo, sans-serif !important; font-weight: 700 !important;
}
html body.bigevent-surface .be-filters__apply:hover { background: #9BC53D !important; }

/* Result bar -> mono count + acid CLEAR ALL. */
html body.bigevent-surface .be-filters__result-bar { border-top: 1px solid #232A33 !important; }
html body.bigevent-surface .be-filters__count { font-family: "JetBrains Mono", monospace !important; color: #A9B1BB !important; }
html body.bigevent-surface .be-filters__count-num {
  font-family: "JetBrains Mono", monospace !important; color: #FFFFFF !important; font-weight: 700 !important; font-size: 18px !important;
}
html body.bigevent-surface .be-filters__count-label { color: #7C8590 !important; }
html body.bigevent-surface .be-filters__clear {
  font-family: "JetBrains Mono", monospace !important; color: #C6F24E !important;
  text-transform: uppercase !important; letter-spacing: .09em !important; font-size: 11px !important; border-bottom: 0 !important;
}
html body.bigevent-surface .be-filters__clear:hover { color: #9BC53D !important; }

/* Active filter chips -> acid outline, squared, with ✕. */
html body.bigevent-surface .be-filters__chip {
  border-radius: 0 !important; font-family: "JetBrains Mono", monospace !important; font-size: 10.5px !important;
  letter-spacing: .09em !important; text-transform: uppercase !important;
}
html body.bigevent-surface .be-filters__chip--remove,
html body.bigevent-surface .be-filters__chip--locked {
  background: rgba(198,242,78,.12) !important; color: #C6F24E !important; border: 1px solid #9BC53D !important;
}
html body.bigevent-surface .be-filters__chip--remove:hover,
html body.bigevent-surface .be-filters__chip--remove:focus-visible {
  background: rgba(198,242,78,.2) !important; color: #C6F24E !important; border-color: #C6F24E !important;
}
html body.bigevent-surface .be-filters__chip-x,
html body.bigevent-surface .be-filters__chip--remove:hover .be-filters__chip-x { color: #C6F24E !important; }
/**
 * BigEvent — RADAR Footer  (P-Shell-4)
 * =============================================================================
 * Restyles the custom site footer (.be-home__footer, rendered by 123369's
 * bigevent_homepage_render_footer_rail(); called on archives via
 * bigevent_render_site_footer()) to the canonical RADAR footer (radar.css .foot):
 * dark --ink2 surface, mono uppercase column labels, --t2 links with acid hover,
 * mono bottom row. The footer is ALREADY a 5-column internal-link engine
 * (brand + By topic / By country / By city + BigEvent + bottom copy/Terms/Privacy)
 * with real term-archive links, so this is CSS-ONLY: no 123369/123370 markup edits.
 *
 * The current footer uses --be-bg-dark (#1a1816 warm near-black, a separate token
 * the shell did NOT flip) -> retune to RADAR --ink2 + --rule + acid. Scoped to
 * `html body.bigevent-surface .be-home__footer*`; printed by 125529 only where
 * should_render() passes AND the shell is on AND BIGEVENT_RADAR_FOOTER is enabled.
 * The Topic x Country landing + non-RADAR pages (should_render false) keep the
 * legacy footer. Links / legal links / a11y (nav landmarks, aria) unchanged.
 * ROLLBACK: define('BIGEVENT_RADAR_FOOTER', false) -> legacy footer returns; or
 * BIGEVENT_RADAR_SHELL false; or restore the 125529 backup.
 */

/* Surface: RADAR ink2 + hairline rule (canonical .foot). */
html body.bigevent-surface .be-home__footer {
  background: #141920 !important; color: #D8DDE3 !important; border-top: 1px solid #232A33 !important;
}

/* Brand column. */
html body.bigevent-surface .be-home__footer-wordmark {
  font-family: Archivo, sans-serif !important; font-weight: 800 !important; letter-spacing: -.02em !important;
  color: #FFFFFF !important;
}
html body.bigevent-surface .be-home__footer-tagline { color: #A9B1BB !important; font-family: Archivo, sans-serif !important; }
html body.bigevent-surface .be-home__footer-principles {
  color: #7C8590 !important; font-family: "JetBrains Mono", monospace !important; font-size: 11.5px !important; letter-spacing: .04em !important;
}

/* Column headings -> mono uppercase (canonical .foot h5). */
html body.bigevent-surface .be-home__footer-col-heading {
  font-family: "JetBrains Mono", monospace !important; font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: .15em !important; text-transform: uppercase !important; color: #7C8590 !important;
}

/* Links -> --t2, acid on hover/focus. */
html body.bigevent-surface .be-home__footer-col-link {
  color: #A9B1BB !important; font-family: Archivo, sans-serif !important; text-decoration: none !important;
}
html body.bigevent-surface .be-home__footer-col-link:hover,
html body.bigevent-surface .be-home__footer-col-link:focus-visible { color: #C6F24E !important; }

/* Bottom row -> mono, hairline rule. */
html body.bigevent-surface .be-home__footer-bottom { border-top: 1px solid #232A33 !important; }
html body.bigevent-surface .be-home__footer-copy {
  color: #7C8590 !important; font-family: "JetBrains Mono", monospace !important; font-size: 11px !important; letter-spacing: .06em !important;
}
html body.bigevent-surface .be-home__footer-bottom-link {
  color: #A9B1BB !important; font-family: "JetBrains Mono", monospace !important; font-size: 11px !important; letter-spacing: .06em !important;
  text-decoration: none !important;
}
html body.bigevent-surface .be-home__footer-bottom-link:hover,
html body.bigevent-surface .be-home__footer-bottom-link:focus-visible { color: #C6F24E !important; }
html body.bigevent-surface .be-home__footer-bottom-sep { color: #2E3742 !important; }

/* Demo social rail (if enabled) -> RADAR mono, monochrome, acid on hover. */
html body.bigevent-surface .be-home__footer-social-link {
  color: #7C8590 !important; border-color: #2E3742 !important;
}
html body.bigevent-surface .be-home__footer-social-link:hover { color: #C6F24E !important; border-color: #9BC53D !important; }
/**
 * BigEvent — RADAR Homepage Modules  (P-Shell-5)
 * =============================================================================
 * Styles the RADAR homepage modules added in 123369 (behind BIGEVENT_RADAR_HOME_MODULES):
 *   - .be-home__signals   : 4 discrete hero signal blocks (canonical .signals/.sig)
 *   - .be-home__ticker     : activity ticker strip (canonical .ticker/.ti)
 * plus light canonical polish for the existing topic/city browse grids. CSS-only;
 * printed by 125529 with the shell (should_render() && shell on). Homepage-scoped
 * (.be-home*), so archives/landing are unaffected. If BIGEVENT_RADAR_HOME_MODULES
 * is off, 123369 emits the legacy stat strip + no ticker and these selectors match
 * nothing.
 */

/* ===== Hero signal blocks (canonical .signals / .sig) ====================== */
html body.bigevent-surface .be-home__signals {
  display: flex !important; flex-wrap: wrap; gap: 0; margin: 28px 0 0 !important; padding-top: 18px;
  border-top: 1px solid #232A33; max-width: 720px;
}
html body.bigevent-surface .be-home__signal {
  padding: 0 30px 0 0; margin-right: 30px; border-right: 1px solid #232A33; display: flex; flex-direction: column;
}
html body.bigevent-surface .be-home__signal:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
html body.bigevent-surface .be-home__signal-value {
  font-family: "JetBrains Mono", monospace; font-size: 23px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; line-height: 1;
}
html body.bigevent-surface .be-home__signal-label {
  font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .13em; text-transform: uppercase; color: #7C8590; margin-top: 6px;
}

/* ===== Activity ticker (canonical .ticker / .ti) =========================== */
html body.bigevent-surface .be-home__ticker {
  background: #141920; border-top: 1px solid #232A33; border-bottom: 1px solid #232A33;
  overflow: hidden; margin: 0;
}
html body.bigevent-surface .be-home__ticker-track { display: flex; flex-wrap: nowrap; white-space: nowrap; }
html body.bigevent-surface .be-home__ticker-item {
  display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto;
  font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .09em; color: #A9B1BB;
  padding: 15px 28px; border-right: 1px solid #232A33;
}
html body.bigevent-surface .be-home__ticker-city { color: #FFFFFF; font-weight: 600; }
html body.bigevent-surface .be-home__ticker-title { color: #A9B1BB; }
html body.bigevent-surface .be-home__ticker-date { color: #C6F24E; text-decoration: none; }

/* ===== Browse grids — light canonical polish (squared, acid hover) ========= */
html body.bigevent-surface .be-home__shortcut-card,
html body.bigevent-surface .be-home__topic-card {
  border-radius: 0 !important;
}
html body.bigevent-surface .be-home__shortcut-card:hover,
html body.bigevent-surface .be-home__topic-card:hover {
  border-color: #9BC53D !important;
}

/* ===== Mobile ============================================================== */
@media (max-width: 767px){
  html body.bigevent-surface .be-home__signal { padding-right: 20px; margin-right: 20px; }
  html body.bigevent-surface .be-home__ticker-item { padding: 12px 16px; }
}
/* =========================================================================
 * BATCH S2 — Events archive structural (segmented month strip / per-month divider
 * counts / "showing N of total" / crawl-safe load-more). Printed on RADAR archive
 * surfaces. RADAR hex, scoped to the surface. Container aligned to the archive's
 * 1200px content width. Harmless when structural mode is off (classes absent).
 * ========================================================================= */

/* ---- segmented month strip ---- */
/* Batch A — archive structural containers consume the canonical grid (var(--be-container) 1280 /
   var(--be-gutter) 60), removing the 1200/20 + 1176 stair-step vs the header + homepage sections. */
html body.bigevent-surface .be-archive__results { max-width: var(--be-container); padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-archive__monthstrip { max-width: var(--be-container); margin: 10px auto 0; padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-archive__monthstrip-track { display: flex; align-items: stretch; overflow-x: auto; border: 1px solid #232A33; }
html body.bigevent-surface .be-archive__monthstrip-year { display: flex; align-items: center; padding: 10px 14px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .12em; color: #7C8590; background: #141920; border-right: 1px solid #232A33; white-space: nowrap; }
html body.bigevent-surface .be-archive__monthstrip-item { display: flex; align-items: baseline; gap: 8px; padding: 10px 16px; text-decoration: none; border-right: 1px solid #232A33; white-space: nowrap; transition: background .15s ease; }
html body.bigevent-surface .be-archive__monthstrip-item:hover,
html body.bigevent-surface .be-archive__monthstrip-item:focus { background: #141920; }
html body.bigevent-surface .be-archive__monthstrip-mo { font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: .1em; color: #D8DDE3; }
html body.bigevent-surface .be-archive__monthstrip-n { font-family: "JetBrains Mono", monospace; font-size: 12px; color: #C6F24E; }

/* ---- per-month divider count ---- */
html body.bigevent-surface .be-archive__month-count { font-family: "JetBrains Mono", monospace; font-size: 12.5px; font-weight: 400; letter-spacing: .04em; color: #7C8590; }

/* ---- showing count + load-more ---- */
html body.bigevent-surface .be-archive__showing { max-width: var(--be-container); margin: 26px auto 0; padding: 0 var(--be-gutter); font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #7C8590; }
html body.bigevent-surface .be-archive__loadmore { display: block; max-width: 1160px; margin: 14px auto 0; padding: 16px; text-align: center; border: 1px solid #2E3742; color: #E4E8ED; text-decoration: none; font-size: 14px; letter-spacing: .01em; transition: border-color .15s ease, color .15s ease; }
html body.bigevent-surface .be-archive__loadmore:hover,
html body.bigevent-surface .be-archive__loadmore:focus { border-color: #C6F24E; color: #C6F24E; }

/* anchor offset so month jumps clear the sticky header */
html body.bigevent-surface .be-archive__month[id] { scroll-margin-top: 96px; }

/* ---- responsive gutters ---- */
@media (max-width: 1024px){
  html body.bigevent-surface .be-archive__monthstrip,
  html body.bigevent-surface .be-archive__showing { padding: 0 20px; }
}
@media (max-width: 767px){
  html body.bigevent-surface .be-archive__monthstrip,
  html body.bigevent-surface .be-archive__showing { padding: 0 14px; }
  html body.bigevent-surface .be-archive__loadmore { margin-left: 14px; margin-right: 14px; }
}
/* =========================================================================
 * BATCH S3 — Taxonomy structural (country navigation-first city cards + topic
 * chips; organizer CTA on taxonomy pages). Printed on RADAR surfaces; classes are
 * archive-scoped and harmless where absent. RADAR hex, 1200px container. Reuses the
 * existing .be-chip / .be-chip--related / .be-chip__count styles for topic chips.
 * ========================================================================= */

/* ---- country navigation-first ---- */
html body.bigevent-surface .be-archive__navfirst { padding: 24px 0 8px; }
html body.bigevent-surface .be-archive__navfirst-inner { max-width: var(--be-container); margin: 0 auto; padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-archive__navfirst-head { margin: 0 0 18px; }
html body.bigevent-surface .be-archive__navfirst-eyebrow { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #C6F24E; }
html body.bigevent-surface .be-archive__navfirst-title { font-family: "Archivo", sans-serif; font-size: 26px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; margin: 8px 0 0; }
html body.bigevent-surface .be-archive__navfirst-cities { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #232A33; border: 1px solid #232A33; }
html body.bigevent-surface .be-archive__navfirst-city { display: flex; flex-direction: column; justify-content: flex-end; min-height: 120px; background: #141920; padding: 18px; text-decoration: none; transition: background .15s ease; }
html body.bigevent-surface .be-archive__navfirst-city:hover,
html body.bigevent-surface .be-archive__navfirst-city:focus { background: #1A2027; }
html body.bigevent-surface .be-archive__navfirst-rank { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .12em; color: #C6F24E; }
html body.bigevent-surface .be-archive__navfirst-cityname { font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; margin-top: 6px; }
html body.bigevent-surface .be-archive__navfirst-topics { margin-top: 20px; }
html body.bigevent-surface .be-archive__navfirst-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
html body.bigevent-surface .be-archive__navfirst-note { margin-top: 16px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .06em; color: #7C8590; }

/* ---- F2: routing-first country stream header (high-volume country; SEO-safe framing, full stream continues below) ---- */
html body.bigevent-surface .be-archive__streamhead { max-width: var(--be-container); margin: 8px auto 0; padding: 22px var(--be-gutter) 0; }
html body.bigevent-surface .be-archive__streamhead-eyebrow { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #C6F24E; }
html body.bigevent-surface .be-archive__streamhead-title { font-family: "Archivo", sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; margin: 8px 0 0; }
html body.bigevent-surface .be-archive__streamhead-all { display: inline-block; margin-top: 12px; font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: .06em; color: #C6F24E; text-decoration: none; border: 1px solid #2E3742; padding: 9px 14px; }
html body.bigevent-surface .be-archive__streamhead-all:hover,
html body.bigevent-surface .be-archive__streamhead-all:focus { border-color: #C6F24E; }
html body.bigevent-surface .be-archive__streamhead-note { margin-top: 12px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .06em; color: #7C8590; }

/* ---- taxonomy organizer CTA ---- */
html body.bigevent-surface .be-archive__org { padding: 40px 0; }
html body.bigevent-surface .be-archive__org-inner { max-width: var(--be-container); margin: 0 auto; padding: 0 var(--be-gutter); }
html body.bigevent-surface .be-archive__org-box { display: grid; grid-template-columns: 1.5fr 1fr; border: 1px solid #232A33; }
html body.bigevent-surface .be-archive__org-l { padding: 32px; border-right: 1px solid #232A33; }
html body.bigevent-surface .be-archive__org-r { padding: 32px; background: #141920; display: flex; flex-direction: column; }
html body.bigevent-surface .be-archive__org-eyebrow { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #C6F24E; }
html body.bigevent-surface .be-archive__org-title { font-family: "Archivo", sans-serif; font-size: 28px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; margin: 8px 0 0; }
html body.bigevent-surface .be-archive__org-p { font-size: 15px; line-height: 1.6; color: #A9B1BB; margin: 14px 0 0; max-width: 60ch; }
html body.bigevent-surface .be-archive__org-plan { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid #232A33; font-size: 14px; color: #D8DDE3; }
html body.bigevent-surface .be-archive__org-plan--hi .be-archive__org-price { color: #C6F24E; }
html body.bigevent-surface .be-archive__org-price { font-family: "JetBrains Mono", monospace; font-size: 18px; color: #FFFFFF; }
html body.bigevent-surface .be-archive__org-cta { display: block; text-align: center; margin-top: 20px; padding: 15px; background: #C6F24E; color: #0D1005; font-weight: 600; font-size: 14px; text-decoration: none; }
html body.bigevent-surface .be-archive__org-cta:hover,
html body.bigevent-surface .be-archive__org-cta:focus { background: #9BC53D; }

/* ---- responsive ---- */
@media (max-width: 1024px){
  html body.bigevent-surface .be-archive__navfirst-cities { grid-template-columns: repeat(2, 1fr); }
  html body.bigevent-surface .be-archive__org-box { grid-template-columns: 1fr; }
  html body.bigevent-surface .be-archive__org-l { border-right: 0; border-bottom: 1px solid #232A33; }
}
@media (max-width: 767px){
  html body.bigevent-surface .be-archive__navfirst-inner,
  html body.bigevent-surface .be-archive__org-inner { padding: 0 14px; }
  html body.bigevent-surface .be-archive__streamhead { padding-left: 14px; padding-right: 14px; }
  html body.bigevent-surface .be-archive__navfirst-cities { grid-template-columns: 1fr; }
  html body.bigevent-surface .be-archive__navfirst-city { min-height: 88px; }
  html body.bigevent-surface .be-archive__navfirst-title,
  html body.bigevent-surface .be-archive__streamhead-title,
  html body.bigevent-surface .be-archive__org-title { font-size: 22px; }
  html body.bigevent-surface .be-archive__org-l,
  html body.bigevent-surface .be-archive__org-r { padding: 22px; }
}
/* =========================================================================
 * BATCH S4a — /get-featured/ structural (Five-surface visibility map + Four-step
 * process). Reuses the existing .be-gf-* base classes (section/head/h2/eyebrow/
 * container); adds only the new grid + card + step classes. Printed on RADAR
 * surfaces; get-featured-scoped, harmless where absent. RADAR hex.
 * ========================================================================= */

/* ---- Five surfaces, one payment ---- */
html body.bigevent-surface .be-gf-surfaces__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: #232A33; border: 1px solid #232A33; margin-top: 22px; }
html body.bigevent-surface .be-gf-surface-card { display: flex; flex-direction: column; background: #0F1216; padding: 20px; }
html body.bigevent-surface .be-gf-surface-card__n { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .14em; color: #C6F24E; }
html body.bigevent-surface .be-gf-surface-card__name { font-size: 16px; font-weight: 700; letter-spacing: -.02em; color: #FFFFFF; margin-top: 22px; }
html body.bigevent-surface .be-gf-surface-card__sub { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: #7C8590; margin-top: 6px; }

/* ---- Four steps. About five minutes. ---- */
html body.bigevent-surface .be-gf-steps { padding: 58px 0; background: #141920; border-top: 1px solid #232A33; border-bottom: 1px solid #232A33; margin-top: 8px; }
html body.bigevent-surface .be-gf-steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; margin-top: 26px; }
html body.bigevent-surface .be-gf-step { display: flex; gap: 14px; align-items: flex-start; }
html body.bigevent-surface .be-gf-step__n { flex: 0 0 auto; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-family: "JetBrains Mono", monospace; font-size: 14px; color: #C6F24E; border: 1px solid #2E3742; }
html body.bigevent-surface .be-gf-step__body { display: flex; flex-direction: column; gap: 6px; }
html body.bigevent-surface .be-gf-step__title { font-size: 15px; font-weight: 700; color: #FFFFFF; letter-spacing: -.01em; }
html body.bigevent-surface .be-gf-step__desc { font-size: 13.5px; line-height: 1.55; color: #A9B1BB; }

/* ---- responsive ---- */
@media (max-width: 1024px){
  html body.bigevent-surface .be-gf-surfaces__grid { grid-template-columns: repeat(2, 1fr); }
  html body.bigevent-surface .be-gf-steps__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px){
  html body.bigevent-surface .be-gf-surfaces__grid { grid-template-columns: 1fr; }
  html body.bigevent-surface .be-gf-steps__grid { grid-template-columns: 1fr; }
}

/* ==== F3b: real-scale Standard-vs-Featured comparison ("What you're actually buying") ==== */
/* RADAR event component LANGUAGE in a flexible layout (not the fixed 5-col row grid) so it fits
   the 2-col comparison + reflows without overflow. No fabricated metrics in the markup. */
html body.bigevent-surface .be-gf-cmp__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: #232A33; border: 1px solid #232A33; margin-top: 22px; }
html body.bigevent-surface .be-gf-cmp__col { background: #0F1216; padding: 22px; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
html body.bigevent-surface .be-gf-cmp__col--featured { background: #141920; }
html body.bigevent-surface .be-gf-cmp__label { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #A9B1BB; display: flex; align-items: baseline; gap: 10px; }
html body.bigevent-surface .be-gf-cmp__price { font-family: "JetBrains Mono", monospace; font-size: 18px; letter-spacing: -.01em; color: #D8DDE3; }
html body.bigevent-surface .be-gf-cmp__price--hi { color: #C6F24E; }
html body.bigevent-surface .be-gf-cmp__row { position: relative; display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; background: #0F1216; border: 1px solid #232A33; padding: 16px; }
html body.bigevent-surface .be-gf-cmp__col--featured .be-gf-cmp__row { background: #10151B; }
html body.bigevent-surface .be-gf-cmp__row--featured { box-shadow: inset 3px 0 0 #C6F24E; padding-top: 30px; }
html body.bigevent-surface .be-gf-cmp__badge { position: absolute; top: 10px; left: 16px; font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: #0D1005; background: #C6F24E; padding: 3px 7px; }
html body.bigevent-surface .be-gf-cmp__date { flex: 0 0 auto; font-family: "JetBrains Mono", monospace; line-height: 1; }
html body.bigevent-surface .be-gf-cmp__d1 { display: block; font-size: 22px; font-weight: 700; color: #FFFFFF; letter-spacing: -.02em; }
html body.bigevent-surface .be-gf-cmp__d2 { display: block; font-size: 10px; letter-spacing: .16em; color: #7C8590; margin-top: 4px; }
html body.bigevent-surface .be-gf-cmp__cbody { flex: 1 1 170px; min-width: 0; }
html body.bigevent-surface .be-gf-cmp__name { font-size: 16px; font-weight: 700; color: #FFFFFF; letter-spacing: -.01em; }
html body.bigevent-surface .be-gf-cmp__desc { font-size: 13px; line-height: 1.5; color: #A9B1BB; margin-top: 5px; }
html body.bigevent-surface .be-gf-cmp__bf { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .04em; color: #A9B1BB; margin-top: 8px; }
html body.bigevent-surface .be-gf-cmp__bf-k { color: #C6F24E; text-transform: uppercase; letter-spacing: .12em; margin-right: 6px; }
html body.bigevent-surface .be-gf-cmp__meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
html body.bigevent-surface .be-gf-cmp__loc { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .08em; color: #7C8590; }
html body.bigevent-surface .be-gf-cmp__chip { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; border: 1px solid #2E3742; color: #A9B1BB; padding: 4px 8px; }
html body.bigevent-surface .be-gf-cmp__chip--pri { border-color: #9BC53D; color: #C6F24E; }
html body.bigevent-surface .be-gf-cmp__cta { flex: 0 0 auto; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; border: 1px solid #2E3742; color: #E4E8ED; padding: 8px 11px; white-space: nowrap; }
html body.bigevent-surface .be-gf-cmp__cta--filled { background: #C6F24E; color: #0D1005; border-color: #C6F24E; font-weight: 700; }
html body.bigevent-surface .be-gf-cmp__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
html body.bigevent-surface .be-gf-cmp__li { display: flex; gap: 9px; font-size: 13px; color: #D8DDE3; align-items: flex-start; }
html body.bigevent-surface .be-gf-cmp__li--out { color: #5C6672; }
html body.bigevent-surface .be-gf-cmp__mark { flex: 0 0 auto; color: #C6F24E; font-family: "JetBrains Mono", monospace; font-size: 12px; }
html body.bigevent-surface .be-gf-cmp__li--out .be-gf-cmp__mark { color: #5C6672; }
html body.bigevent-surface .be-gf-cmp__disc { margin-top: 16px; font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .05em; color: #7C8590; text-align: center; }
@media (max-width: 767px){
  html body.bigevent-surface .be-gf-cmp__grid { grid-template-columns: 1fr; }
  html body.bigevent-surface .be-gf-cmp__cta { width: 100%; text-align: center; }
}
/* =========================================================================
 * BATCH F3c — Navigation / search / archive-control parity.
 *   (1) Header search ENTRY (.be-site-header__search) grouped with the CTA in
 *       .be-site-header__actions. Compact, no-JS GET form → /events/?s=. Shown on
 *       desktop/tablet (≥769px); collapses on phones (the hero/board search remains
 *       the mobile search surface; the full mobile MENU + sticky-search treatment is
 *       deferred as broader nav work). Markup: 123369.
 *   (2) Archive controls hierarchy (.be-archive-controls--f3c): the load-more reads
 *       as the single mockup-primary control + a "Showing N of total" count; the
 *       numbered pagination is kept IN THE DOM and crawlable but visually secondary.
 *       Markup: 123366. Overrides the base pagination styles from the archive
 *       stylesheet with higher specificity — no route/canonical/robots change.
 * Printed unconditionally on RADAR surfaces (compiled into 125529); classes are
 * header/archive-scoped and harmless where absent. RADAR hex.
 * ========================================================================= */

/* ---- (1) HEADER — deliberate responsive system (mockup .nav). The base header layout lives in
   bigevent-homepage.css; this RADAR layer (loaded after it) OWNS the responsive geometry so the
   header is ONE coherent system, not the previous scattered 480/720/768/1024 breakpoints. Flex
   space-between: brand | nav | actions(search + CTA); fixed 72px bar; the CTA never wraps; the
   search is a fixed square field. Desktop ≥960; below that a DELIBERATE switch to logo + MENU
   (nav/search/CTA move into the mobile panel) rather than a broken compressed desktop header. ---- */
html body.bigevent-surface .be-site-header__inner { display: flex !important; align-items: center; justify-content: space-between; gap: 24px; height: 72px; min-height: 72px; max-width: var(--be-container, 1280px); margin: 0 auto; padding: 0 60px; box-sizing: border-box; }
html body.bigevent-surface .be-site-header__brand { flex: 0 0 auto; }
html body.bigevent-surface .be-site-header__nav { display: flex; align-items: center; gap: 30px; flex: 0 1 auto; }
html body.bigevent-surface .be-site-header__actions { flex: 0 0 auto; display: flex; align-items: center; gap: 14px; min-width: 0; }
/* search — square, fixed 38px, fixed width, muted text, NO inline SEARCH (click opens the F5.2 surface).
   margin:0 is an AUTHORITATIVE reset, not a cosmetic tweak: on the HOMEPAGE this header is emitted inside
   .entry-content.single-content (the front page is a WP Page rendered via the_content), where Kadence
   content.min.css applies `margin-bottom: var(--global-md-spacing)` (=32px) to every <form>. That inflated
   .be-site-header__actions (70px) and pushed the search ~16px above the CTA. The archive header sits OUTSIDE
   .single-content, so it was already correct. Our selector (0,2,2) beats Kadence's (0,1,1) with NO !important
   — the homepage header-search now matches /events/countries/ exactly. The more-specific mobile in-panel
   rule (.be-mobile-menu__panel .be-site-header__search--mobile, margin-top:16px) still wins, so no mobile regression. */
html body.bigevent-surface .be-site-header__search { display: flex; align-items: center; gap: 9px; height: 38px; padding: 0 14px; margin: 0; border: 1px solid #2E3742; border-radius: 0; background: transparent; transition: border-color .15s ease; width: 210px; flex: 0 0 auto; box-sizing: border-box; }
html body.bigevent-surface .be-site-header__search:focus-within { border-color: #C6F24E; }
html body.bigevent-surface .be-site-header__search-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html body.bigevent-surface .be-site-header__search-icon { flex: 0 0 auto; display: inline-flex; align-items: center; color: #7C8590; }
html body.bigevent-surface .be-site-header__search:focus-within .be-site-header__search-icon { color: #C6F24E; }
html body.bigevent-surface .be-site-header__search-input { flex: 1 1 auto; min-width: 0; width: auto; max-width: none; border: 0; outline: 0; background: transparent; color: #7C8590; font-family: "Archivo", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13.5px; letter-spacing: .02em; }
html body.bigevent-surface .be-site-header__search-input::placeholder { color: #7C8590; opacity: 1; }
html body.bigevent-surface .be-site-header__search-submit { display: none; }
/* CTA — never wraps, even at the tightest desktop width */
html body.bigevent-surface .be-site-header__cta { white-space: nowrap; flex: 0 0 auto; }
/* menu toggle hidden on desktop (shown ≤959 below) */
html body.bigevent-surface .be-site-header__menu-toggle { display: none; }

/* small desktop (≤1080): compress gaps + narrow the search so nav/search/CTA fit without wrapping */
@media (max-width: 1080px) {
  html body.bigevent-surface .be-site-header__inner { gap: 16px; padding: 0 40px; }
  html body.bigevent-surface .be-site-header__nav { gap: 20px; }
  html body.bigevent-surface .be-site-header__search { width: 150px; }
  html body.bigevent-surface .be-site-header__actions { gap: 10px; }
}
/* ≤959: DELIBERATE switch to the mobile treatment — logo + MENU; nav/search/CTA live in the panel */
@media (max-width: 959px) {
  html body.bigevent-surface .be-site-header__inner { height: 60px; min-height: 60px; padding: 0 18px; gap: 12px; }
  html body.bigevent-surface .be-site-header__nav,
  html body.bigevent-surface .be-site-header__actions { display: none !important; }
  html body.bigevent-surface .be-site-header__menu-toggle { display: inline-flex; align-items: center; background: transparent; border: 0; padding: 8px 4px; margin: 0; cursor: pointer; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: #C6F24E; min-height: 44px; }
  html body.bigevent-surface .be-site-header__menu-toggle:hover,
  html body.bigevent-surface .be-site-header__menu-toggle:focus-visible { color: #9BC53D; }
}

/* ---- (2) Archive controls hierarchy: load-more primary, pagination secondary ---- */
html body.bigevent-surface .be-archive-controls--f3c { display: flex; flex-direction: column; align-items: center; gap: 6px; }
html body.bigevent-surface .be-archive-controls--f3c .be-archive-controls__primary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 18px; width: 100%; max-width: var(--be-container); margin: 26px auto 0; padding: 0 var(--be-gutter); }
/* load-more → compact dominant ghost button (mockup .bghost), not a full-width block */
html body.bigevent-surface .be-archive-controls--f3c .be-archive__loadmore { order: 1; display: inline-flex; align-items: center; gap: 8px; width: auto; max-width: none; margin: 0; padding: 13px 24px; font-size: 13.5px; letter-spacing: .03em; }
/* count → small mono label sitting beside the button */
html body.bigevent-surface .be-archive-controls--f3c .be-archive__showing { order: 2; margin: 0; padding: 0; }
/* numbered pagination → kept crawlable, de-emphasised as a secondary row under a hairline rule */
html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination { width: 100%; max-width: var(--be-container); margin: 16px auto 0; padding: 14px var(--be-gutter) 0; border-top: 1px solid #232A33; }
html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination .page-numbers { font-size: 12px; color: #7C8590; }
html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination .page-numbers.current { color: #C6F24E; }
html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination .page-numbers:hover,
html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination .page-numbers:focus-visible { color: #E4E8ED; }

@media (max-width: 767px) {
  html body.bigevent-surface .be-archive-controls--f3c .be-archive-controls__primary { padding: 0 14px; }
  html body.bigevent-surface .be-archive-controls--f3c .be-archive__pagination { padding-left: 14px; padding-right: 14px; }
}

/* ---- F3d: hide the numbered pagination from the VISIBLE UI (the mockups show a single
   Load-more control, no page numbers). This is presentation-only: the pagination links
   remain in the DOM and /events/page/N/ keeps returning 200, and the load-more is itself a
   real crawlable next-page link — so every crawl path is preserved. Placed after the F3c
   pagination rules (equal specificity) so display:none wins when both markers are present. ---- */
html body.bigevent-surface .be-archive-controls--f3d .be-archive__pagination { display: none; }

/* ---- BATCH H: exact-100 + JS "Load 100 more events" (append) control states.
   Layout is inherited from --f3c/--f3d (compact ghost button + mono count + hidden
   pagination); H only adds the loading / error affordances for the async append.
   Progressive enhancement — none of this renders differently with JS off. ---- */
html body.bigevent-surface .be-archive-controls--h .be-archive__loadmore.is-loading,
html body.bigevent-surface .be-archive-controls--h .be-archive__loadmore[aria-busy="true"] { opacity: .6; cursor: progress; pointer-events: none; }
html body.bigevent-surface .be-archive-controls--h .be-archive__loadmore-error { order: 3; flex-basis: 100%; margin: 4px auto 0; text-align: center; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #F2A25E; }
html body.bigevent-surface .be-archive-controls--h .be-archive__loadmore-error[hidden] { display: none; }

/* ============================================================================
 * BATCH F4 — header CTA/nav exactness needs no new CSS (copy-only). Below: the
 * mobile "Logo + MENU" full-screen panel, the in-panel search, body scroll-lock,
 * and the footer "Popular searches" band + bottom note. Header/footer-scoped;
 * harmless where absent. RADAR hex.
 * ============================================================================ */

/* ---- Mobile MENU toggle: the desktop→mobile switch (nav/search/CTA hide, MENU shows) is now
   owned by the deliberate ≤959 breakpoint in section (1) above. This block is intentionally
   left as documentation only — the old ≤720 threshold caused the compressed-desktop failures. ---- */

/* ---- Full-screen MENU panel ---- */
html body.bigevent-surface .be-mobile-menu { position: fixed; inset: 0; z-index: 200; background: rgba(9,12,15,.97); display: flex; }
html body.bigevent-surface .be-mobile-menu[hidden] { display: none; }
html body.bigevent-surface .be-mobile-menu__panel { width: 100%; max-width: 460px; margin-left: auto; height: 100%; overflow-y: auto; background: #0F1216; border-left: 1px solid #232A33; display: flex; flex-direction: column; padding: 16px 20px 24px; }
html body.bigevent-surface .be-mobile-menu__head { display: flex; align-items: center; justify-content: space-between; }
html body.bigevent-surface .be-mobile-menu__brand { font-family: "Archivo", -apple-system, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .02em; color: #FFFFFF; }
html body.bigevent-surface .be-mobile-menu__close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid #2E3742; border-radius: 4px; color: #E4E8ED; font-size: 24px; line-height: 1; cursor: pointer; }
html body.bigevent-surface .be-mobile-menu__close:hover,
html body.bigevent-surface .be-mobile-menu__close:focus-visible { border-color: #C6F24E; color: #C6F24E; }
html body.bigevent-surface .be-mobile-menu__nav { display: flex; flex-direction: column; margin-top: 18px; }
html body.bigevent-surface .be-mobile-menu__link { display: flex; align-items: center; min-height: 44px; padding: 8px 2px; border-bottom: 1px solid #1A2027; color: #E4E8ED; text-decoration: none; font-family: "Archivo", -apple-system, sans-serif; font-size: 17px; letter-spacing: -.01em; }
html body.bigevent-surface .be-mobile-menu__link:hover,
html body.bigevent-surface .be-mobile-menu__link:focus-visible { color: #C6F24E; }
html body.bigevent-surface .be-mobile-menu__cta { margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 24px; background: #C6F24E; color: #0D1005; font-weight: 700; font-family: "Archivo", -apple-system, sans-serif; letter-spacing: .01em; text-decoration: none; }
html body.bigevent-surface .be-mobile-menu__cta:hover,
html body.bigevent-surface .be-mobile-menu__cta:focus-visible { background: #9BC53D; }
/* in-panel search: reuse the safe GET form full-width (override the ≤768 header-search hide) */
html body.bigevent-surface .be-mobile-menu__panel .be-site-header__search--mobile { display: flex; width: 100%; height: 46px; border-radius: 6px; margin-top: 16px; }
html body.bigevent-surface .be-mobile-menu__panel .be-site-header__search-input { width: 100%; max-width: none; flex: 1 1 auto; font-size: 15px; }
/* body scroll-lock while the panel is open */
html body.bigevent-surface.be-menu-open { overflow: hidden; }

/* ---- Footer "Popular searches" band + bottom note ---- */
html body.bigevent-surface .be-home__footer-popular { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; margin-top: 10px; padding: 20px 0 2px; border-top: 1px solid #1A2027; }
html body.bigevent-surface .be-home__footer-popular-label { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: #7C8590; }
html body.bigevent-surface .be-home__footer-popular-links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
html body.bigevent-surface .be-home__footer-popular-link { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: .02em; color: #A9B1BB; text-decoration: none; }
html body.bigevent-surface .be-home__footer-popular-link:hover,
html body.bigevent-surface .be-home__footer-popular-link:focus-visible { color: #C6F24E; }
html body.bigevent-surface .be-home__footer-bottom-note { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: #7C8590; }
/**
 * BigEvent — RADAR Organic Event Row (PROTOTYPE, local only)
 * =============================================================================
 * Purpose   : Scoped CSS for the RADAR organic event row (collapsed + expanded),
 *             consuming the live RADAR token layer (bigevent-radar-tokens.css).
 * Status    : LOCAL PROTOTYPE — not deployed. Does not replace the live card CSS
 *             (slot 123365) and does not touch any .be-card__* class.
 * Namespace : .be-radar-event__* (BEM). Keeps the house `be-` prefix but is
 *             scoped so it can never collide with the legacy .be-card__* system.
 * Source    : model/BigEvent/radar.css (.row/.rowx/.dt/.chip/.soc) + BIGEVENT_EVENT_COMPONENTS.md
 * Safety    : No body/html/* resets. No .be-card overrides. No global rules.
 *             Every selector is prefixed .be-radar-event. Zero effect until a
 *             template outputs .be-radar-event markup (none does yet).
 * Rollback  : deactivate the (future) snippet — nothing consumes these selectors.
 */

/* ===== Collapsed organic row ================================================ */
.be-radar-event{
  display:grid;
  grid-template-columns:var(--date-col) 1fr 210px 200px 112px;
  align-items:start;
  gap:var(--space-26);
  padding:var(--space-20) 0;
  border-bottom:1px solid var(--rule);
  min-height:88px;
  font-family:var(--sans);
  background:transparent;
  transition:background var(--dur-hover) ease;
}
.be-radar-event:hover{ background:var(--ink2); }

/* Date — column 1, the signature. Never shrinks before anything else. */
.be-radar-event__date{ font-family:var(--mono); line-height:.92; color:var(--t3); }
.be-radar-event__day{
  font-size:32px; font-weight:700; letter-spacing:-.03em; color:var(--w);
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.be-radar-event__date--tbc  .be-radar-event__day{ font-size:26px; }
/* Cross-month day (e.g. "31 JUL–02 AUG") is long; shrink + allow wrap so it fits the
   150px date column instead of overflowing into the title (all RADAR surfaces). */
.be-radar-event__date--cross .be-radar-event__day{
  font-size:19px; line-height:1.1; letter-spacing:-.01em; white-space:normal;
}
.be-radar-event__month{ font-size:11px; letter-spacing:.16em; margin-top:8px; text-transform:uppercase; }

/* Body — column 2: title + short description */
.be-radar-event__body{ min-width:0; }
.be-radar-event__title{
  font-size:21px; font-weight:700; letter-spacing:-.022em; line-height:1.22;
  color:var(--w); margin:0; text-wrap:pretty;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.be-radar-event__summary{
  font-size:14px; line-height:1.45; color:var(--t2); margin-top:6px; max-width:62ch;
  text-wrap:pretty; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Location — column 3 */
.be-radar-event__loc{ min-width:0; }
.be-radar-event__city{ font-family:var(--mono); font-size:12.5px; letter-spacing:.09em; color:var(--t1); line-height:1.35; text-transform:uppercase; }
.be-radar-event__country{ font-family:var(--mono); font-size:11px; letter-spacing:.09em; color:var(--t3); margin-top:5px; text-transform:uppercase; }

/* Topics — column 4 */
.be-radar-event__topics{ display:flex; gap:7px; flex-wrap:wrap; }
.be-radar-event__chip{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.11em; text-transform:uppercase;
  border:1px solid var(--rule2); color:var(--t2); padding:5px 9px; border-radius:var(--radius);
}
.be-radar-event__chip--primary{ border-color:var(--sigd); color:var(--sig); }
/* Expanded "Topics" block shows full topic NAMES — render them as words (sans, sentence case),
   so they read as names and never look like the collapsed family CODES. Scoped to the expanded panel. */
.be-radar-event__topics--full .be-radar-event__chip{
  font-family:var(--sans); font-size:11.5px; letter-spacing:0; text-transform:none;
}
/* F1 — scale/attendance metadata chip (neutral, dimmer than a topic code; mockup col-4 "1,800 ATT"). */
.be-radar-event__chip--stat{ color:var(--t3); letter-spacing:.10em; }
/* F1 — "Best for" line on a collapsed FEATURED row (mockup .rowf carries this above the fold). */
.be-radar-event__bestfor{
  font-family:var(--mono); font-size:11px; letter-spacing:.04em; color:var(--t2);
  margin-top:8px; line-height:1.4; text-wrap:pretty;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.be-radar-event__bestfor-k{ color:var(--sig); text-transform:uppercase; letter-spacing:.12em; margin-right:6px; }

/* Actions — column 5 (right-aligned) */
.be-radar-event__actions{ display:flex; flex-direction:column; gap:var(--space-8); align-items:flex-end; }
.be-radar-event__cta{
  font-family:var(--mono); font-size:11px; letter-spacing:.09em; text-transform:uppercase;
  border:1px solid var(--rule2); color:#E4E8ED; padding:9px 13px; white-space:nowrap;
  text-decoration:none; border-radius:var(--radius);
}
.be-radar-event__cta:hover{ border-color:var(--sigd); color:var(--sig); }
.be-radar-event__more{
  font-family:var(--mono); font-size:11px; letter-spacing:.09em; color:var(--t3);
  background:none; border:0; padding:4px 0; cursor:pointer; white-space:nowrap; text-transform:uppercase;
}
.be-radar-event__more[aria-expanded="true"]{ color:var(--sig); }

/* Focus — 2px signal ring, never removed */
.be-radar-event__cta:focus-visible,
.be-radar-event__more:focus-visible,
.be-radar-event__social:focus-visible{
  outline:var(--focus-width) solid var(--sig); outline-offset:var(--focus-offset);
  color:var(--sig); border-color:var(--sigd);
}

/* ===== Expanded organic row ================================================= */
/* Empty first column keeps the date aligned so chronology survives expansion. */
.be-radar-event__details{
  display:grid; grid-template-columns:var(--date-col) 1fr 320px; gap:var(--space-26);
  padding:4px 0 var(--space-26); background:var(--ink2);
  box-shadow:inset 2px 0 0 var(--rule2); border-bottom:1px solid var(--rule);
  font-family:var(--sans);
}
.be-radar-event__details[hidden]{ display:none; }
.be-radar-event__spacer{ /* the empty date-aligned column */ }
.be-radar-event__block{ margin-bottom:18px; }
.be-radar-event__block:last-child{ margin-bottom:0; }
.be-radar-event__label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.15em; text-transform:uppercase; color:var(--t3); margin-bottom:7px; }
.be-radar-event__text{ font-size:15px; line-height:1.6; color:var(--t1); max-width:74ch; text-wrap:pretty; margin:0; }

/* Right column: metadata table + filled CTA */
.be-radar-event__meta{ border:1px solid var(--rule); padding:16px 18px; }
.be-radar-event__metarow{ display:flex; justify-content:space-between; gap:16px; padding:8px 0; border-bottom:1px solid var(--rule); font-family:var(--mono); font-size:12px; }
.be-radar-event__metarow:last-child{ border-bottom:0; }
.be-radar-event__k{ color:var(--t3); letter-spacing:.1em; text-transform:uppercase; }
.be-radar-event__v{ color:var(--t1); text-align:right; }
.be-radar-event__cta--filled{
  display:inline-block; margin-top:14px; background:var(--sig); color:var(--sigink);
  font-family:var(--sans); font-weight:700; font-size:13px; padding:11px 16px;
  text-decoration:none; border:0; border-radius:var(--radius);
}
.be-radar-event__note{ font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; color:var(--t3); margin-top:10px; }

/* ===== Social channels (expanded only) ===================================== */
.be-radar-event__socials{ display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.be-radar-event__social{
  display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.1em; color:var(--t2); border:1px solid var(--rule2); padding:7px 10px;
  background:none; white-space:nowrap; text-decoration:none; border-radius:var(--radius);
}
.be-radar-event__social-icon{ width:13px; height:13px; border:1px solid currentColor; display:inline-block; flex-shrink:0; opacity:.75; }
.be-radar-event__social-ext{ color:var(--t3); font-size:9.5px; }
.be-radar-event__social:hover{ color:var(--sig); border-color:var(--sigd); }         /* green on hover only */
.be-radar-event__social:hover .be-radar-event__social-ext{ color:var(--sig); }

/* ===== Responsive ========================================================== */
/* 1280 — gutters absorb (handled by container); grid unchanged. */

/* 1024 — chips move inline under the body; date column still 150px. */
@media (max-width:1179px){
  .be-radar-event{ grid-template-columns:var(--date-col) 1fr 200px 132px; }
  .be-radar-event__topics{ grid-column:2 / -1; margin-top:8px; }
}

/* ≤767 — full stack; date column drops to mobile width; official CTA stays reachable. */
@media (max-width:767px){
  .be-radar-event{ grid-template-columns:var(--date-col-mb) 1fr; gap:var(--space-16); }
  .be-radar-event__day{ font-size:23px; }
  .be-radar-event__date--tbc  .be-radar-event__day{ font-size:23px; }
  .be-radar-event__date--cross .be-radar-event__day{ font-size:17px; } /* cross wraps via white-space:normal from the base rule */
  .be-radar-event__loc,
  .be-radar-event__topics,
  .be-radar-event__actions{ grid-column:2 / -1; align-items:flex-start; }
  .be-radar-event__actions{ flex-direction:row; gap:var(--space-16); margin-top:8px; }
  .be-radar-event__cta,
  .be-radar-event__more{ min-height:44px; display:inline-flex; align-items:center; } /* ≥44px touch */
  .be-radar-event__details{ grid-template-columns:1fr; }
  .be-radar-event__spacer{ display:none; }
  .be-radar-event__social{ min-height:44px; padding:12px 12px; }                     /* ≥44px touch */
}

/* 360 stress — nothing clips; no horizontal overflow. */
@media (max-width:390px){
  .be-radar-event__summary{ max-width:none; }
  .be-radar-event__text{ max-width:none; }
}

/* ===========================================================================
 * FEATURED ROW VARIANT (inline paid placement)  — P-Featured-2
 * ---------------------------------------------------------------------------
 * Disclosed featured variant of the organic row, used ONLY for the inline
 * "Paid placement" slot (123366 injects it after row 1; the 125529 subscriber
 * tags it via context 'archive-inline-featured' / $args['inline_featured'] and
 * the renderer emits .be-radar-event--featured + a "Paid placement" badge). It
 * stays a ROW (chronological stream preserved): a raised --ink2 surface + an
 * inset acid signal spine mark it as special without becoming a card or a
 * generic ad. Disclosure is visible collapsed (the badge in the body) AND in
 * the expanded panel (the placement note). ADD-ONLY: every selector targets the
 * --featured modifier or the __badge/__placement-note elements, which exist ONLY
 * in featured rows — normal organic rows are byte-for-byte unaffected.
 * ========================================================================== */
.be-radar-event--featured{
  background:var(--ink2);
  box-shadow:inset 3px 0 0 var(--sig);   /* acid signal spine — belongs to RADAR */
  /* Batch B2 — mockup .rowf media-led layout: date | 232px media | copy | cta (loc/topics folded). */
  grid-template-columns:var(--date-col) 232px 1fr 200px;
}
.be-radar-event--featured:hover{ background:var(--ink2); }
/* explicit placement: the extra media column + the standard row children map onto the .rowf grid */
.be-radar-event--featured .be-radar-event__date{ grid-column:1; }
.be-radar-event--featured .be-radar-event__media{ grid-column:2; grid-row:1 / span 2; }
.be-radar-event--featured .be-radar-event__body{ grid-column:3; grid-row:1; }
.be-radar-event--featured .be-radar-event__topics{ grid-column:3; grid-row:2; align-self:start; margin-top:8px; }
.be-radar-event--featured .be-radar-event__actions{ grid-column:4; grid-row:1; }
.be-radar-event--featured .be-radar-event__loc{ grid-column:4; grid-row:2; align-self:end; text-align:right; }
/* the 232px media region — type/date fallback today (no sourced imagery); an <img> can fill it later */
.be-radar-event__media{ display:none; }
.be-radar-event--featured .be-radar-event__media{
  display:flex; align-items:center; justify-content:center; min-height:130px;
  border:1px solid var(--rule); box-sizing:border-box; overflow:hidden;
  background:linear-gradient(180deg,rgba(15,18,22,0) 40%,rgba(15,18,22,.55) 100%),repeating-linear-gradient(115deg,#1D242C 0 14px,#171D25 14px 28px);
}
.be-radar-event__media-fallback{ text-align:center; font-family:var(--mono); line-height:1; }
.be-radar-event__media-mono{ display:block; font-size:40px; font-weight:700; color:var(--sig); letter-spacing:.03em; }  /* event-name monogram — NOT the date (date lives in the date column) */
.be-radar-event__flag{ display:flex; align-items:baseline; gap:8px; margin:0 0 7px; flex-wrap:wrap; }
.be-radar-event__badge{
  display:inline-block; margin:0;
  font-family:var(--mono); font-size:10px; letter-spacing:.14em; line-height:1;
  text-transform:uppercase; font-weight:700;
  background:var(--sig); color:var(--sigink); padding:4px 7px; border-radius:var(--radius);
}
.be-radar-event__sponsored{
  font-family:var(--mono); font-size:9.5px; font-weight:400; letter-spacing:.06em; line-height:1;
  color:var(--t3); text-transform:none;
}
.be-radar-event__placement-note{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.05em; line-height:1.5;
  color:var(--sig); margin:10px 0 0;
}
/* Featured-row responsive: shrink the media column on tablet, then stack single-column on phones
   (never squeeze the 232px column onto mobile). */
@media (max-width:1024px){
  .be-radar-event--featured{ grid-template-columns:var(--date-col) 180px 1fr 160px; }
}
/* stack the featured row at ≤900 (earlier than the normal row) — the 232/180 media column would
   otherwise squeeze the copy column too narrow between 768–900. */
@media (max-width:900px){
  .be-radar-event--featured{ box-shadow:inset 3px 0 0 var(--sig); grid-template-columns:1fr; }
  .be-radar-event--featured .be-radar-event__date,
  .be-radar-event--featured .be-radar-event__media,
  .be-radar-event--featured .be-radar-event__body,
  .be-radar-event--featured .be-radar-event__topics,
  .be-radar-event--featured .be-radar-event__actions,
  .be-radar-event--featured .be-radar-event__loc{ grid-column:1; grid-row:auto; text-align:left; align-self:start; }
  .be-radar-event--featured .be-radar-event__media{ min-height:110px; }
}

/* ===========================================================================
 * FEATURED MODULE BRIDGE (RADAR)  — P-Featured-1
 * ---------------------------------------------------------------------------
 * Restyles the archive "Featured conferences" module (rendered by slot 123366
 * as legacy .be-card--archive-featured image cards, card markup from 123363) so
 * it visually belongs to the RADAR dark system. ADD-ONLY / SCOPED: every rule
 * is descendant-scoped to .be-archive__featured, so it can NEVER touch organic
 * .be-radar-event rows or any generic .be-card elsewhere (homepage, related-nav,
 * single). Specificity (2 classes) beats the legacy 1-class .be-card* rules from
 * 123365 without !important. Prints only where should_render() passes (wp_head),
 * and the module itself renders on the /events/ root archive only — on taxonomy
 * archives these selectors match nothing.
 * PRESERVED from the existing markup (not restyled away): the "Featured" media
 * badge (disclosure), the module eyebrow + "Featured placements are clearly
 * labeled" note, the external official-site CTA as the primary action, the event
 * artwork, and filter-scoping. No internal /event-new/ dependency is introduced.
 * Rollback: deactivate 125529, or remove this block + regenerate.
 * ========================================================================== */

/* --- Module shell: a slim dark editorial band above the organic list ------- */
.be-archive__featured{
  background:var(--ink,#0F1216);
  border-top:1px solid var(--rule,#232A33);
  border-bottom:1px solid var(--rule,#232A33);
  margin:0 0 4px;
  padding:22px 0 26px;
}
.be-archive__featured-inner{
  max-width:var(--be-container); margin:0 auto; padding:0 var(--be-gutter); box-sizing:border-box;
}
.be-archive__featured-head{
  display:flex; justify-content:space-between; align-items:baseline;
  gap:16px 24px; flex-wrap:wrap; margin-bottom:16px;
}
.be-archive__featured-head-text{ min-width:0; }
.be-archive__featured-eyebrow{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--sig,#C6F24E);
}
.be-archive__featured-title{
  font-family:var(--sans,Archivo,sans-serif); font-size:18px; font-weight:700;
  letter-spacing:-.02em; line-height:1.2; color:var(--w,#FFFFFF); margin:5px 0 0;
}
.be-archive__featured-disclosure{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--t3,#7C8590);
}
.be-archive__featured-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
}

/* --- Featured card -> RADAR frame ------------------------------------------ */
.be-archive__featured .be-card--archive-featured{
  background:var(--ink2,#141920); border:1px solid var(--rule2,#2E3742);
  border-radius:var(--radius,0); box-shadow:none; overflow:hidden;
  display:flex; flex-direction:column; min-width:0;
  transition:border-color var(--dur-hover,120ms) ease;
}
.be-archive__featured .be-card--archive-featured:hover{ border-color:var(--sigd,#9BC53D); }

/* Media: artwork + overlaid mono date pill + the disclosed "Featured" badge */
.be-archive__featured .be-card__media{
  position:relative; aspect-ratio:16/9; background:var(--ink3,#1A2027);
  overflow:hidden; border-bottom:1px solid var(--rule,#232A33);
}
.be-archive__featured .be-card__media-img{
  width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.92);
}
.be-archive__featured .be-card__media-date{
  position:absolute; left:10px; bottom:10px; display:flex; flex-direction:column;
  align-items:center; line-height:.95; font-family:var(--mono,'JetBrains Mono',monospace);
  background:rgba(15,18,22,.82); color:var(--w,#FFFFFF); padding:6px 9px;
  border:1px solid var(--rule2,#2E3742);
}
.be-archive__featured .be-card__media-date-mo{ font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--t2,#A9B1BB); }
.be-archive__featured .be-card__media-date-day{ font-size:19px; font-weight:700; font-variant-numeric:tabular-nums; }
.be-archive__featured .be-card__media-badge{
  position:absolute; top:10px; left:10px; right:auto; bottom:auto;
  display:inline-block; width:max-content; max-width:calc(100% - 20px);
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
  line-height:1; background:var(--sig,#C6F24E); color:var(--sigink,#0D1005);
  padding:5px 8px; border-radius:var(--radius,0); margin:0;
}

/* Body: name, meta, chips, CTA */
.be-archive__featured .be-card__body{
  padding:14px 16px 16px; display:flex; flex-direction:column; gap:9px; min-width:0;
}
.be-archive__featured .be-card__name{
  font-family:var(--sans,Archivo,sans-serif); font-size:16px; font-weight:700;
  letter-spacing:-.02em; line-height:1.25; color:var(--w,#FFFFFF); margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.be-archive__featured .be-card__meta{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:11.5px;
  letter-spacing:.03em; color:var(--t2,#A9B1BB); line-height:1.4;
}
.be-archive__featured .be-card__meta-dot{ color:var(--t3,#7C8590); margin:0 6px; }
.be-archive__featured .be-card__chips{ display:flex; flex-wrap:wrap; gap:7px; }
.be-archive__featured .be-chip--topic{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.09em; text-transform:uppercase; color:var(--t2,#A9B1BB);
  border:1px solid var(--rule2,#2E3742); border-radius:var(--radius,0);
  padding:4px 8px; text-decoration:none;
}
.be-archive__featured .be-chip--topic:hover{ border-color:var(--sigd,#9BC53D); color:var(--sig,#C6F24E); }
.be-archive__featured .be-card__cta-row{ margin-top:4px; }
.be-archive__featured .be-card__cta{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--sans,Archivo,sans-serif); font-weight:700; font-size:13px;
  background:var(--sig,#C6F24E); color:var(--sigink,#0D1005); border:0;
  border-radius:var(--radius,0); padding:10px 14px; text-decoration:none;
}
.be-archive__featured .be-card__cta:hover{ background:var(--sigd,#9BC53D); }
.be-archive__featured .be-card__cta-icon{ font-size:13px; }
.be-archive__featured .be-card__cta:focus-visible,
.be-archive__featured .be-chip--topic:focus-visible{
  outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:var(--focus-offset,2px);
}

/* --- Responsive: collapse the grid; keep touch targets; no overflow -------- */
@media (max-width:1024px){
  .be-archive__featured-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .be-archive__featured{ padding:18px 0 20px; }
  .be-archive__featured-grid{ grid-template-columns:1fr; gap:14px; }
  .be-archive__featured .be-card__cta{ min-height:44px; }        /* ≥44px touch */
}

/* ===========================================================================
 * HOMEPAGE FEATURED MODULE BRIDGE (RADAR)  — P-Featured-3
 * ---------------------------------------------------------------------------
 * Same treatment as the archive Featured bridge, for the HOMEPAGE paid module
 * (.be-home__featured, rendered by 123369 via bigevent_render_event_image_card,
 * cards .be-card--home-featured incl. the lead .be-card--featured-lead). COLORS/
 * FRAME ONLY: no display/grid override, so the existing lead + 3-up editorial
 * layout from 123370 is preserved. Descendant-scoped to .be-home__featured
 * (2-class specificity beats legacy 1-class rules; the shared .be-home__module-
 * title used by the "This quarter" head is NOT affected because that head is
 * outside .be-home__featured). Prints where should_render() passes -> on the
 * homepage that means BIGEVENT_RADAR_HOME_DEFAULT is on; the selectors match
 * nothing on archives. PRESERVED: the "Featured" media badge (disclosure), the
 * eyebrow + "Featured placements are clearly labeled" note, the external
 * official-site CTA as the primary action, artwork. No /event-new/ introduced.
 * Rollback: BIGEVENT_RADAR_HOME_DEFAULT false, deactivate 125529, or remove this block.
 * ========================================================================== */
.be-home__featured{
  background:var(--ink,#0F1216);
  border-top:1px solid var(--rule,#232A33);
  border-bottom:1px solid var(--rule,#232A33);
}
.be-home__featured .be-home__module-eyebrow--featured{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--sig,#C6F24E);
}
.be-home__featured .be-home__module-title{ color:var(--w,#FFFFFF); }
.be-home__featured .be-home__module-lede{ color:var(--t2,#A9B1BB); }
.be-home__featured .be-home__module-disclosure-text{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--t3,#7C8590);
}

/* Cards -> RADAR frame (colours only; layout kept from 123370) */
.be-home__featured .be-card--home-featured{
  background:var(--ink2,#141920); border:1px solid var(--rule2,#2E3742);
  border-radius:var(--radius,0); box-shadow:none; overflow:hidden;
  transition:border-color var(--dur-hover,120ms) ease;
}
.be-home__featured .be-card--home-featured:hover{ border-color:var(--sigd,#9BC53D); }
.be-home__featured .be-card__media{ background:var(--ink3,#1A2027); border-bottom:1px solid var(--rule,#232A33); }
.be-home__featured .be-card__media-img{ filter:saturate(.92); }
.be-home__featured .be-card__media-date{
  background:rgba(15,18,22,.82); color:var(--w,#FFFFFF); border:1px solid var(--rule2,#2E3742);
  font-family:var(--mono,'JetBrains Mono',monospace);
}
.be-home__featured .be-card__media-date-mo{ color:var(--t2,#A9B1BB); }
.be-home__featured .be-card__media-badge{
  background:var(--sig,#C6F24E); color:var(--sigink,#0D1005);
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:9.5px;
  letter-spacing:.14em; text-transform:uppercase; font-weight:700; line-height:1;
  width:max-content; max-width:calc(100% - 20px); padding:5px 8px; border-radius:var(--radius,0);
}
.be-home__featured .be-card__media-excerpt{ color:var(--t2,#A9B1BB); }
.be-home__featured .be-card__name{ color:var(--w,#FFFFFF); }
.be-home__featured .be-card__meta{ color:var(--t2,#A9B1BB); font-family:var(--mono,'JetBrains Mono',monospace); }
.be-home__featured .be-card__meta-dot{ color:var(--t3,#7C8590); }
.be-home__featured .be-chip--topic{
  font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px;
  letter-spacing:.09em; text-transform:uppercase; color:var(--t2,#A9B1BB);
  border:1px solid var(--rule2,#2E3742); border-radius:var(--radius,0);
  padding:4px 8px; text-decoration:none; background:none;
}
.be-home__featured .be-chip--topic:hover{ border-color:var(--sigd,#9BC53D); color:var(--sig,#C6F24E); }
.be-home__featured .be-card__cta{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--sans,Archivo,sans-serif); font-weight:700; font-size:13px;
  background:var(--sig,#C6F24E); color:var(--sigink,#0D1005); border:0;
  border-radius:var(--radius,0); padding:10px 14px; text-decoration:none;
}
.be-home__featured .be-card__cta:hover{ background:var(--sigd,#9BC53D); }
.be-home__featured .be-card__cta:focus-visible,
.be-home__featured .be-chip--topic:focus-visible{
  outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:var(--focus-offset,2px);
}
@media (max-width:767px){
  .be-home__featured .be-card__cta{ min-height:44px; }           /* ≥44px touch */
}
/* ==========================================================================
   BATCH 4 - Homepage Featured tier system (premium / strip / index).
   Descendant-scoped to .be-home__featured (RADAR surface). Premium prominence
   is FIXED at <=3; the overflow index caps its own height so organic content
   below never shifts as Featured inventory grows.
   ========================================================================== */
.be-home__featured .be-home__module-disclosure-text{
  margin:8px 0 0;
}
/* Homepage + Archive Featured TIER presentation: see the canonical .be-featured component below (Batch A). */
/* ==========================================================================
   CANONICAL PREMIUM FEATURED COMPONENT (BATCH A consolidation).
   ONE visual owner for the premium Featured tier, consumed by BOTH the Homepage
   (.be-home__featured) and archive/taxonomy (.be-archive__featured) surfaces -
   each module wrapper carries the shared `.be-featured` class. Visual source of
   truth = the Batch 4B Homepage treatment (media-on-top lead 230 / rail 112,
   natural height, no hollow, count-driven strip, ONE acid CTA, fixed-height
   index). Assembly (resolver, density, dedup, inventory) stays surface-specific;
   only PRESENTATION is shared here. Supersedes the former .be-home__f* (Batch 4/4B)
   and .be-archive__f* (Batch 5) tier blocks. Base card colours + the legacy
   .be-card--archive-featured grid remain surface-scoped and untouched.
   ========================================================================== */
/* --- TIER 1 premium: media-on-top lead + compact rail (BATCH 4B v2 - prototype fixed art heights) --- */
/* Single premium (1 featured): media-on-top, natural height (prototype art 250). */
.be-featured .be-featured__premium--single{ background:var(--ink2,#141920); border:1px solid var(--rule,#232A33); }
html body.bigevent-surface .be-featured .be-featured__premium--single .be-card--featured-lead{ display:flex !important; flex-direction:column !important; grid-template-columns:1fr !important; align-items:stretch !important; gap:0 !important; padding:0 !important; }
html body.bigevent-surface .be-featured .be-featured__premium--single .be-card__media{ height:250px !important; min-height:250px !important; max-height:250px !important; aspect-ratio:auto !important; margin:0 !important; object-position:center !important; }
/* Premium module: lead | rail (prototype 1.3fr 1fr). Cells stretch so a shorter
   column's surplus paints as .be-featured__mod-lead / rail-cell panel background; the
   CARDS are natural height (no hollow middle). */
.be-featured .be-featured__mod{
  display:grid; grid-template-columns:1.3fr 1fr; gap:1px; align-items:stretch;
  background:var(--rule,#232A33); border:1px solid var(--rule,#232A33);
}
.be-featured .be-featured__mod-lead{ background:var(--ink2,#141920); min-width:0; }
.be-featured .be-featured__mod-rail{ display:grid; grid-template-rows:auto auto; align-content:start; gap:1px; background:var(--rule,#232A33); min-width:0; }
.be-featured .be-featured__mod-rail > *{ background:var(--ink2,#141920); min-width:0; }
/* Kill the shared height:100% stretch + any card padding/gap -> natural card height. */
.be-featured .be-featured__card--single,
.be-featured .be-featured__card--lead,
.be-featured .be-featured__card--rail{ border:0 !important; height:auto !important; box-shadow:none !important; padding:0 !important; gap:0 !important; }
/* LEAD media-on-top: override the shared horizontal .be-card--featured-lead grid (homepage-scoped). */
html body.bigevent-surface .be-featured .be-featured__card--lead.be-card--featured-lead{ display:flex !important; flex-direction:column !important; grid-template-columns:1fr !important; align-items:stretch !important; }
html body.bigevent-surface .be-featured .be-featured__card--lead .be-card__media{ height:230px !important; min-height:230px !important; max-height:230px !important; aspect-ratio:auto !important; margin:0 !important; object-position:center !important; }
html body.bigevent-surface .be-featured .be-featured__card--lead .be-card__body{ flex:0 0 auto !important; padding:20px 24px 22px !important; }
/* Lead typography parity (archive lead == homepage lead). */
.be-featured .be-featured__card--lead .be-card__name{ font-size:26px !important; margin-bottom:8px !important; }
.be-featured .be-featured__card--lead .be-card__meta{ font-size:13.5px !important; }
/* Excerpt capped at 3 lines so the lead body stays proportionate (no copy added/removed). */
.be-featured .be-featured__card--lead .be-card__media-excerpt{ display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; }
/* Collapse the base excerpt bottom-margin so the CTA sits directly under the excerpt
   (surplus belongs BELOW the card as panel bg, per the media-on-top spec - not inside it). */
.be-featured .be-featured__card--lead .be-card__media-excerpt{ margin-bottom:2px !important; }
/* CTA sits right after content (no bottom-anchored hollow gap). Lead keeps the acid button. */
.be-featured .be-featured__card--lead .be-card__cta-row{ margin-top:16px !important; }
/* RAIL: compact secondary, media-on-top, prototype art 112. Denser body than lead. */
html body.bigevent-surface .be-featured .be-featured__card--rail .be-card__media{ height:112px !important; min-height:112px !important; max-height:112px !important; aspect-ratio:auto !important; margin:0 !important; object-position:center !important; }
.be-featured .be-featured__card--rail .be-card__body{ padding:14px 16px !important; }
.be-featured .be-featured__card--rail .be-card__name{ font-size:18px !important; }
/* RAIL CTA: lighter RADAR external-link, NOT the acid button (only the lead is acid). */
.be-featured .be-featured__card--rail .be-card__cta{
  background:none !important; color:var(--t2,#A9B1BB) !important; border:0 !important;
  padding:0 !important; font-weight:600 !important; font-size:11px !important;
  font-family:var(--mono,'JetBrains Mono',monospace) !important; letter-spacing:.04em !important;
}
.be-featured .be-featured__card--rail .be-card__cta:hover{ background:none !important; color:var(--sig,#C6F24E) !important; }
/* --- TIER 2 strip: compact rows, COUNT-DRIVEN columns (no phantom cells) --- */
.be-featured .be-featured__strip{
  list-style:none; margin:10px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(var(--fscols,4),minmax(0,1fr)); gap:1px;
  background:var(--rule,#232A33); border:1px solid var(--rule,#232A33);
}
.be-featured .be-featured__strip-item{
  background:var(--ink2,#141920); padding:15px 16px; display:flex; flex-direction:column; gap:9px;
  min-width:0; min-height:96px; box-sizing:border-box;
}
.be-featured .be-featured__strip-date{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:11px; letter-spacing:.1em; color:var(--sig,#C6F24E); }
.be-featured .be-featured__strip-name{ font-size:15px; font-weight:700; letter-spacing:-.018em; line-height:1.22; color:var(--w,#FFFFFF); }
.be-featured .be-featured__strip-city{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10px; letter-spacing:.08em; color:var(--t2,#A9B1BB); text-transform:uppercase; }
.be-featured .be-featured__strip-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; flex-wrap:wrap; }
.be-featured .be-featured__strip-badge{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:9px; letter-spacing:.13em; color:var(--sigink,#0D1005); background:var(--sig,#C6F24E); padding:3px 6px; font-weight:700; line-height:1; }
.be-featured .be-featured__strip-link{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:9.5px; letter-spacing:.06em; color:var(--t3,#7C8590); text-decoration:none; }
.be-featured .be-featured__strip-link:hover{ color:var(--sig,#C6F24E); }
/* --- TIER 3 index: fixed-height internal scroll (organic content below never moves) --- */
.be-featured .be-featured__index-wrap{ margin-top:18px; }
.be-featured .be-featured__index-label{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--t3,#7C8590); margin-bottom:10px; }
.be-featured .be-featured__index{ border:1px solid var(--rule,#232A33); max-height:290px; overflow:auto; }
.be-featured .be-featured__index:focus-visible{ outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:-2px; }
.be-featured .be-featured__index-row{ display:grid; grid-template-columns:150px 1fr 200px 120px; gap:20px; align-items:center; padding:13px 18px; border-bottom:1px solid var(--rule,#232A33); }
.be-featured .be-featured__index-row:last-child{ border-bottom:0; }
.be-featured .be-featured__index-row:hover{ background:var(--ink2,#141920); }
.be-featured .be-featured__index-date{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:12px; color:var(--sig,#C6F24E); letter-spacing:.08em; }
.be-featured .be-featured__index-name{ font-size:15px; font-weight:600; letter-spacing:-.015em; color:var(--w,#FFFFFF); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.be-featured .be-featured__index-loc{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; color:var(--t3,#7C8590); letter-spacing:.08em; text-transform:uppercase; }
.be-featured .be-featured__index-link{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; color:var(--t2,#A9B1BB); letter-spacing:.09em; text-align:right; text-decoration:none; }
.be-featured .be-featured__index-link:hover{ color:var(--sig,#C6F24E); }
/* --- responsive --- */
@media (max-width:1023px){
  .be-featured .be-featured__mod{ grid-template-columns:1fr 1fr; }
  .be-featured .be-featured__mod-rail{ grid-template-rows:auto auto; grid-template-columns:1fr; }
  .be-featured .be-featured__strip{ grid-template-columns:repeat(var(--fscols-md,2),minmax(0,1fr)); }
  .be-featured .be-featured__index-row{ grid-template-columns:120px 1fr 150px; }
  .be-featured .be-featured__index-link{ display:none; }
}
@media (max-width:768px){
  /* Prototype is source of truth: single column at <=768 (handoff 7). */
  .be-featured .be-featured__mod{ grid-template-columns:1fr; }
  .be-featured .be-featured__mod-rail{ grid-template-columns:1fr; }
  html body.bigevent-surface .be-featured .be-featured__card--lead .be-card__media{ height:200px !important; min-height:200px !important; max-height:200px !important; }
  html body.bigevent-surface .be-featured .be-featured__card--rail .be-card__media{ height:150px !important; min-height:150px !important; max-height:150px !important; }
  .be-featured .be-featured__strip{ grid-template-columns:1fr; }
  .be-featured .be-featured__index-row{ grid-template-columns:88px 1fr; }
  .be-featured .be-featured__index-loc{ display:none; }
}


/* ==========================================================================
   SHARED HUB SEARCH (BATCH A) - ONE inline-filter search for the Topics / Cities
   / Countries index hubs. NOT the global F5.2 overlay: it filters the on-page
   index. Markup owner: bigevent_render_hub_search() (123366). Client filter +
   per-hub wiring land in Batches D/E/F (progressive enhancement). Styled + available
   here but unconsumed until then (no .be-hubsearch markup ships yet).
   ========================================================================== */
.be-hubsearch{ display:flex; align-items:center; gap:10px; max-width:560px; margin:18px 0 0;
  border:1px solid var(--rule2,#2E3742); background:var(--ink2,#141920); padding:0 4px 0 14px; box-sizing:border-box; }
.be-hubsearch__label{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.be-hubsearch__icon{ font-family:var(--mono,'JetBrains Mono',monospace); color:var(--t3,#7C8590); font-size:15px; line-height:1; flex:0 0 auto; }
.be-hubsearch__input{ flex:1 1 auto; min-width:0; background:none; border:0; color:var(--w,#FFFFFF);
  font-family:var(--sans,Archivo,sans-serif); font-size:15px; padding:13px 0; outline:none; }
.be-hubsearch__input::placeholder{ color:var(--t3,#7C8590); }
.be-hubsearch__action{ flex:0 0 auto; font-family:var(--mono,'JetBrains Mono',monospace); font-size:11px;
  letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--sigink,#0D1005);
  background:var(--sig,#C6F24E); border:0; padding:10px 14px; cursor:pointer; text-decoration:none; line-height:1; }
.be-hubsearch__action:hover{ background:var(--sigd,#9BC53D); }
.be-hubsearch:focus-within{ border-color:var(--sigd,#9BC53D); }
.be-hubsearch__empty{ margin:14px 0 0; font-family:var(--mono,'JetBrains Mono',monospace); font-size:12px; color:var(--t3,#7C8590); }
@media (max-width:767px){
  .be-hubsearch{ max-width:none; }
  .be-hubsearch__action{ min-height:44px; }
}

/* ==========================================================================
   SHARED SECTION HEADER (BATCH C) - canonical eyebrow + H2 + right link + rule.
   First consumed by the Events "Browse by topic/city" rows; Topics/Cities/
   Countries (D/E/F) reuse it. Canonical owner of the recurring section-head pattern.
   ========================================================================== */
.be-section-head{ display:flex; justify-content:space-between; align-items:baseline; gap:16px 24px; flex-wrap:wrap; margin:0 0 16px; padding-bottom:14px; border-bottom:1px solid var(--rule,#232A33); }
.be-section-head__text{ min-width:0; }
.be-section-head__eyebrow{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--sig,#C6F24E); }
.be-section-head__title{ font-family:var(--sans,Archivo,sans-serif); font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1.15; color:var(--w,#FFFFFF); margin:6px 0 0; }
.be-section-head__link{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--t2,#A9B1BB); text-decoration:none; white-space:nowrap; }
.be-section-head__link:hover{ color:var(--sig,#C6F24E); }

/* --- Events Browse-by-topic / Browse-by-city rows (BATCH C, canonical mockup) --- */
.be-events__browse{ background:var(--ink,#0F1216); border-top:1px solid var(--rule,#232A33); padding:48px 0 8px; }
.be-events__browse-inner{ max-width:var(--be-container,1280px); margin:0 auto; padding:0 var(--be-gutter,24px); box-sizing:border-box; }
.be-events__browse-block{ margin-bottom:34px; }
.be-events__browse-chips{ display:flex; gap:9px; flex-wrap:wrap; }
.be-events__browse-chip{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:12px; letter-spacing:.02em; color:var(--t2,#A9B1BB); border:1px solid var(--rule2,#2E3742); border-radius:var(--radius,0); padding:9px 13px; text-decoration:none; background:var(--ink2,#141920); white-space:nowrap; transition:border-color .12s ease,color .12s ease; }
.be-events__browse-chip:hover{ border-color:var(--sigd,#9BC53D); color:var(--sig,#C6F24E); }
.be-events__browse-chip-n{ color:var(--t3,#7C8590); }
/* Root Events hero: single column (no stats grid) -> full-width left col + wider lede (mockup). */
.be-archive__hero--solo .be-archive__hero-left{ max-width:none; width:100%; }
.be-archive__hero--solo .be-archive__intro{ max-width:72ch; }

/* --- Hero search: prominent full-width treatment (BATCH C, mockup .search) --- */
html body.bigevent-surface .be-archive__filterbar .be-filters__row{ flex-wrap:wrap; align-items:center; }
html body.bigevent-surface .be-archive__filterbar .be-filters__search{
  display:flex !important; align-items:center; gap:12px; width:100%; flex-basis:100%; order:-1;
  border:1px solid var(--rule,#232A33) !important; background:var(--ink2,#141920) !important; padding:0 6px 0 16px !important; margin:0 0 12px !important; box-sizing:border-box; position:static !important;
}
.be-archive__filterbar .be-filters__search-icon{ font-family:var(--mono,'JetBrains Mono',monospace); color:var(--t3,#7C8590); font-size:16px; line-height:1; flex:0 0 auto; }
html body.bigevent-surface .be-archive__filterbar .be-filters__search .be-filters__input{
  flex:1 1 auto; min-width:0; background:none !important; border:0 !important; color:var(--w,#FFFFFF) !important;
  font-family:var(--sans,Archivo,sans-serif) !important; font-size:15.5px !important; padding:15px 0 !important; outline:none !important; box-shadow:none !important;
}
.be-archive__filterbar .be-filters__search .be-filters__input::placeholder{ color:var(--t3,#7C8590); }
.be-archive__filterbar .be-filters__search-go{ flex:0 0 auto; font-family:var(--mono,'JetBrains Mono',monospace); font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--sigink,#0D1005); background:var(--sig,#C6F24E); border:0; padding:12px 16px; cursor:pointer; white-space:nowrap; }
.be-archive__filterbar .be-filters__search-go:hover{ background:var(--sigd,#9BC53D); }
@media (max-width:767px){
  .be-events__browse{ padding:36px 0 4px; }
  .be-section-head__title{ font-size:22px; }
  .be-archive__filterbar .be-filters__search-go{ min-height:44px; }
}

/* ==========================================================================
   TOPICS HUB (BATCH D, Option A: Top topics + All tracked topics, A-Z).
   Flat-faithful adaptation of the canonical Topics mockup. Reuses .be-hubsearch
   (Batch A) + .be-section-head (Batch C). Owner of the .be-topcard / .be-topics
   primitives. Cities/Countries hubs are E/F.
   ========================================================================== */
.be-topics__section{ padding:40px 0 0; }
.be-topics__section[hidden]{ display:none; }
.be-topics__cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--rule,#232A33); border:1px solid var(--rule,#232A33); }
.be-topcard{ display:flex; flex-direction:column; gap:9px; background:var(--ink2,#141920); padding:20px 18px; text-decoration:none; min-height:158px; box-sizing:border-box; transition:background .12s ease; }
.be-topcard:hover{ background:var(--ink3,#1A2027); }
.be-topcard:focus-visible{ outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:-2px; }
.be-topcard[hidden]{ display:none; }
.be-topcard__code{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; letter-spacing:.14em; color:var(--sig,#C6F24E); text-transform:uppercase; }
.be-topcard__name{ font-family:var(--sans,Archivo,sans-serif); font-size:18px; font-weight:700; letter-spacing:-.02em; color:var(--w,#FFFFFF); line-height:1.2; }
.be-topcard__desc{ font-size:13px; line-height:1.5; color:var(--t2,#A9B1BB); }
.be-topcard__meta{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; letter-spacing:.08em; color:var(--t3,#7C8590); text-transform:uppercase; margin-top:auto; }
.be-topics__alpha{ display:grid; grid-template-columns:56px 1fr; gap:18px; padding:16px 0; border-bottom:1px solid var(--rule,#232A33); align-items:start; }
.be-topics__alpha:last-of-type{ border-bottom:0; }
.be-topics__alpha[hidden]{ display:none; }
.be-topics__alpha-letter{ font-family:var(--sans,Archivo,sans-serif); font-size:22px; font-weight:700; color:var(--t3,#7C8590); line-height:1; }
.be-topics__chips{ display:flex; gap:8px; flex-wrap:wrap; }
.be-topics__chip{ display:inline-flex; align-items:center; gap:5px; font-family:var(--mono,'JetBrains Mono',monospace); font-size:12px; color:var(--t2,#A9B1BB); border:1px solid var(--rule2,#2E3742); border-radius:var(--radius,0); padding:8px 12px; text-decoration:none; background:var(--ink2,#141920); white-space:nowrap; transition:border-color .12s ease,color .12s ease; }
.be-topics__chip:hover{ border-color:var(--sigd,#9BC53D); color:var(--sig,#C6F24E); }
.be-topics__chip:focus-visible{ outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:2px; }
.be-topics__chip[hidden]{ display:none; }
.be-topics__chip-count{ color:var(--t3,#7C8590); }
.be-topics__empty{ padding:34px 0; font-family:var(--mono,'JetBrains Mono',monospace); font-size:13px; letter-spacing:.02em; color:var(--t3,#7C8590); }
.be-section-head__link--static{ pointer-events:none; color:var(--t3,#7C8590); }
@media (max-width:1023px){ .be-topics__cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px){
  .be-topics__section{ padding:30px 0 0; }
  .be-topics__cards{ grid-template-columns:1fr; }
  .be-topics__alpha{ grid-template-columns:34px 1fr; gap:12px; }
  .be-topics__alpha-letter{ font-size:18px; }
}

/* ==========================================================================
   CITIES HUB (BATCH E): Conference hubs (top real cities) + preserved A-Z (primary
   IA). "By region" omitted (no region data source). Reuses .be-hubsearch (A) +
   .be-section-head (C) + the existing .be-index__az / __alpha / __cityidx A-Z CSS.
   ========================================================================== */
.be-cities__hubs{ padding:40px 0 0; }
.be-cities__hubs[hidden]{ display:none; }
.be-cities__hubgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--rule,#232A33); border:1px solid var(--rule,#232A33); }
.be-cityhub{ display:flex; flex-direction:column; gap:8px; justify-content:flex-end; background:var(--ink2,#141920); padding:26px 20px; min-height:150px; box-sizing:border-box; text-decoration:none; transition:background .12s ease; }
.be-cityhub:hover{ background:var(--ink3,#1A2027); }
.be-cityhub:focus-visible{ outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:-2px; }
.be-cityhub[hidden]{ display:none; }
.be-cityhub__rank{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; letter-spacing:.12em; color:var(--sig,#C6F24E); text-transform:uppercase; }
.be-cityhub__name{ font-family:var(--sans,Archivo,sans-serif); font-size:22px; font-weight:700; letter-spacing:-.02em; color:var(--w,#FFFFFF); line-height:1.15; }
.be-cityhub__topics{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10px; letter-spacing:.1em; color:var(--t3,#7C8590); text-transform:uppercase; }
.be-cities__hubrow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--rule,#232A33); border:1px solid var(--rule,#232A33); border-top:0; }
.be-cityhub-row{ display:flex; flex-direction:column; gap:5px; background:var(--ink2,#141920); padding:14px 16px; text-decoration:none; transition:background .12s ease; }
.be-cityhub-row:hover{ background:var(--ink3,#1A2027); }
.be-cityhub-row:focus-visible{ outline:var(--focus-width,2px) solid var(--sig,#C6F24E); outline-offset:-2px; }
.be-cityhub-row[hidden]{ display:none; }
.be-cityhub-row__rank{ font-family:var(--mono,'JetBrains Mono',monospace); font-size:10px; letter-spacing:.1em; color:var(--t3,#7C8590); text-transform:uppercase; }
.be-cityhub-row__name{ font-family:var(--sans,Archivo,sans-serif); font-size:15px; font-weight:700; color:var(--w,#FFFFFF); }
.be-cities__alphabetical{ padding:44px 0 0; }
.be-cities__alphabetical[hidden]{ display:none; }
.be-cities .be-index__az-letter--filtered{ opacity:.28; pointer-events:none; }
.be-cities .be-index__alpha[hidden]{ display:none; }
.be-cities .be-index__cityidx-item[hidden]{ display:none; }
.be-cities__empty{ padding:34px 0; font-family:var(--mono,'JetBrains Mono',monospace); font-size:13px; letter-spacing:.02em; color:var(--t3,#7C8590); }
@media (max-width:1023px){ .be-cities__hubgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .be-cities__hubrow{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px){
  .be-cities__hubs,.be-cities__alphabetical{ padding-top:30px; }
  .be-cities__hubgrid,.be-cities__hubrow{ grid-template-columns:1fr; }
  .be-cityhub__name{ font-size:19px; }
}

/* ==========================================================================
   COUNTRIES HUB (BATCH F): one ranked idxgrid (country + "N EVENTS · M CITIES") +
   Hub Search filter. Reuses the .be-index__cityidx cell primitive (Cities). No
   region layer (none in the countries mockup).
   ========================================================================== */
.be-countries{ padding:36px 0 0; }
.be-countries__grid{ margin-top:0; }
.be-countries__hint{ margin:20px 0 0; font-family:var(--mono,'JetBrains Mono',monospace); font-size:10.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--t3,#7C8590); }
.be-countries__empty{ padding:30px 0 0; font-family:var(--mono,'JetBrains Mono',monospace); font-size:13px; letter-spacing:.02em; color:var(--t3,#7C8590); }
.be-countries .be-index__cityidx-item[hidden]{ display:none !important; }

/* ==========================================================================
   BATCH 7 - Rowx responsive refinement (handoff §7): insets, not dividers.
   Editorial blocks separated by SPACE (no rules between ABOUT/BEST FOR/STANDS
   OUT); ONE inset rule before DETAILS on stacked views; DETAILS de-tabled on
   mobile; CTA filled + full-width + 48H. Interaction/markup unchanged.
   ========================================================================== */
.be-radar-event__block{ margin-bottom:22px; }   /* desktop block spacing (handoff 22) */
.be-radar-event__label{ margin-bottom:8px; }    /* desktop label->copy gap (handoff 8) */

/* Tablet/mobile stacked dossier (single column) at <=768 per handoff §7. */
@media (max-width:768px){
  .be-radar-event__details{
    grid-template-columns:1fr; gap:0;
    padding:24px 20px 24px;                       /* outer padding + ~20px content inset (not 0 horizontal) */
  }
  .be-radar-event__spacer{ display:none; }
  .be-radar-event__block{ margin-bottom:24px; }   /* block spacing 24 */
  .be-radar-event__label{ margin-bottom:9px; }    /* label->copy gap 9 */
  /* DETAILS: ONE inset rule before it; drop the full box + per-row rules (no spreadsheet). */
  .be-radar-event__meta{ border:0; border-top:1px solid var(--rule); padding:24px 0 0; margin-top:4px; }
  .be-radar-event__metarow{ border-bottom:0; padding:6px 0; }
  /* CTA: filled, full-width, comfortable touch height. */
  .be-radar-event__cta--filled{ display:block; width:100%; box-sizing:border-box; text-align:center; min-height:48px; line-height:1.5; padding:13px 16px; margin-top:18px; }
}
/* Mobile <=390 — tighter outer padding (22 / 18 inset) + more editorial breathing room. */
@media (max-width:390px){
  .be-radar-event__details{ padding:22px 18px 22px; }
  .be-radar-event__block{ margin-bottom:26px; }   /* block spacing 26 */
  .be-radar-event__label{ margin-bottom:10px; }   /* label->copy gap 10 */
}
/**
 * BigEvent — RADAR Archive Dark Surface  (P-Surface-1)
 * =============================================================================
 * Purpose : The RADAR row is a DARK-system component (white text, --w). On the
 *           archive it was rendered onto the parchment .be-surface, so organic
 *           row titles/dates were white-on-parchment (~1.05:1, near-invisible).
 *           This gives the RADAR row STREAM its dark surface so the design reads
 *           as intended. The RADAR row markup/tokens are unchanged.
 * Scope   : ONE container — .be-archive__list — which holds ONLY the month
 *           headings + rows. Its siblings inside .be-archive__results (the
 *           pagination) and the archive chrome (hero, seo-intro, filterbar,
 *           related-nav, FAQ, compare bar) are OUTSIDE .be-archive__list and
 *           stay parchment/untouched. The Topic×Country landing does not pass
 *           should_render(), so this CSS never prints there.
 * Gating  : Printed by 125529 ONLY where bigevent_radar_should_render() passes
 *           (RADAR archive surfaces: /events/ + topic/country/city), AND unless
 *           the kill switch define('BIGEVENT_RADAR_ARCHIVE_DARK', false) is set.
 *           No structural/PHP change; organic rows byte-identical; no new class.
 * Rollback: define BIGEVENT_RADAR_ARCHIVE_DARK false (surface only), or
 *           deactivate 125529 (all RADAR off — archives revert to legacy cards).
 */

/* The RADAR row stream sits on the dark ink surface (rows are background:transparent). */
.be-archive__list{
  background:var(--ink,#0F1216);
  padding:6px 16px 20px;
}

/* Month group heading was parchment-theme dark (--be-ink) — make it light on dark. */
.be-archive__list .be-archive__month-heading{
  color:var(--w,#FFFFFF);
}

/* Mobile: trim the horizontal inset so the row grid keeps its width (no overflow). */
@media (max-width:767px){
  .be-archive__list{ padding-left:12px; padding-right:12px; }
}

/* Homepage "This quarter" organic list (Homepage Step 1). Same dark RADAR surface,
 * scoped to the --radar modifier that 123369 adds ONLY when RADAR home is active, so
 * it never affects the card version. The 2-class specificity also lets gap:0 win over
 * the homepage's .be-home__quarter-grid gap without !important. The module head
 * (eyebrow/title/"Browse all") sits OUTSIDE the grid and stays parchment/untouched. */
.be-home__quarter-grid--radar{
  background:var(--ink,#0F1216);
  padding:6px 16px 20px;
  gap:0;
}
@media (max-width:767px){
  .be-home__quarter-grid--radar{ padding-left:12px; padding-right:12px; }
}