.event-header-actions { display: flex; align-items: center; gap: 24px; }
.event-site-menu { position: relative; }
.event-site-menu > summary {
  display: flex; align-items: center; gap: 12px; min-height: 46px; padding: 10px 14px;
  border: 1px solid #71c5e566; border-radius: 4px; cursor: pointer; list-style: none;
  font-size: 13px; font-weight: 700; color: #f6faf9;
}
.event-site-menu summary::-webkit-details-marker { display: none; }
.event-site-menu > summary svg { fill: none; stroke: currentColor; stroke-width: 1.7; }
.event-site-menu[open] > summary { background: #163743; border-color: #71c5e5; }
.site-header .event-primary-nav {
  display: flex; flex-direction: column; align-items: stretch; gap: 0;
  position: absolute; right: 0; top: calc(100% + 12px); width: 320px;
  max-width: calc(100vw - 32px); max-height: calc(100dvh - 112px); overflow-y: auto;
  overscroll-behavior: contain; background: #0c222b; border: 1px solid #71c5e550;
  border-radius: 6px; padding: 10px; box-shadow: 0 16px 40px #0007;
}
.event-site-menu:not([open]) > .event-primary-nav { display: none; }
.event-primary-nav a, .event-involvement > summary {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 44px; padding: 11px 14px; color: #e8f3f5;
  font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none;
  cursor: pointer; border-radius: 3px; list-style: none;
}
.event-primary-nav a:hover, .event-involvement > summary:hover { background: #193d49; }
.event-primary-nav a:focus-visible, .event-site-menu summary:focus-visible { outline-offset: -3px; }
.event-involvement > div { border-left: 1px solid #71c5e566; margin: 2px 12px 10px 14px; padding-left: 8px; }
.event-involvement[open] > summary { color: #71c5e5; }
.event-primary-nav a[aria-current="page"] { color: #71c5e5; background: #153641; }
.event-primary-nav .event-menu-inquire { margin-top: 8px; background: #71c5e5; color: #071b23; }
.event-primary-nav .event-menu-inquire:hover { background: #a1dff3; }
@media (max-width: 1050px) { .event-header-actions { gap: 16px; } }
@media (max-width: 760px) {
  .event-header-actions { gap: 0; }
  .site-header .event-page-nav { display: none; }
  .site-header .event-primary-nav { max-height: calc(100dvh - 92px); }
}