/* Shared content width; preserve the existing 24 px desktop gutters. */
html {scrollbar-gutter:stable both-edges}
html body main#main-content {
  width:calc(100% - 48px);
  max-width:1280px;
  padding-inline:0;
  margin-inline:auto;
}
html[data-theme] body nav.site-nav {padding-inline:24px}
html[data-theme] body nav.site-nav > div.nav-shell {
  width:100%;
  max-width:1280px;
  padding-inline:0;
  margin-inline:auto;
}
@media(max-width:700px) {
  html body main#main-content {width:calc(100% - 28px)}
  html[data-theme] body nav.site-nav {padding-inline:14px}
}