/* Main section landing pages share the AINEW / popular-events content boundary.
 * One outer gutter owns spacing; nested shells must not add a second gutter.
 * Creator center and article interiors retain their separate layouts.
 */
:root {
    --bb-content-gutter: 16px;
    --bb-content-top-gap: 12px;
}
@media (min-width: 640px) {
    :root { --bb-content-gutter: 24px; --bb-content-top-gap: 24px; }
}
@media (min-width: 1280px) {
    :root { --bb-content-gutter: 32px; }
}
@media (min-width: 1536px) {
    :root { --bb-content-top-gap: 32px; }
}
.content-wrapper > div:has(> .aixzd-home-nav-shell:not(.bb-creator-layout)) {
    padding-inline: var(--bb-content-gutter);
    padding-top: var(--bb-content-top-gap);
}
.aixzd-home-nav-shell:not(.bb-creator-layout) > .aixzd-home-nav-content > .aixzd-shell {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0;
    margin-inline: 0;
    box-sizing: border-box;
}