/* Onlyonery's spacing: one scale for all our front ends, so a new page gets sensible gaps (theme/web/README.md) */
:root{
  --space-xs:8px;--space-s:12px;--space-m:16px;--space-l:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;
  --section:96px;  /* above and below each section of a page */
  --gutter:40px;   /* the page's left and right margins */
}
@media (max-width:1100px){:root{--gutter:32px}}
@media (max-width:640px){:root{--section:64px;--gutter:20px}}
/* zero specificity (:where), so any rule of the page's own wins */
:where(main > section){padding-block:var(--section)}