/*
 * Project layout foundation.
 *
 * Page-level regions use float:left as the common layout baseline. Existing
 * component-level flex/grid declarations remain compatibility details so the
 * established desktop, tablet and mobile rendering does not change.
 */
body > .dashboard,
body > .workspace {
  box-sizing: border-box;
}

body > .dashboard::after,
body > .workspace::after {
  content: "";
  display: table;
  clear: both;
}

body > .dashboard,
body > .workspace {
  float: left;
  clear: both;
  width: 100%;
}

body:not(.studio-body) > main:not(.container):not(.sp-shell) {
  float: left;
  clear: both;
  width: 100%;
  box-sizing: border-box;
}

body:not(.studio-body) > main:not(.container):not(.sp-shell) ~ footer {
  clear: both;
}