
.bbu-questions-card{
    width:min(100%,920px);
    margin:0 auto;
    color:#101828;
}
.bbu-questions-card *{
    box-sizing:border-box;
    min-width:0;
}
.bbu-question-public{
    color:#101828;
}
.bbu-question-public-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:start;
    margin-bottom:12px;
}
.bbu-question-public-head small{
    display:block;
    color:#0674ff;
    font-size:8px;
    font-weight:950;
    letter-spacing:.6px;
}
.bbu-question-public-head h3{
    margin:3px 0 0;
}
.bbu-question-public-head p{
    margin:5px 0 0;
    color:#667085;
    font-size:10px;
}
.bbu-question-public-head>b{
    min-width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#edf5ff;
    color:#0674ff;
    font-size:11px;
}
.bbu-question-create{
    display:grid;
    gap:8px;
    padding:12px;
    border:1px solid #dbe7f5;
    border-radius:12px;
    background:#f8fbff;
}
.bbu-question-create label{
    display:grid;
    gap:5px;
}
.bbu-question-create label>span{
    font-size:9px;
    font-weight:900;
}
.bbu-question-create textarea,
.bbu-question-company-list textarea{
    width:100%;
    min-height:90px;
    padding:10px;
    border:1px solid #d6e1ee;
    border-radius:10px;
    background:#fff;
    font:inherit;
}
.bbu-question-create button,
.bbu-question-company-list button{
    min-height:42px;
    border:0;
    border-radius:9px;
    background:#0674ff;
    color:#fff;
    font:inherit;
    font-size:10px;
    font-weight:900;
}
.bbu-question-login{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 11px;
    border:1px solid #d8e3ef;
    border-radius:10px;
    color:#344054;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}
.bbu-question-public-list{
    display:grid;
    gap:8px;
    margin-top:12px;
}
.bbu-question-public-list>article{
    padding:12px;
    border:1px solid #e1eaf5;
    border-radius:12px;
    background:#fff;
}
.bbu-question-q,
.bbu-question-a{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    gap:8px;
}
.bbu-question-q>span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#edf5ff;
    color:#0674ff;
    font-weight:950;
}
.bbu-question-q strong,
.bbu-question-q small,
.bbu-question-a strong,
.bbu-question-a small{
    display:block;
}
.bbu-question-q strong,
.bbu-question-a strong{
    font-size:10px;
    line-height:1.5;
}
.bbu-question-q small,
.bbu-question-a small{
    margin-top:4px;
    color:#98a2b3;
    font-size:8px;
}
.bbu-question-a{
    margin:10px 0 0 38px;
    padding:10px;
    border-radius:10px;
    background:#f6f9fc;
}
.bbu-question-a>span{
    color:#0674ff;
    font-size:8px;
    font-weight:950;
}
.bbu-question-notice{
    margin:10px 0;
    padding:10px 11px;
    border:1px solid #f4c7c3;
    border-radius:10px;
    background:#fff7f6;
    color:#b42318;
    font-size:9px;
}
.bbu-question-notice.is-success{
    border-color:#b7e3c7;
    background:#f2fbf5;
    color:#08783e;
}
.bbu-question-empty{
    padding:18px;
    border:1px dashed #ccd8e7;
    border-radius:12px;
    color:#667085;
    text-align:center;
    font-size:10px;
}
.bbu-question-page-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
    margin-bottom:14px;
}
.bbu-question-page-head small{
    display:block;
    color:#0674ff;
    font-size:8px;
    font-weight:950;
}
.bbu-question-page-head h2{
    margin:3px 0;
    font-size:clamp(24px,5vw,34px);
}
.bbu-question-page-head p{
    margin:4px 0 0;
    color:#667085;
    font-size:10px;
}
.bbu-question-page-head>a{
    min-height:40px;
    display:flex;
    align-items:center;
    padding:7px 10px;
    border:1px solid #d8e3ef;
    border-radius:9px;
    color:#344054;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}
.bbu-question-customer-list,
.bbu-question-company-list{
    display:grid;
    gap:9px;
}
.bbu-question-customer-list>article,
.bbu-question-company-list>article{
    padding:13px;
    border:1px solid #e1eaf5;
    border-radius:13px;
    background:#fff;
}
.bbu-question-customer-list>article.is-highlight{
    border-color:#0674ff;
    box-shadow:0 0 0 3px rgba(6,116,255,.08);
}
.bbu-question-customer-list header{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start;
}
.bbu-question-customer-list header strong,
.bbu-question-customer-list header small{
    display:block;
}
.bbu-question-customer-list header strong{
    font-size:10px;
}
.bbu-question-customer-list header small{
    margin-top:3px;
    color:#98a2b3;
    font-size:8px;
}
.bbu-question-customer-list header>b{
    padding:5px 7px;
    border-radius:999px;
    background:#fff6df;
    color:#9a6500;
    font-size:8px;
}
.bbu-question-customer-list header>b.is-answered{
    background:#effbf4;
    color:#08783e;
}
.bbu-question-customer-q{
    margin:10px 0;
    color:#344054;
    font-size:11px;
    line-height:1.5;
}
.bbu-question-customer-answer{
    padding:10px;
    border-radius:10px;
    background:#f5f9ff;
}
.bbu-question-customer-answer small,
.bbu-question-customer-answer strong{
    display:block;
}
.bbu-question-customer-answer small{
    color:#0674ff;
    font-size:7px;
    font-weight:950;
}
.bbu-question-customer-answer strong{
    margin-top:4px;
    font-size:10px;
    line-height:1.5;
}
.bbu-question-customer-list>article>a{
    display:inline-block;
    margin-top:9px;
    color:#0674ff;
    font-size:9px;
    font-weight:900;
    text-decoration:none;
}
.bbu-question-pending-badge{
    padding:7px 9px;
    border-radius:999px;
    background:#fff6df;
    color:#9a6500;
    font-size:9px;
}
.bbu-question-filters{
    display:flex;
    gap:6px;
    overflow-x:auto;
    margin-bottom:12px;
    padding-bottom:2px;
    scrollbar-width:none;
}
.bbu-question-filters::-webkit-scrollbar{
    display:none;
}
.bbu-question-filters>a{
    flex:0 0 auto;
    min-height:38px;
    display:flex;
    align-items:center;
    padding:7px 10px;
    border:1px solid #d8e3ef;
    border-radius:999px;
    color:#475467;
    text-decoration:none;
    font-size:9px;
    font-weight:900;
}
.bbu-question-filters>a.is-active{
    border-color:#0674ff;
    background:#0674ff;
    color:#fff;
}
.bbu-question-company-list>article>header{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:9px;
    align-items:center;
}
.bbu-question-company-list .bbu-avatar{
    width:44px!important;
    height:44px!important;
}
.bbu-question-company-list header strong,
.bbu-question-company-list header small{
    display:block;
}
.bbu-question-company-list header strong{
    font-size:10px;
}
.bbu-question-company-list header small{
    margin-top:3px;
    color:#98a2b3;
    font-size:8px;
}
.bbu-question-company-q{
    margin:11px 0;
    padding:10px;
    border-radius:10px;
    background:#f7f9fc;
    font-size:11px;
    line-height:1.5;
}
.bbu-question-company-list form{
    display:grid;
    gap:7px;
}
.bbu-question-company-existing{
    padding:10px;
    border:1px solid #bfe4cd;
    border-radius:10px;
    background:#f2fbf5;
}
.bbu-question-company-existing small,
.bbu-question-company-existing strong{
    display:block;
}
.bbu-question-company-existing small{
    color:#08783e;
    font-size:7px;
    font-weight:950;
}
.bbu-question-company-existing strong{
    margin-top:4px;
    font-size:10px;
}
@media(max-width:600px){
    .bbu-question-page-head{
        flex-direction:column;
    }
    .bbu-question-page-head>a{
        width:100%;
        justify-content:center;
    }
    .bbu-question-create textarea,
    .bbu-question-company-list textarea{
        font-size:16px;
    }
}

@media(max-width:760px){.bbu-question-public{padding:0!important}.bbu-question-public-head h3{font-size:21px!important}.bbu-question-public-head p{font-size:12px!important}.bbu-question-public-form{padding:11px!important;border-radius:13px!important}.bbu-question-public-form textarea{font-size:16px!important;min-height:90px!important}.bbu-question-public-list{gap:8px!important}.bbu-question-public-item{padding:11px!important;border-radius:13px!important}.bbu-question-public-item strong{font-size:13px!important}.bbu-question-public-item p{font-size:12px!important;line-height:1.45!important}.bbu-question-answer{margin-top:8px!important;padding:10px!important;border-radius:11px!important}.bbu-question-answer strong,.bbu-question-answer p{font-size:12px!important}}

/* V6 */
@media(max-width:760px){.bbu-question-public-head h3{font-size:22px!important}.bbu-question-public-card{padding:13px!important}.bbu-question-public-card strong{font-size:14px!important}.bbu-question-public-card p{font-size:13px!important}.bbu-question-answer{padding:11px!important}}


/* ==============================================================
   V4.0.1 — READABILITY HOTFIX
   ============================================================== */
.bbu-question-public-head small,
.bbu-question-page-head small{
    font-size:12px!important;
}

.bbu-question-public-head h3{
    font-size:25px!important;
}

.bbu-question-public-head p,
.bbu-question-page-head p{
    font-size:15px!important;
    line-height:1.55!important;
}

.bbu-question-public-head>b{
    min-width:38px;
    height:38px;
    font-size:14px!important;
}

.bbu-question-create label>span{
    font-size:14px!important;
}

.bbu-question-create textarea,
.bbu-question-company-list textarea{
    font-size:16px!important;
    line-height:1.55!important;
}

.bbu-question-create button,
.bbu-question-company-list button,
.bbu-question-login{
    min-height:46px;
    font-size:14px!important;
}

.bbu-question-q strong,
.bbu-question-a strong{
    font-size:15px!important;
    line-height:1.55!important;
}

.bbu-question-q small,
.bbu-question-a small{
    font-size:12px!important;
}

.bbu-question-a>span{
    font-size:12px!important;
}

.bbu-question-notice,
.bbu-question-empty{
    font-size:14px!important;
}

.bbu-question-page-head>a{
    font-size:14px!important;
}

.bbu-question-customer-list header strong,
.bbu-question-company-list header strong{
    font-size:15px!important;
}

.bbu-question-customer-list header small,
.bbu-question-company-list header small{
    font-size:12px!important;
}

.bbu-question-customer-list header>b,
.bbu-question-pending-badge{
    font-size:12px!important;
}

.bbu-question-customer-q,
.bbu-question-company-q{
    font-size:15px!important;
}

.bbu-question-customer-answer small,
.bbu-question-company-existing small{
    font-size:12px!important;
}

.bbu-question-customer-answer strong,
.bbu-question-company-existing strong{
    font-size:15px!important;
}

.bbu-question-customer-list>article>a,
.bbu-question-filters>a{
    font-size:13px!important;
}

@media(max-width:760px){
    .bbu-question-public-head h3{
        font-size:24px!important;
    }

    .bbu-question-public-head p{
        font-size:15px!important;
    }

    .bbu-question-public-item strong,
    .bbu-question-public-card strong{
        font-size:16px!important;
    }

    .bbu-question-public-item p,
    .bbu-question-public-card p{
        font-size:15px!important;
        line-height:1.55!important;
    }

    .bbu-question-answer strong,
    .bbu-question-answer p{
        font-size:15px!important;
    }
}


/* V4.0.2 — answer layout fix */
.bbu-question-a{grid-template-columns:92px minmax(0,1fr)!important;align-items:start!important;gap:12px!important}
.bbu-question-a>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:5px 9px!important;border-radius:999px!important;background:#eaf3ff!important;color:#0674ff!important;font-size:12px!important;white-space:nowrap!important}
.bbu-question-a strong{font-size:16px!important;line-height:1.5!important}.bbu-question-a small{font-size:13px!important}
@media(max-width:760px){.bbu-question-a{grid-template-columns:1fr!important;margin-left:0!important}.bbu-question-a>span{width:max-content!important}.bbu-question-q strong{font-size:16px!important}.bbu-question-q small{font-size:13px!important}}

