.pbq-type-badge {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: #0d6efd;
  color: #fff;
}

.pbq-scenario-box {
  background: #f8f9fa;
  border: 1px solid #e7e9ec;
  border-radius: 0.6rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.pbq-meta {
  color: #5f6670;
  font-size: 0.92rem;
}

.pbq-match-grid,
.pbq-order-grid,
.pbq-subq-grid,
.pbq-cloze-grid {
  display: grid;
  gap: 0.85rem;
}

.pbq-log-box {
  background: #121418;
  color: #d8dde6;
  border-radius: 0.6rem;
  padding: 0.9rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85rem;
  max-height: 260px;
  overflow: auto;
  margin-bottom: 1rem;
}

.pbq-inline-select {
  min-width: 180px;
  display: inline-block;
  margin: 0 0.25rem;
}

.pbq-nav-buttons {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1rem;
}

.pbq-feedback-card {
  border: 1px solid #e7e9ec;
  border-radius: 0.6rem;
  padding: 0.85rem;
  margin-bottom: 0.75rem;
  background: #fff;
}

.pbq-feedback-good {
  border-left: 4px solid #198754;
}

.pbq-feedback-bad {
  border-left: 4px solid #dc3545;
}

@media (max-width: 768px) {
  .pbq-nav-buttons {
    flex-direction: column;
  }
}