:root{
  --page-gutter:64px;
  --page-scrollbar-width:calc(100vw - 100%);
  --page-shell-width:calc(100% - var(--page-gutter) - var(--page-gutter) + var(--page-scrollbar-width));
  --page-gutter-end:calc(var(--page-gutter) - var(--page-scrollbar-width));
}

@media (min-width:851px) and (max-width:1199px){
  :root{--page-gutter:36px}
}

@media (max-width:850px){
  :root{--page-gutter:20px}
}

/* Universal public-page shell. */
.site-header,
.section-shell{
  width:var(--page-shell-width);
  max-width:none;
  margin-left:var(--page-gutter);
  margin-right:var(--page-gutter-end);
}