/* QDF mobile standard: Password Share is the reference layout.
   Desktop themes, navigation, and application controls remain app-owned. */
@media (max-width:1024px) {
    body main.qdf-subsite-container,
    body main.ct-page,
    body main.arc-page,
    body main.meme-library {
        width:calc(100% - 48px)!important;
        max-width:none!important;
        min-width:0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:0!important;
        padding-right:0!important;
        box-sizing:border-box;
    }
    body main .subsite-hero:has(> img),
    body main .ct-image-hero,
    body main .arc-hero:has(> img),
    body main .meme-preview-hero {
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        padding:0!important;
        margin-top:18px!important;
        margin-bottom:30px!important;
        border-radius:14px!important;
        overflow:hidden!important;
        box-sizing:border-box;
    }
    body main .subsite-hero > img,
    body main .ct-image-hero > img,
    body main .arc-hero > img,
    body main .meme-preview-hero > img {
        display:block!important;
        position:static!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
        margin:0!important;
    }
    body main.qdf-subsite-container > .simple-card {
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box;
    }
}
@media (max-width:760px) {
    body main.qdf-subsite-container,
    body main.ct-page,
    body main.arc-page,
    body main.meme-library { width:calc(100% - 24px)!important; }
}