/* Site-wide metro grid backdrop (all pages except /map?layer=metro) */

.site-grid-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: transparent;
  background-image:
    linear-gradient(color-mix(in srgb, var(--line) 40%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--line) 40%, transparent) 1px, transparent 1px);
  background-size: 40px 40px;
}

body > main,
body > .admin-main,
body > .page-shell,
body > .profile,
body > .shop-page,
.site-grid-layer ~ main,
.site-grid-layer ~ .admin-main,
.site-grid-layer ~ .page-shell,
.site-grid-layer ~ .profile,
.site-grid-layer ~ .auth,
.site-grid-layer ~ .map-stage,
.site-grid-layer ~ .maint {
  position: relative;
  z-index: 1;
}