/* Shared outer-width primitives. Pages own vertical spacing and their content layout. */
.site-shell {
  --site-shell-max:none;
  box-sizing:border-box;
  width:calc(100% - (2 * var(--site-gutter)));
  max-width:var(--site-shell-max);
  min-width:0;
  min-height:100vh;
  margin:0 auto;
}
.site-shell-reading { --site-shell-max:var(--site-reading-max); }
.site-shell-focused { --site-shell-max:var(--site-focused-max); }
.site-shell-workspace { --site-shell-max:none; }
@supports (height:100dvh) { .site-shell { min-height:100dvh; } }
@media (max-width:640px) {
  .site-shell { --site-gutter:var(--site-gutter-phone); }
}