/* Frontend styles for Kvíz */
.kviz-wrapper { max-width: 720px; margin: 20px auto; padding: 10px; }
.kviz-card { background: #fff; border-radius: 16px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); padding: 18px; }
.kviz-q-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.kviz-q-count { font-size: 14px; opacity: 0.7; }
.kviz-question h3 { margin: 0 0 8px; font-size: 20px; }
.kviz-q-image img, .kviz-a-image img { max-width: 100%; height: auto; border-radius: 10px; }
.kviz-answers { display: grid; grid-template-columns: 1fr; gap: 10px; }
.kviz-answer { display: flex; align-items: center; gap: 10px; border: 1px solid #e5e7eb; border-radius: 12px; padding: 10px; background: #f9fafb; cursor: pointer; transition: transform .05s ease; }
.kviz-answer:hover { transform: translateY(-1px); }
.kviz-a-text { font-size: 16px; }
.kviz-start, .kviz-send { background: #2563eb; color: #fff; border: none; padding: 10px 16px; border-radius: 10px; cursor: pointer; }
.kviz-result-form input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 8px; }
.kviz-error { color: #b91c1c; margin-top: 8px; }
@media (min-width: 640px){
  .kviz-answers { grid-template-columns: 1fr 1fr; }
}