/* Upload's compact phone banners, shared with the score examples page. */
@media (max-width: 600px) {
    :is(.page-upload, .page-score-examples)[data-ad-layout="responsive"] .responsive-ads-shell > :is([data-ad-slot="top"], [data-ad-slot="right"]) {
        position: relative;
        top: auto;
        width: 100%;
        min-height: var(--compare-ad-height);
        padding: var(--compare-ad-mat-padding);
        gap: 0;
        --surface-radius: clamp(12px, 3.5vw, 18px);
        background: #fff;
        border: 1px solid rgba(145, 174, 195, .5);
        box-shadow: 0 2px 6px rgba(24, 70, 105, .055);
        overflow: visible;
    }

    :is(.page-upload, .page-score-examples) .responsive-ad::before,
    :is(.page-upload, .page-score-examples) .responsive-ad::after { content: none; }

    :is(.page-upload, .page-score-examples) .responsive-ad-label {
        font-family: inherit;
        font-size: clamp(10px, 2.9vw, 14px);
        font-weight: 650;
        letter-spacing: .055em;
        color: #58708b;
    }

    :is(.page-upload, .page-score-examples) .responsive-ad-creative,
    :is(.page-upload, .page-score-examples) .responsive-ad-creative > ins,
    :is(.page-upload, .page-score-examples) .responsive-ad-creative iframe {
        overflow: visible;
        border-radius: 0;
    }

    :is(.page-upload, .page-score-examples) .responsive-ad-creative:not(:empty) { display: block; width: 100%; }
    :is(.page-upload, .page-score-examples) .responsive-ad:has(> .responsive-ad-creative:not(:empty)) > [data-ad-placeholder] { display: none; }
    :is(.page-upload, .page-score-examples) .responsive-ad-creative :is(img, video, iframe) { max-width: none; }
}