/* Shared page gutters for marketing, marketplace, and account pages. */
:root {
  --site-page-gutter: 24px;
}

@media (max-width: 800px) {
  :root { --site-page-gutter: 18px; }
}

@media (max-width: 370px) {
  :root { --site-page-gutter: 12px; }
}

/* Keep the business dashboard's content aligned beside its fixed sidebar. */
.app .content {
  padding-left: var(--site-page-gutter);
  padding-right: var(--site-page-gutter);
}