.pqb-wrapper{border:1px solid #eee;padding:20px;border-radius:12px;max-width:820px;margin:20px auto;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.pqb-title{margin:0 0 6px;font-size:1.6rem}
.pqb-desc{margin:0 0 16px;color:#444}
.pqb-scale{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:.95rem;color:#333}
.pqb-section{margin:18px 0}
.pqb-section h3{margin:0 0 10px;font-size:1.15rem}
.pqb-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 10px;border-bottom:1px dashed #eee}
.pqb-row:last-child{border-bottom:none}
.pqb-question{flex:1}
.pqb-qnum{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#f5f5f5;margin-right:8px;font-weight:600}
.pqb-options{display:flex;gap:8px}
.pqb-option{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pqb-option input{display:none}
.pqb-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:8px;font-weight:600}
.pqb-option input:checked + .pqb-badge{border-color:#111;box-shadow:0 0 0 2px #11122 inset}
.pqb-actions{display:flex;gap:10px;margin-top:16px}
.pqb-btn{background:#111;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}
.pqb-btn:hover{opacity:.92}
.pqb-secondary{background:#f5f5f5;color:#111;border:1px solid #ddd}
.pqb-result{margin-top:16px;padding:14px;border-radius:10px;background:#f8f9fb;border:1px solid #e6e8ee}
.pqb-bucket{font-weight:700;margin-bottom:6px}
.pqb-progress{height:10px;background:#eee;border-radius:999px;overflow:hidden;margin-top:8px}
.pqb-bar{height:100%;width:0;background:var(--pqb-accent,#0b6e0b)}
@media(max-width:640px){
  .pqb-row{flex-direction:column;align-items:flex-start}
  .pqb-options{width:100%}
}