/* Standalone results must not inherit the full site's minimum page height. */
@media(max-width:768px){
body.reference-embedded:has(.embed-result) #main-content{min-height:0}
.reference-call .call-preview-shell{container-type:inline-size}
@container(max-width:768px){
    .reference-call #callPreview[data-embed-mode=result]{height:var(--sn-result-mobile-height)!important}
}
}

@media(max-width:768px){
    body.reference-embedded .embed-result{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto auto;
        align-items:center;
        width:100%;
        min-width:0;
        min-height:0;
        gap:10px 8px;
        padding:12px!important;
    }
    body.reference-embedded .embed-result>header{
        display:flex;
        grid-column:1/-1;
        justify-content:space-between;
        align-items:center;
        flex-wrap:wrap;
        min-width:0;
        margin:0;
        gap:8px;
    }
    body.reference-embedded .embed-result>header select{max-width:70%;height:30px}
    body.reference-embedded .embed-result>header h1{max-width:100%;white-space:normal;overflow-wrap:anywhere}
    body.reference-embedded .embed-result .embed-numbers{grid-column:1/-1;min-width:0;margin:0}
    body.reference-embedded .embed-result .ball-row{justify-content:flex-start;flex-wrap:wrap;gap:6px;margin:0}
    body.reference-embedded .embed-result .ball-wrapper{flex:none;gap:3px}
    body.reference-embedded .embed-result .ball{flex:none}
    body.reference-embedded .embed-result>footer{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:flex-start;
        align-items:center;
        gap:4px 8px;
        min-width:0;
        margin:0!important;
        white-space:normal;
    }
    body.reference-embedded .embed-result>footer strong{white-space:nowrap}
    body.reference-embedded .embed-result>button,body.reference-embedded .embed-result>a{height:30px;line-height:28px;text-align:center}
}