/* Header/menu v2: isolated from long-lived site.css caching. */
@media (min-width: 861px) {
  .topbar .context-badge,
  .topbar .context-copy {
    display: none !important;
  }

  .topbar .context {
    min-width: 42px !important;
    gap: 0 !important;
  }

  .topbar .ev-menu-toggle {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .topbar .ev-menu-mark {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    background: var(--acid, #d7ff3f) !important;
    color: #000 !important;
    box-shadow: 4px 4px 0 var(--pink, #ff8dd8) !important;
    font: 900 17px/1 ui-monospace, SFMono-Regular, Menlo, monospace !important;
    letter-spacing: -.05em !important;
    transform: rotate(-2deg) !important;
  }

  .topbar .ev-menu-toggle:hover .ev-menu-mark,
  .topbar .ev-menu-toggle:focus-visible .ev-menu-mark {
    transform: rotate(0deg) translateY(-1px) !important;
  }

  body:not(.desktop-rail-closed) .topbar .ev-menu-toggle {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.desktop-rail-closed .topbar .ev-menu-toggle {
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .rail-close {
    display: grid !important;
  }
}

@media (max-width: 860px) {
  .topbar .context-badge,
  .topbar .context-copy {
    display: block !important;
  }

  .topbar .ev-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .topbar .ev-menu-mark {
    width: 36px !important;
    height: 36px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    background: var(--acid, #d7ff3f) !important;
    color: #000 !important;
    box-shadow: 3px 3px 0 var(--pink, #ff8dd8) !important;
    font: 900 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace !important;
    transform: rotate(-2deg) !important;
  }
}