.quizz-card { padding: 18px; }

.quizz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}

.quizz-item {
  display: block;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}

.quizz-item:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(198,166,97,.35);
}

.quizz-title {
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
}

.quizz-desc {
  display: block;
  color: var(--muted);
  font-size: .95rem;
}

@media (max-width: 860px) {
  .quizz-grid { grid-template-columns: 1fr; }
}