/* PQR_LINK_IN_BIO_MOBILE_V1 */

/*
 * All rules are mobile/tablet only.
 * Desktop layout remains unchanged.
 */
@media(max-width:900px){

    html,
    body.pqr-link-bio-page{
        max-width:100%;
        overflow-x:hidden;
    }

    body.pqr-link-bio-page .lib-shell{
        width:100%;
        max-width:100%;
        padding-left:max(18px,env(safe-area-inset-left));
        padding-right:max(18px,env(safe-area-inset-right));
    }

    body.pqr-link-bio-page .lib-hero{
        padding-top:28px;
        padding-bottom:48px;
    }

    body.pqr-link-bio-page .lib-breadcrumb{
        margin-bottom:24px;
        overflow:hidden;
        font-size:13px;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    body.pqr-link-bio-page .lib-hero-grid{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:34px;
    }

    body.pqr-link-bio-page .lib-hero-copy{
        min-width:0;
    }

    body.pqr-link-bio-page .lib-hero-copy h1{
        max-width:100%;
        font-size:clamp(38px,10vw,58px);
        line-height:1.02;
        overflow-wrap:anywhere;
    }

    body.pqr-link-bio-page .lib-hero-lead{
        font-size:17px;
        line-height:1.7;
    }

    body.pqr-link-bio-page .lib-answer{
        padding:19px;
        border-radius:18px;
    }

    body.pqr-link-bio-page .lib-hero-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:11px;
    }

    body.pqr-link-bio-page
    .lib-hero-actions :is(.lib-primary-action,.lib-secondary-action){
        display:flex;
        justify-content:center;
        width:100%;
        min-height:52px;
        padding:13px 18px;
        text-align:center;
    }

    body.pqr-link-bio-page .lib-product-preview{
        width:min(100%,470px);
        margin-inline:auto;
        padding:18px;
        border-radius:24px;
    }

    body.pqr-link-bio-page .lib-phone{
        max-width:320px;
        margin-inline:auto;
    }

    body.pqr-link-bio-page .lib-preview-meta{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
    }

    body.pqr-link-bio-page .lib-preview-meta > div{
        min-width:0;
        padding:9px 5px;
        font-size:11px;
        text-align:center;
    }

    body.pqr-link-bio-page .lib-main{
        overflow:hidden;
    }

    body.pqr-link-bio-page .lib-v1-platform{
        gap:32px;
        padding:48px 0;
    }

    body.pqr-link-bio-page .lib-v1-bento{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

    body.pqr-link-bio-page
    :is(.lib-v1-card,.lib-v1-card-wide){
        grid-column:span 1;
        padding:22px;
        border-radius:20px;
    }

    body.pqr-link-bio-page .lib-v1-card-wide{
        display:block;
    }

    body.pqr-link-bio-page .lib-v1-card-wide .lib-v1-icon{
        margin-bottom:18px;
    }

    body.pqr-link-bio-page .lib-v1-card:hover{
        transform:none;
    }

    body.pqr-link-bio-page .lib-v1-workflow{
        grid-template-columns:1fr;
        gap:25px;
        padding:28px;
        border-radius:24px;
    }

    body.pqr-link-bio-page .lib-v1-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.pqr-link-bio-page .lib-v1-cta{
        align-items:flex-start;
        flex-direction:column;
        padding:30px;
        border-radius:24px;
    }

    body.pqr-link-bio-page .lib-v1-cta .lib-primary-action{
        justify-content:center;
        width:100%;
        min-height:52px;
    }

    /*
     * Interactive theme gallery
     */
    body.pqr-link-bio-page .lib-theme-gallery{
        padding:27px 20px;
        border-radius:24px;
    }

    body.pqr-link-bio-page .lib-theme-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:17px;
        margin-bottom:20px;
    }

    body.pqr-link-bio-page .lib-theme-heading h2{
        font-size:clamp(30px,8vw,43px);
    }

    body.pqr-link-bio-page .lib-theme-count{
        display:flex;
        align-items:center;
        gap:10px;
        width:auto;
        min-width:0;
        padding:11px 15px;
    }

    body.pqr-link-bio-page .lib-theme-count span{
        margin:0;
    }

    body.pqr-link-bio-page .lib-theme-filters{
        position:relative;
        width:calc(100% + 40px);
        margin-left:-20px;
        padding:3px 20px 13px;
        overflow-x:auto;
        scroll-padding-inline:20px;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }

    body.pqr-link-bio-page .lib-theme-filters button{
        min-height:44px;
        scroll-snap-align:start;
        touch-action:manipulation;
    }

    body.pqr-link-bio-page .lib-theme-layout{
        grid-template-columns:minmax(0,1fr);
        gap:26px;
    }

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:11px;
    }

    body.pqr-link-bio-page .lib-theme-card{
        min-height:174px;
        touch-action:manipulation;
    }

    body.pqr-link-bio-page .lib-theme-card-preview{
        min-height:112px;
    }

    body.pqr-link-bio-page .lib-theme-card-copy strong{
        white-space:normal;
        overflow-wrap:anywhere;
    }

    body.pqr-link-bio-page .lib-theme-stage{
        position:relative;
        top:auto;
        width:100%;
        max-width:520px;
        margin-inline:auto;
        padding:17px;
    }

    body.pqr-link-bio-page .lib-theme-phone{
        width:min(100%,310px);
    }

    body.pqr-link-bio-page .lib-theme-stage .lib-primary-action{
        display:flex;
        justify-content:center;
        min-height:52px;
        padding-inline:14px;
    }

    /*
     * Existing information sections
     */
    body.pqr-link-bio-page :is(
        .lib-feature-grid,
        .lib-workflow-grid,
        .lib-use-grid,
        .lib-behavior-grid
    ){
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }

    body.pqr-link-bio-page .lib-section{
        padding-left:0;
        padding-right:0;
    }

    body.pqr-link-bio-page .lib-final-cta{
        align-items:flex-start;
        flex-direction:column;
        gap:22px;
    }

    body.pqr-link-bio-page .lib-final-cta .lib-primary-action{
        display:flex;
        justify-content:center;
        width:100%;
        min-height:52px;
    }

    body.pqr-link-bio-page .lib-evidence{
        align-items:flex-start;
        flex-direction:column;
    }

    body.pqr-link-bio-page .lib-evidence-links{
        display:flex;
        flex-wrap:wrap;
        gap:12px 18px;
    }
}

@media(max-width:640px){

    body.pqr-link-bio-page .lib-shell{
        padding-left:max(14px,env(safe-area-inset-left));
        padding-right:max(14px,env(safe-area-inset-right));
    }

    body.pqr-link-bio-page .lib-hero{
        padding-top:20px;
    }

    body.pqr-link-bio-page .lib-eyebrow{
        align-items:flex-start;
        font-size:12px;
        line-height:1.45;
    }

    body.pqr-link-bio-page .lib-hero-copy h1{
        font-size:clamp(35px,12vw,49px);
    }

    body.pqr-link-bio-page .lib-answer{
        padding:17px;
    }

    body.pqr-link-bio-page .lib-product-preview{
        padding:14px;
    }

    body.pqr-link-bio-page .lib-preview-top{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }

    body.pqr-link-bio-page .lib-v1-intro{
        text-align:left;
    }

    body.pqr-link-bio-page .lib-v1-intro h2,
    body.pqr-link-bio-page .lib-v1-workflow h2,
    body.pqr-link-bio-page .lib-v1-cta h2{
        font-size:clamp(29px,9vw,39px);
    }

    body.pqr-link-bio-page .lib-v1-bento{
        grid-template-columns:minmax(0,1fr);
    }

    body.pqr-link-bio-page
    :is(.lib-v1-card,.lib-v1-card-wide){
        grid-column:1/-1;
        padding:21px 19px;
    }

    body.pqr-link-bio-page .lib-v1-workflow,
    body.pqr-link-bio-page .lib-v1-cta{
        padding:24px 19px;
        border-radius:21px;
    }

    body.pqr-link-bio-page .lib-v1-steps{
        grid-template-columns:minmax(0,1fr);
    }

    body.pqr-link-bio-page .lib-v1-steps li{
        min-width:0;
        padding:16px;
    }

    body.pqr-link-bio-page .lib-v1-pills{
        gap:6px;
    }

    body.pqr-link-bio-page .lib-v1-pills span{
        padding:6px 9px;
    }

    /*
     * Two cards per row remain readable on ordinary phones.
     */
    body.pqr-link-bio-page .lib-theme-gallery{
        padding:23px 14px;
        border-radius:21px;
    }

    body.pqr-link-bio-page .lib-theme-heading h2{
        font-size:clamp(29px,9vw,39px);
    }

    body.pqr-link-bio-page .lib-theme-heading p{
        font-size:15px;
    }

    body.pqr-link-bio-page .lib-theme-filters{
        width:calc(100% + 28px);
        margin-left:-14px;
        padding-inline:14px;
        scroll-padding-inline:14px;
    }

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    body.pqr-link-bio-page .lib-theme-card{
        min-height:158px;
        padding:7px;
        border-radius:15px;
    }

    body.pqr-link-bio-page .lib-theme-card-preview{
        min-height:103px;
        padding:11px 6px;
    }

    body.pqr-link-bio-page .lib-theme-card-copy{
        min-width:0;
        padding:8px 2px 1px;
    }

    body.pqr-link-bio-page .lib-theme-card-copy strong{
        font-size:12px;
        line-height:1.25;
    }

    body.pqr-link-bio-page .lib-theme-check{
        top:11px;
        right:11px;
        width:23px;
        height:23px;
    }

    body.pqr-link-bio-page .lib-theme-stage{
        padding:14px;
        border-radius:20px;
    }

    body.pqr-link-bio-page .lib-theme-stage-bar{
        gap:8px;
    }

    body.pqr-link-bio-page .lib-theme-phone{
        max-width:290px;
        padding:8px;
        border-radius:31px;
    }

    body.pqr-link-bio-page .lib-theme-phone-screen{
        min-height:490px;
        padding:34px 15px 21px;
        border-radius:24px;
    }

    body.pqr-link-bio-page .lib-theme-avatar{
        width:64px;
        height:64px;
    }

    body.pqr-link-bio-page .lib-theme-demo-button{
        min-height:48px;
        padding:10px 12px;
        font-size:12px;
    }

    body.pqr-link-bio-page :is(
        .lib-feature-grid,
        .lib-workflow-grid,
        .lib-use-grid,
        .lib-behavior-grid
    ){
        grid-template-columns:minmax(0,1fr);
    }

    body.pqr-link-bio-page :is(
        .lib-feature-card,
        .lib-workflow-card,
        .lib-use-card
    ){
        min-width:0;
        overflow-wrap:anywhere;
    }

    body.pqr-link-bio-page .lib-section-head{
        text-align:left;
    }
}

@media(max-width:370px){

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:minmax(0,1fr);
    }

    body.pqr-link-bio-page .lib-theme-card{
        min-height:auto;
    }

    body.pqr-link-bio-page .lib-theme-card-preview{
        min-height:120px;
    }

    body.pqr-link-bio-page .lib-preview-meta{
        grid-template-columns:1fr;
    }

    body.pqr-link-bio-page .lib-theme-stage-bar{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(hover:none){
    body.pqr-link-bio-page .lib-v1-card:hover,
    body.pqr-link-bio-page .lib-theme-card:hover{
        transform:none;
    }
}

@media(prefers-reduced-motion:reduce){
    body.pqr-link-bio-page *,
    body.pqr-link-bio-page *::before,
    body.pqr-link-bio-page *::after{
        scroll-behavior:auto!important;
    }
}

/* PQR_LINK_IN_BIO_MOBILE_V2
 * Repair grid intrinsic-width expansion on phones and tablets.
 */
@media(max-width:900px){

    body.pqr-link-bio-page .lib-main,
    body.pqr-link-bio-page .lib-main > .lib-shell,
    body.pqr-link-bio-page .lib-v1-platform{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-v1-platform{
        grid-template-columns:minmax(0,1fr)!important;
    }

    body.pqr-link-bio-page .lib-v1-platform > *,
    body.pqr-link-bio-page .lib-v1-intro,
    body.pqr-link-bio-page .lib-v1-bento,
    body.pqr-link-bio-page .lib-v1-workflow,
    body.pqr-link-bio-page .lib-v1-cta,
    body.pqr-link-bio-page .lib-theme-gallery,
    body.pqr-link-bio-page .lib-theme-heading,
    body.pqr-link-bio-page .lib-theme-layout,
    body.pqr-link-bio-page .lib-theme-list,
    body.pqr-link-bio-page .lib-theme-stage{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-v1-intro{
        margin-inline:auto!important;
    }

    body.pqr-link-bio-page .lib-v1-bento{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.pqr-link-bio-page .lib-v1-bento > *,
    body.pqr-link-bio-page .lib-v1-card,
    body.pqr-link-bio-page .lib-v1-card-wide,
    body.pqr-link-bio-page .lib-v1-card > *,
    body.pqr-link-bio-page .lib-v1-card-wide > *{
        min-width:0!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-v1-card,
    body.pqr-link-bio-page .lib-v1-card-wide{
        grid-column:span 1!important;
    }

    body.pqr-link-bio-page .lib-v1-card :is(h2,h3,p,span),
    body.pqr-link-bio-page .lib-theme-gallery :is(h2,h3,p,strong,small){
        overflow-wrap:anywhere;
        word-break:normal;
    }

    body.pqr-link-bio-page .lib-v1-pills,
    body.pqr-link-bio-page .lib-v1-route{
        max-width:100%!important;
        overflow:hidden;
    }

    body.pqr-link-bio-page .lib-theme-layout{
        grid-template-columns:minmax(0,1fr)!important;
    }

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    body.pqr-link-bio-page .lib-theme-card,
    body.pqr-link-bio-page .lib-theme-card-preview,
    body.pqr-link-bio-page .lib-theme-card-copy{
        min-width:0!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-theme-card{
        overflow:hidden;
        contain:inline-size;
    }

    body.pqr-link-bio-page .lib-theme-card-copy strong,
    body.pqr-link-bio-page .lib-theme-card-copy small{
        display:block;
        width:100%;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    body.pqr-link-bio-page .lib-theme-stage{
        justify-self:stretch;
    }

    body.pqr-link-bio-page .lib-theme-phone{
        width:min(100%,310px)!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-theme-phone-screen{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }

    body.pqr-link-bio-page .lib-theme-demo-button{
        min-width:0!important;
        max-width:100%!important;
        overflow:hidden;
    }

    body.pqr-link-bio-page .lib-theme-demo-button{
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    body.pqr-link-bio-page .lib-v1-workflow{
        grid-template-columns:minmax(0,1fr)!important;
    }

    body.pqr-link-bio-page .lib-v1-steps{
        width:100%!important;
        min-width:0!important;
    }

    body.pqr-link-bio-page .lib-v1-steps li,
    body.pqr-link-bio-page .lib-v1-steps li > div{
        min-width:0!important;
        max-width:100%!important;
    }
}

@media(max-width:640px){

    body.pqr-link-bio-page .lib-v1-bento{
        grid-template-columns:minmax(0,1fr)!important;
    }

    body.pqr-link-bio-page .lib-v1-card,
    body.pqr-link-bio-page .lib-v1-card-wide{
        grid-column:1/-1!important;
    }

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.pqr-link-bio-page .lib-theme-card{
        width:100%!important;
    }

    body.pqr-link-bio-page .lib-theme-stage-bar{
        min-width:0!important;
    }

    body.pqr-link-bio-page .lib-theme-stage-bar > div{
        min-width:0!important;
    }

    body.pqr-link-bio-page .lib-theme-stage-bar strong{
        overflow-wrap:anywhere;
    }
}

@media(max-width:370px){

    body.pqr-link-bio-page .lib-theme-list{
        grid-template-columns:minmax(0,1fr)!important;
    }

    body.pqr-link-bio-page .lib-theme-card-copy strong,
    body.pqr-link-bio-page .lib-theme-card-copy small{
        white-space:normal;
    }
}