MDN: Content first (Header to Footer)

Moves main content to the top, so the header with dropdown menus lands above footer.

/* ==UserStyle==
@name           MDN: Content first (Header to Footer)
@description    Moves main content to the top, so the header with dropdown menus lands above footer.
@namespace      myfonj
@version        1.0.5
@license        CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("developer.mozilla.org") {
 /*
    https://greasyfork.org/en/scripts/409087/versions/new
    2020-12-15 they switched to "signle column grid"
    With explicity set template-row, that matches matural source order.
    Makes no sense to me. Education? Showing off? Questions…
    You know what?
    Flexbox is fine. I think. Natural order, no need to keep track, no overlays.
    2021-03-11 switched to shallow grid with aside and main besides each other
  */
 /*
 § First row (header): move after content
  both header and footer have z-index of 9999
  https://github.com/mdn/yari/blob/c8e3837e2646d4433ad97899afcbd1ced94e3b0f/client/src/ui/organisms/header/index.scss#L58
  increasing is necessary foro dropdowns to not be covered with following footer
 */
 .document-page .page-header {
  grid-row: 8/9; /* was 1/2 */
  z-index: 10000;
 }
 /*
 § Breadcrumbs: stick to top
 */
 .breadcrumb-locale-container {
  margin: 0;
 }
/* 
 § Breadcrumbs: Hide last (current) item
 Redundant: URL is already in location bar, text is in H1
 * OFF /
 .breadcrumb-locale-container nav li:nth-last-child(1) {
  display: none;
 }
 .breadcrumb-locale-container nav li:nth-last-child(2) a::after{
  --REM: 'caron separator';
  content: none;
 }
 /*
  § Footer: decrease z-index to get visible search suggestions dropdown
 */
 .nav-footer {
  z-index: 200;
 }
}