/* Prevent content grids and long user text from widening the document. Elements
   with intentional horizontal scrolling keep their own overflow declarations. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.page-shell,
.page-shell > main,
.publish-page,
.publish-workspace,
.publish-workspace > main,
.publish-preview-column,
.publish-section,
.listing-grid,
.source-configs,
.media-upload,
.workshop-page,
.workshop-layout,
.workshop-layout > main,
.config-grid,
.config-card,
.config-body,
.library-page,
.library-summary,
.library-tabs,
.library-items,
.library-item,
.library-item-body,
.wallet-page,
.wallet-hero,
.store-page,
.store-hero,
.store-plan-heading,
.package-grid,
.wallet-history,
.loader-page,
.loader-hero,
.loader-download-grid,
.loader-download-card,
.config-details-page,
.release-update-page {
    min-width: 0;
    max-width: 100%;
}

.publish-page {
    overflow-x: hidden;
}

.publish-section input,
.publish-section textarea,
.publish-section select,
.library-item input,
.config-details-page input,
.config-details-page textarea {
    min-width: 0;
    max-width: 100%;
}

.publish-section h2,
.publish-section p,
.publish-card-preview h3,
.publish-card-preview p,
.library-item h2,
.library-item p,
.config-title h3,
.config-body > p,
.config-details-page h1,
.config-details-page p {
    overflow-wrap: anywhere;
}

@supports (overflow: clip) {
    html,
    body,
    .publish-page {
        overflow-x: clip;
    }
}