/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/*
 * Builder adds a 24px spacer under every component below 64em
 * (ComponentSpacerSizeMobile). The banner and the hidden regions carry their
 * own vertical rhythm, so it only doubles up there.
 */
c-m-banner.component-wrapper-spacer,
community_layout-hidden-region .component-wrapper-spacer {
    margin-bottom: 0;
}

/*
 * The stock Inner theme layout tints its footer wrapper, which cuts a seam
 * across the page background right where the page padding ends.
 */
.community_byo-scoped-header-and-footer__footer-content {
    background: transparent;
}

/*
 * The Home head markup pads the status-card grid and hides each slot whose card
 * is gated off, so a user with no visible cards got an empty padded block.
 */
.status-card-grid:not(:has(c-m-status-card:not(.m-status-card--hidden))) {
    display: none !important;
}