/* Centers page content at the shared readable maximum. */
.global-container {
  width: min(var(--content-width), calc(100% - var(--space-14)));
  margin-inline: auto;
}

.global-container[data-layered] {
  position: relative;
  z-index: 1;
}

@media (max-width: 640px) {
  .global-container {
    width: min(var(--content-width), calc(100% - var(--space-11)));
  }
}