body.public-site .container {
    width: min(100%, var(--container-wide));
    max-width: var(--container-wide);
    margin-inline: auto;
    padding-inline: clamp(1.25rem, 4vw, 1.75rem);
}

body.public-site .section-band {
    padding: var(--space-8) 0;
}

body.public-site .section-band-alt {
    background: var(--color-cream);
}

/* A band that continues the one above it rather than starting a new topic: the heading band and
   the content it introduces should not be separated by two full band paddings. */
body.public-site .section-band--tight-top {
    padding-top: 0;
}

body.public-site main {
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-secondary) 24%, transparent), transparent 30rem),
        linear-gradient(180deg, var(--color-background), #fff);
}

body.public-site .page-shell {
    padding-top: var(--space-7);
}

body.public-site .storefront-content-anchor {
    scroll-margin-top: 7rem;
}