/* Shared page width and gutters keep content aligned with the navbar. */
:root {
  --site-max-width: 1100px;
  --site-gutter: 24px;
}

html {
  scrollbar-gutter: stable;
}

.container,
.wrap,
.site-nav-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--site-max-width);
  margin-inline: auto;
  padding-inline: var(--site-gutter);
}