/* aggrologix grid ground — works in light and dark (colours come from tokens.css).
   <section class="ax-ground"> ... </section> */
.ax-ground {
  position: relative;
  background: var(--ax-bg);
  isolation: isolate;
}
.ax-ground::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(var(--ax-grid-color) var(--ax-grid-line), transparent var(--ax-grid-line)),
    linear-gradient(90deg, var(--ax-grid-color) var(--ax-grid-line), transparent var(--ax-grid-line));
  background-size: var(--ax-grid-cell) var(--ax-grid-cell);
  background-position: var(--ax-grid-offset) var(--ax-grid-offset);
  -webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
          mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
}
/* sunken band variant (alternate sections, footer) */
.ax-ground--sunken { background: var(--ax-bg-sunken); }
/* edge-to-edge grid, no fade */
.ax-ground--flat::before { -webkit-mask-image: none; mask-image: none; opacity: 0.7; }