/* Presentation only: preserve stored report content and image choices. */
#result-pdf-content.result-renewed .rr-visual .saju-card-wrapper {
    /* Inline !important legacy shadows otherwise bleed over the label/body. */
    clip-path: inset(0);
}
#result-pdf-content.result-renewed .rr-visual .saju-card-img-wrapper::after {
    background: linear-gradient(180deg, var(--reading-bg) 0, transparent 64px,
        transparent calc(100% - 104px), var(--reading-bg) 100%);
}

/* Free reading: full-width, unframed artwork fading into the existing backdrop. */
#step-teaser .teaser-dynamic-text-container .saju-card-wrapper {
    margin: 8px -18px 0 !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    clip-path: inset(0);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 64px, #000 calc(100% - 88px), transparent);
    mask-image: linear-gradient(180deg, transparent, #000 64px, #000 calc(100% - 88px), transparent);
}
#step-teaser .teaser-dynamic-text-container .saju-card,
#step-teaser .teaser-dynamic-text-container .saju-card-img-wrapper {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
#step-teaser .teaser-dynamic-text-container .saju-card-img-wrapper {
    aspect-ratio: auto !important;
    height: auto !important;
}
#step-teaser .teaser-dynamic-text-container .saju-card-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
}
#step-teaser .teaser-dynamic-text-container .saju-card-dark-overlay { display: none !important; }
#step-teaser .teaser-dynamic-text-container .saju-card-wrapper + .webtoon-sentence { padding-top: 22px; }
@media (max-width: 380px) {
    #step-teaser .teaser-dynamic-text-container .saju-card-wrapper {
        margin-inline: -14px !important;
        width: calc(100% + 28px) !important;
    }
}