/* Shared outer alignment for home, product, support and privacy pages. */
:root {
  --site-content-max: 1180px;
  --site-gutter: 2rem;
}

.wrap,
.breadcrumbs {
  width: min(calc(100% - var(--site-gutter)), var(--site-content-max));
  margin-inline: auto;
}

@media (max-width: 600px) {
  :root { --site-gutter: 1.25rem; }
}