@mixin hide-accessibly {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}

@mixin show-accessibly {
  position: relative;
}

.menu {
  li {
    display: inline-block;
    margin: 0 0.25em;

    &:not(.priority):not(.toggler) {
      @include hide-accessibly;
    }
    
    a {
      display: block;
      padding: 1em 0.5em;
    }
  }
  
  .toggler a::after {
    content: 'More+';
  }
  
  &.expanded {
    li:not(.priority) {
      @include show-accessibly;
    }
    
    .toggler a::after {
      content: 'Less-';
    }
  }

  @media screen and (min-width: 48.25em) {
    li:not(.priority):not(.toggler) {
      @include show-accessibly;
    }

    .toggler {
      display: none;
    }
  }
}