:root {
  --go-columns: 12;
  --go-gap-size: 24;
  --go-max-width: 1440;
  --go-side-padding: 32;
  --go-color: #ff0000;
  --go-opacity: 0.1;
}
#grid-overlay {
  grid-template-columns: repeat(var(--go-columns), 1fr);
  gap: 0 calc(var(--go-gap-size) * 1px);
  max-inline-size: calc(var(--go-max-width) * 1px);
  margin-inline: auto;
  padding-inline: calc(var(--go-side-padding) * 1px);
  block-size: 100dvb;
  opacity: var(--go-opacity, 0.1);
  z-index: 100;
  position: fixed;
  inset: 0;
  pointer-events: none;
  display: none;
}
#grid-overlay > * {
  background-color: var(--go-color);
  block-size: 100%;
}
.debug #grid-overlay {
  display: grid;
}