.pjz-wrap{
  max-width: 820px;
  margin: 18px auto;
  padding: 18px;
  border: 1px solid #e7e7e7;
  border-radius: 14px;
  background: #fff;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pjz-title{ margin:0 0 12px; font-size:18px; }

.pjz-card{
  padding: 14px;
  border-radius: 12px;
  background: #f7f7f7;
  margin: 10px 0;
}
.pjz-progress{ background:#fff; border:1px solid #eee; }

.pjz-step{ font-size:13px; margin-bottom:8px; opacity:.85; }
.pjz-bar{ height:10px; background:#eee; border-radius:999px; overflow:hidden; }
.pjz-bar-inner{ height:100%; width:0%; background:#111; border-radius:999px; transition: width .25s; }
.pjz-hint{ font-size:12px; opacity:.7; margin-top:8px; }

.pjz-q{ font-size:15px; margin:0 0 10px; font-weight:600; }
.pjz-desc{ font-size:13px; opacity:.8; margin:0 0 10px; }

.pjz-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 8px;
}
@media (min-width:720px){
  .pjz-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

.pjz-btn{
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  text-align: left;
}
.pjz-btn:hover{ border-color:#999; }

.pjz-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.pjz-mini{
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
}
.pjz-mini:disabled{ opacity:.45; cursor:not-allowed; }
.pjz-primary{ border-color:#111; background:#111; color:#fff; }

.pjz-big{ font-size:22px; font-weight:800; margin:6px 0; }
.pjz-meta{ opacity:.85; font-size:13px; line-height:1.5; }

.pjz-ta{
  width:100%;
  min-height:120px;
  padding:10px;
  border-radius:10px;
  border:1px solid #ddd;
  font-size:14px;
  line-height:1.5;
  resize:vertical;
}

.pjz-links{ margin-top:10px; }
.pjz-link{
  display:inline-block;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid #111;
  color:#111;
  text-decoration:none;
  font-size:14px;
  background:#fff;
}
.pjz-link:hover{ background:#111; color:#fff; }

.pjz-note{ opacity:.65; font-size:12px; margin-top:8px; }
