/* MJBizCon 2026 strip. TEMPORARY: remove after the show ends on 4 December 2026,
   together with the <!-- event-strip --> blocks in every page.

   Placement: directly UNDER the sticky header, never above it. The mobile menu
   panel is position:fixed at 74px from the viewport top, which assumes the
   header starts at y=0. A strip above the header would make the open menu
   overlap the header whenever the page is unscrolled.

   Colours are the site's own tokens with literal fallbacks, so the strip reads
   the same on every page. Measured on --forest-deep #2D3954: --pale text
   10.41:1, white link 13.6:1. The separator dots are decorative and hidden
   from screen readers, so their reduced opacity carries no meaning. */
.event-strip{
  background:var(--forest-deep,#2D3954);color:var(--pale,#DFE0DC);
  border-bottom:1px solid var(--line,rgba(124,140,165,.18));
  font-size:.88rem;line-height:1.45;
}
.event-strip .es-wrap{
  max-width:var(--maxw,1180px);margin:0 auto;
  padding:.6rem var(--pad,clamp(1.25rem,5vw,3rem));
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:.2rem .85rem;text-align:center;
}
.event-strip b{color:#fff;font-weight:500}
.event-strip .es-sep{opacity:.55}
.event-strip a{color:#fff;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.event-strip a:hover{color:var(--orange,#D96B3B)}
.event-strip a:focus-visible{outline:2px solid var(--mint,#7C8CA5);outline-offset:2px;border-radius:2px}
@media (max-width:600px){ .event-strip .es-sep{display:none} .event-strip .es-wrap{gap:.1rem .6rem} }