.baribar-quiz { max-width: 760px; margin: 24px auto; padding: 0 12px; }

.baribar-quiz .bq-wrap {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

.baribar-quiz .bq-title { font-size: 26px; line-height: 1.2; font-weight: 700; margin-bottom: 12px; }
.baribar-quiz .bq-cover { width: 100%; border-radius: 14px; display: block; margin: 10px 0 12px; }

.baribar-quiz .bq-content { font-size: 16px; line-height: 1.55; color: rgba(0,0,0,.85); }
.baribar-quiz .bq-content p { margin: 0 0 10px; }

.baribar-quiz .bq-progress { font-size: 12px; color: rgba(0,0,0,.55); margin-bottom: 10px; }

.baribar-quiz .bq-qimg { width: 100%; border-radius: 14px; display: block; margin: 0 0 12px; }
.baribar-quiz .bq-qtitle { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 8px 0 12px; }

.baribar-quiz .bq-choices { display: grid; gap: 12px; }
@media (min-width: 740px) {
  .baribar-quiz .bq-choices { grid-template-columns: 1fr 1fr; }
}

.baribar-quiz .bq-choice {
  text-align: left;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  padding: 14px;
  cursor: pointer;
  transition: transform .08s ease, border-color .08s ease;
}

.baribar-quiz .bq-choice:hover { border-color: rgba(0,0,0,.22); transform: translateY(-1px); }

.baribar-quiz .bq-choice__h { font-size: 16px; font-weight: 700; line-height: 1.3; }
.baribar-quiz .bq-choice__d { margin-top: 10px; font-size: 14px; line-height: 1.45; color: rgba(0,0,0,.78); }

.baribar-quiz .bq-choices.is-answered .bq-choice { cursor: default; transform: none; }
.baribar-quiz .bq-choice.is-selected { outline: 2px solid rgba(0,0,0,.65); outline-offset: 2px; }
.baribar-quiz .bq-choice.is-correct { border-color: rgba(0,0,0,.65); }

.baribar-quiz .bq-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}
.baribar-quiz .bq-stat {
  font-size: 13px;
  color: rgba(0,0,0,.65);
}

.baribar-quiz .bq-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top: 14px; }
.baribar-quiz .bq-btn {
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  cursor: pointer;
  font-size: 14px;
}
.baribar-quiz .bq-btn-primary { border-color: rgba(0,0,0,.75); }

.baribar-quiz .bq-score { font-size: 16px; color: rgba(0,0,0,.85); margin-bottom: 12px; }

.baribar-quiz .bq-result { }
.baribar-quiz .bq-resimg { width: 100%; border-radius: 14px; display: block; margin: 0 0 12px; }
.baribar-quiz .bq-result__t { font-size: 20px; font-weight: 800; margin: 4px 0 10px; }
.baribar-quiz .bq-result__d { font-size: 16px; line-height: 1.55; color: rgba(0,0,0,.85); }