/*
 * APP-1094 - mobile corrections for the imported Cornerstone carousels.
 *
 * The imported pages (88 of them across 12 program families plus the generated
 * templates) all share the Integrity Light theme, but every page carries its own
 * machine-generated spacing classes (`.m18c-2d` and friends), so the layout below
 * cannot be corrected per page. It is corrected here, against the theme's stable
 * structural hooks, and linked from every layout that loads integrity-light.css.
 *
 * Two faults, both only visible once the slider collapses to a single slide:
 *
 * 1. The prev/next arrows live in an absolutely positioned bar spanning the
 *    carousel wrapper (`left: 0; right: 0; justify-content: space-between`). On a
 *    wide viewport the slides sit in an inset container, so the arrows land in the
 *    gutters either side. On a phone the single slide fills the wrapper, so the two
 *    55px circles land on top of the card. Swipe and the pagination dots already
 *    page the carousel on touch, so the arrows are redundant there and are hidden.
 *    Hiding the anchors rather than their container avoids depending on the
 *    container's shape - the bar is left with no content and collapses.
 *
 * 2. The slide keeps its desktop `padding: 3em` (54.6px) at every width. On a 319px
 *    card that leaves 210px of content inside 109px of padding, which is the dead
 *    space in the report. The padding is a per-page hashed class, so `!important` is
 *    what makes the override land regardless of where that class falls in the
 *    cascade.
 *
 * Scoped to the phone breakpoint, so nothing above it changes.
 */
@media (max-width: 640px) {
    [data-x-slide-prev],
    [data-x-slide-next] {
        display: none !important;
    }

    .x-slide {
        padding: 1.5em !important;
    }
}