/*
 * Remote X — Dynamic Tour CTA
 *
 * Deliberately minimal: the card is composed almost entirely from existing design
 * system classes (`.card`, `.bg-surface-l-1`, `.columns-2`, `.btn`, `.headline-pre`,
 * spacing tokens), so this file only covers the few structural gaps those utilities
 * do not.
 */

.tour-cta {
    position: relative;
}

/* The ribbon is positioned against the card, per DESIGN.md 11.3. */
.tour-cta > .ribbon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/* Grid/flex children default to min-width:auto, which lets a large image push the
   text column out of its track. */
.tour-cta figure,
.tour-cta .column {
    min-width: 0;
}

.tour-cta img {
    display: block;
}

/* Once the columns collapse, the copy should lead and the image follow. */
@media (max-width: 768px) {
    .tour-cta figure {
        order: 2;
    }

    .tour-cta .column {
        order: 1;
    }
}