/* JP 5_1 BS5 v2 - mobile Applications ▼ single-marker repair
   Root cause: legacy BS3 dropdown-submenu triangle border remained on the same ::after
   pseudo-element after fallback content:"▼" was added, creating a visible extra half-arrow.
   Scope: mobile <=800px, only the six second-level Applications rows owning a third level.
   Frozen: navbar DOM/text/href, hamburger geometry, desktop shell, footer, all B content/images. */
@media (max-width:800px){
  body.jp-bs5-5-1-page
  nav.navbar
  ul.nav.navbar-nav > li.dropdown:nth-child(2)
  > ul.dropdown-menu > li.dropdown-submenu
  > a.dropdown-toggle::after{
    content:"▼" !important;
    display:inline-block !important;
    float:none !important;
    width:auto !important;
    height:auto !important;
    margin:0 0 0 4px !important;
    padding:0 !important;
    vertical-align:baseline !important;
    border:0 !important;
    border-width:0 !important;
    border-style:none !important;
    border-color:transparent !important;
    color:currentColor !important;
    font-size:.72em !important;
    line-height:1 !important;
    transform:none !important;
    background:none !important;
    box-shadow:none !important;
  }

  /* Hard-neutralize every legacy triangle source on the same six links. */
  body.jp-bs5-5-1-page
  nav.navbar
  ul.nav.navbar-nav > li.dropdown:nth-child(2)
  > ul.dropdown-menu > li.dropdown-submenu
  > a.dropdown-toggle:after{
    border:0 !important;
    border-width:0 !important;
    border-style:none !important;
    border-color:transparent !important;
  }

  /* Projector and speaker are second-level leaves: no arrow. */
  body.jp-bs5-5-1-page
  nav.navbar
  ul.nav.navbar-nav > li.dropdown:nth-child(2)
  > ul.dropdown-menu > li:not(.dropdown-submenu)
  > a::after{
    content:none !important;
    display:none !important;
    border:0 !important;
  }
}