/* The two index pages alone load these additions at their existing phone breakpoint. */
:is(.asem-formations, .asem-guidelines) > .asem-learning-mobile-app { display: none; }

@media (max-width: 767px) {
    :is(.asem-formations, .asem-guidelines) > .asem-learning-mobile-app { display: block; padding: 0; margin: 0; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__card {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 11px 10px;
        border: 1px solid #ffd0c2;
        border-radius: 12px;
        background: linear-gradient(120deg, #ffe5db, #ffddd1);
        box-shadow: 0 6px 18px rgb(207 99 66 / 10%);
        color: #0d2d61;
    }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__illustration { display: block; width: 100%; height: auto; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__copy { min-width: 0; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__label { margin: 0 0 5px; color: #b93220; font-size: 10px; font-weight: 750; line-height: 1.3; letter-spacing: .035em; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__copy h2 { margin: 0 0 6px; color: #0d2d61; font-size: 16px; font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__description { margin: 0; color: #355572; font-size: 11px; line-height: 1.4; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__download {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 44px;
        padding: 9px 10px;
        border: 1px solid #0059c6;
        border-radius: 8px;
        background: #0059c6;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        transition: background-color .15s ease;
    }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__download > i { flex: 0 0 auto; }
    .asem-formations .asem-learning-mobile-app__details { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
    .asem-formations .asem-learning-mobile-app__description { flex: 1 1 108px; }
    .asem-formations .asem-learning-mobile-app__download { flex: 0 1 auto; margin-inline-start: auto; }
    .asem-guidelines .asem-learning-mobile-app__card { grid-template-columns: 96px minmax(0, 1fr); align-items: start; padding: 13px 12px; gap: 14px; background: linear-gradient(120deg, #ffd8cb, #ffd1c4); }
    .asem-guidelines .asem-learning-mobile-app__copy h2 { font-size: 18px; }
    .asem-guidelines .asem-learning-mobile-app__description { font-size: 12px; }
    .asem-guidelines .asem-learning-mobile-app__download { margin-top: 9px; border-color: #0d2d61; background: #0d2d61; font-size: 13px; }
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__download:is(:hover, :active) { background: #063b78; color: #fff; }
    :is(.asem-formations, .asem-guidelines):lang(ko) .asem-learning-mobile-app__copy :is(h2, p) { word-break: keep-all; }
    html[dir='rtl'] :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__download > i { transform: rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
    :is(.asem-formations, .asem-guidelines) .asem-learning-mobile-app__download { transition: none; }
}