/* An explicit cue when mobile page links continue past the edge. */
header nav .jj-nav-shift { display: none; }

@media (max-width: 768px) {
  header nav .jj-nav-shift:not([hidden]) {
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-height: 40px;
    border: 0;
    border-left: 1px solid rgba(201, 168, 76, .48);
    border-radius: 0;
    background: #111f0a;
    color: #c9a84c;
    font: 26px/1 Arial, sans-serif;
    cursor: pointer;
    touch-action: manipulation;
  }
  header nav .jj-nav-shift:focus-visible {
    outline: 2px solid #f5f0e8;
    outline-offset: -2px;
  }
}