/* Match the catalog's broad top-left and bottom-right corners on a square. */
#umi-recommendation .video-card,
#sequence-stage > .video-card,
.capability-section--offer > .receipt-showcase-card {
    border-radius: 11.18% 4.12%;
}

#umi-recommendation .video-card .video-card-inner,
#sequence-stage > .video-card .video-card-inner,
.capability-section--offer > .receipt-showcase-card .video-card-inner {
    border-radius: inherit;
}

#umi-recommendation .video-card::before,
#umi-recommendation .video-card::after,
#sequence-stage > .video-card::before,
#sequence-stage > .video-card::after,
.capability-section--offer > .receipt-showcase-card::before,
.capability-section--offer > .receipt-showcase-card::after {
    border-radius: calc(11.18% + 2px - 4px * 0.1118) calc(4.12% + 2px - 4px * 0.0412);
}

/* Match Index's responsive text and showcase without changing desktop layout. */
@media (max-width: 1024px) {
    #umi-recommendation.automation-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: clamp(1.5rem, 4svh, 2.5rem);
        height: auto;
        min-height: 100svh;
        padding: calc(84px + 2rem) 5vw 3rem;
    }

    #umi-recommendation .automation-text {
        order: 0;
        flex: none;
        container-type: inline-size;
        width: min(100%, 560px);
        min-width: 0;
        max-width: none;
        margin-inline: auto;
        padding: 0;
        text-align: center;
    }

    #umi-recommendation .automation-text h2 {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        margin: 0 0 1.25rem;
        font-size: clamp(1.65rem, 8cqw, 2.6rem);
        line-height: 1.15;
        text-align: center;
        text-wrap: balance;
        overflow-wrap: break-word;
    }

    #umi-recommendation .automation-text .section-description {
        width: 100%;
        max-width: 100%;
        margin: 0;
        font-size: clamp(1rem, 4.2cqw, 1.25rem);
        line-height: 1.6;
        text-align: center;
        text-wrap: pretty;
        overflow-wrap: break-word;
    }

    #umi-recommendation .video-card {
        order: 1;
        position: relative;
        top: auto;
        left: auto;
        flex: none;
        width: min(100%, 680px);
        min-width: 0;
        max-width: none;
        height: auto;
        aspect-ratio: 1;
        margin: 0 auto;
    }
}