:root { --page-gutter: var(--sp6-4); }
@media (min-width: 721px) { :root { --page-gutter: var(--sp6-6); } }
@media (min-width: 960px) { :root { --page-gutter: var(--sp6-7); } }
@media (min-width: 1361px) { :root { --page-gutter: var(--sp6-8); } }
@media (min-width: 1920px) { :root { --page-gutter: var(--sp6-9); } }

:root { --edge: var(--page-gutter); --gutter: var(--page-gutter); }
.masthead, .footer { --edge: var(--page-gutter); }
.pp6 { --pp-edge: var(--page-gutter); }