/* Release r4 (course 4 + portfolios): loaded after style.css only when wi_r4() is on. */
.certificate-banner { max-width: 690px; margin-left: 0; }
@media (max-width: 500px) { .certificate-banner { margin-left: auto; } }

/* Final quiz result moved into the lesson column by js.js */
.urok_cnt--result > p {
    display: none;
}

.urok_result .rez,
.urok_result .rez-text {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.urok_result .certificate-banner {
    margin: 24px 0 0 !important;
}

.urok_result .rez-text {
    margin-top: 32px;
}

.urok_result .rez-br {
    display: none;
}

/* Mobile per Figma 4062:12250 (banner 326x463) */
@media (max-width: 500px) {
    .urok_result .rez {
        margin-bottom: 32px;
    }

    .urok_result .rez-br {
        display: inline;
    }

    .urok_result .certificate-banner {
        margin: 0 auto !important;
    }

    .urok_result .certificate-banner__title {
        font-size: min(14.7239cqw, 48px);
        line-height: .85;
    }

    .urok_result .certificate-banner__content {
        gap: 7.362cqw;
    }

    .urok_result .certificate-banner__text {
        font-size: min(4.908cqw, 16px);
        line-height: 1.3;
    }

    .urok_result .certificate-banner__download {
        margin-top: 1.9632cqw;
    }

    .urok_result .certificate-banner__figure {
        top: 53.681cqw;
        right: auto;
        bottom: auto;
        left: 22.0859cqw;
        width: 64.1104cqw;
        max-width: 209px;
    }

    .urok_result .certificate-banner__gem {
        top: 100.6135cqw;
        left: 7.9755cqw;
        width: 17.7914cqw;
        max-width: 58px;
    }
}

/* Quiz results: header, text and certificate banner follow the lesson column (.urok-in), as in Figma 4062:12461 */
@media (min-width: 501px) {
    .test_bottom .qsm-results-page > .rez,
    .test_bottom .qsm-results-page > .rez-text {
        margin-left: 30px;
        margin-right: 30px;
    }

    .test_bottom .qsm-results-page > .certificate-banner {
        margin-left: 30px;
    }
}

@media (min-width: 1280px) {
    .test_bottom .qsm-results-page > .rez,
    .test_bottom .qsm-results-page > .rez-text {
        margin-left: calc((100% - 1220px) / 2);
        margin-right: calc((100% - 1220px) / 2);
    }

    .test_bottom .qsm-results-page > .certificate-banner {
        margin-left: calc((100% - 1220px) / 2);
    }
}