/* MPLS Ramah v1.6.7 — Mobile performance guardrails */

/* Pause purely decorative work while the tab is not visible. */
html.page-is-hidden .ambient,
html.page-is-hidden .global-confetti,
html.page-is-hidden .discussion-emoji-particle,
html.page-is-hidden .celebration-toast{
    animation-play-state:paused!important;
}

/* Save-data mode keeps the interface complete while reducing costly effects. */
html[data-save-data="true"] .ambient{
    display:none!important;
}
html[data-save-data="true"] .panel,
html[data-save-data="true"] .card,
html[data-save-data="true"] .participant-day-card-v165,
html[data-save-data="true"] .discussion-shell,
html[data-save-data="true"] .more-sheet{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
}

/* Let the browser decode media without blocking text and navigation. */
.asset-loader-v167 img,
.asset-loader-v167 iframe,
.asset-loader-v167 video{
    max-width:100%;
}
.asset-loader-v167 img{
    image-orientation:from-image;
}

/* Avoid expensive off-screen painting on long feeds where supported. */
@supports (content-visibility:auto){
    .notification-row-v153,
    .discussion-comment,
    .reflection-feed-item,
    .portfolio-feed-card{
        content-visibility:auto;
        contain-intrinsic-size:96px;
    }
}

@media (max-width:820px){
    /* Prevent large media from creating horizontal layout work on phones. */
    .app-page-shell iframe,
    .app-page-shell video,
    .app-page-shell canvas{
        width:100%;
        max-width:100%;
    }
}