/* Nội dung trả phí dùng chung: cột phải trang Hỏi nha sĩ (.pq), dải vuốt ngang trên điện thoại (.qstrip), hộp hiệu quả của chủ (.pfx).
   Khung ô dùng lại .pb/.pb-paid ở p-jobs.css. Màu bản sắc chỉ điểm nhấn (viền vàng, nhãn); còn lại trung tính. Không hiện thanh cuộn (mép mờ). */
.p-qa .qside{display:grid;gap:10px;align-content:start}
@media (min-width:961px){
  .p-qa .qside{position:sticky;top:calc(var(--hdr-h,103px) + 14px);max-height:calc(100vh - var(--hdr-h,103px) - 28px);overflow-y:auto;scrollbar-width:none;padding-bottom:2px}
  .p-qa .qside::-webkit-scrollbar{display:none}
}
.pq .pq-row{display:flex;align-items:center;gap:8px;padding:8px 0}
.pq .pq-row+.pq-row{border-top:1px solid var(--line-2)}
.pq .pq-main{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:0;color:inherit}
.pq .pq-main .nm b{font-size:13.5px}
.pq .pq-main .nm small{font-size:12px}
.pq .pq-act{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:center;flex:none;max-width:46%}
.pq .pq-act .bdg{font-size:11px}
.pq .pq-btn{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink-2);font-size:12px;font-weight:600;line-height:1}
.pq .pq-btn:hover{border-color:var(--blue);color:var(--blue)}
.pq .pq-btn.pri{background:var(--mint);border-color:var(--mint);color:#fff}
.pq .pq-btn.pri i{color:#fff}
.pq .pq-offer a{display:flex;gap:10px;align-items:center;padding:8px 0}
.pq .pq-offer+.pq-offer{border-top:1px solid var(--line-2)}
.pq .pq-amt{flex:none;min-width:48px;text-align:center;padding:5px 6px;border-radius:var(--r-s);background:var(--orange-s);color:var(--orange-ink);font-weight:800;font-size:13px;line-height:1.2}
.pq .pq-offer .nm{min-width:0}
.pq .pq-offer b{font-size:13.5px}
.pq .pq-offer small{display:flex;gap:4px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pq-cta .pq-ctas{display:flex;flex-wrap:wrap;gap:8px}
.pq-cta .pq-ctas .btn{flex:1 1 120px;width:auto;justify-content:center}
.pq-cta p{font-size:12.5px}

/* dải trên điện thoại / màn hẹp (cột đơn): ẩn các ô trả phí ở cột, hiện dải */
.qstrip{display:none}
@media (max-width:960px){
  .p-qa .qside .pq,.p-qa .qside .pb-free.pb-paid{display:none}
  .qstrip{display:block;margin:0 0 10px}
  .qstrip-in{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
  .qstrip-in::-webkit-scrollbar{display:none}
  .qcard{flex:none;width:208px;scroll-snap-align:start;display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold,#d9a441);border-radius:var(--r);padding:9px 11px;color:inherit;min-height:84px}
  .qcard b{font-size:13.5px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .qcard small{font-size:12px;color:var(--ink-3);display:flex;gap:4px;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .qcta{border-top-color:var(--line);background:var(--bg-2)}
  .qtag{align-self:flex-start;display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:var(--blue-s);color:var(--blue)}
  .qtag.hot{background:var(--orange-s);color:var(--orange-ink)}
  .qtag.spon{background:#fff4e5;color:var(--orange-ink)}
  .qtag.vip{background:#17140c;color:#f3d98b}
}

/* hộp hiệu quả hiển thị cho chủ nội dung (bảng quản lý) */
.pfx{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:12px 14px}
.pfx h3{margin:0 0 8px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:7px}
.pfx h3 i{color:var(--orange-ink);font-size:17px}
.pfx .pfx-n{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}
.pfx .pfx-n div{background:var(--bg-2);border-radius:var(--r-s);padding:8px 10px}
.pfx .pfx-n b{display:block;font-size:18px;font-weight:800;line-height:1.2}
.pfx .pfx-n small{font-size:12px;color:var(--ink-3)}
.pfx ul{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--ink-2)}
.pfx li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line-2)}
.pfx .pfx-note{margin:8px 0 0;font-size:12px;color:var(--ink-3);line-height:1.5}
.pfx .pfx-hid{margin:0 0 8px;font-size:12.5px;color:var(--rose);display:flex;gap:6px}
/* cột lưới 1fr không được phình theo dải vuốt ngang bên trong */
.p-qa .ncols>*{min-width:0}
.qstrip{max-width:100%}
/* cột phải không để nội dung phình quá khung (lưới 1 cột co theo khung, mọi khối min-width:0) */
.p-qa .qside{grid-template-columns:minmax(0,1fr);overflow-x:hidden}
.p-qa .qside>*{min-width:0;max-width:100%}
.p-qa .qside .pb *{min-width:0}