/* ---------- Scenario Image ---------- */
.ste-scenario-image {
    height: auto !important;
    width: auto;
    max-width: 100%;
    max-height: min(24svh, 240px); /* shrinks on small screens, caps on tall ones */
    object-fit: contain;
    margin-bottom: 1rem;
    border-radius: 12px;
    display: block;
}

/* ---------- Interaction Shield ---------- */
.ste-shield {
    position: fixed;
    inset: 0;
    background: transparent;
    pointer-events: none;
    z-index: 900;
}

    .ste-shield.active {
        pointer-events: all;
    }