/* Keep the existing dropdown geometry and bridge its pointer gap. */
@media (min-width:901px) {
  .dropdown::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px;}
  .has-dropdown.open .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
  .has-dropdown > a[aria-expanded="false"] + .dropdown{opacity:0;visibility:hidden;}
}