/* Keep the header on-screen: the nav scrolls sideways inside the header instead of widening the page */
header{position:sticky !important;top:0;z-index:100;max-width:100%;}
header > a{flex-shrink:0;}
header nav{min-width:0 !important;flex:1 1 auto;overflow-x:auto !important;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
header nav::-webkit-scrollbar{display:none;}
header nav a{flex-shrink:0;white-space:nowrap;}
/* Wide tables scroll inside themselves on small screens instead of widening the page */
@media (max-width:700px){
  main table, .guide-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
