/**
 * MERİVA — mobile fit overlay
 * Chip-row internal scroll and text containment.
 * Does not hide page overflow with html/body overflow-x.
 * Does not change homepage hero composition or desktop navbar.
 */

.m-app-main,
.m-app-container {
    min-width: 0;
    max-width: 100%;
}

.m-feed-chips,
.mx-content-prefs {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    scroll-padding-inline: 0.75rem;
    -webkit-overflow-scrolling: touch;
}

.m-app-main h1,
.m-app-main h2,
.m-app-main p,
.m-app-main li {
    overflow-wrap: break-word;
    word-break: normal;
    max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .m-feed-chips,
    .mx-content-prefs {
        scroll-behavior: auto;
    }
}

body.m-ui-v4 .m-app-main,
body.m-ui-v4 .m-app-container,
body.m-ui-v4 .v4-explore {
    min-width: 0;
    max-width: 100%;
}