/* A tilted lattice stays behind the content and never captures a click. */
body.site-page {
  isolation: isolate;
  --grid-line: #64646445;
  background-image: radial-gradient(ellipse at 55% 4%, #C1080122, transparent 28%), repeating-linear-gradient(-60deg, transparent 0 63px, var(--grid-line) 63px 64px), repeating-linear-gradient(30deg, transparent 0 63px, var(--grid-line) 63px 64px);
  background-size: auto;
}
html[data-theme="light"] body.site-page {
  --grid-line: #B8BFC166;
  background-image: radial-gradient(ellipse at 55% 4%, #FF940814, transparent 32%), repeating-linear-gradient(-60deg, transparent 0 63px, var(--grid-line) 63px 64px), repeating-linear-gradient(30deg, transparent 0 63px, var(--grid-line) 63px 64px);
}
body.site-page.has-grid-canvas,
html[data-theme="light"] body.site-page.has-grid-canvas {
  background-image: radial-gradient(ellipse at 55% 4%, #CA3F1614, transparent 32%);
}
.background-grid {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
}