/* === Nova Responsive Patch v1.1 (compact mobile typography) === */
:root{
  --q-max-w: min(98vw, 980px);
  --q-min-h: min(56vh, 480px);
  --qpad: clamp(6px, 1.6vw, 14px);
  --q-font: clamp(14px, 1.8vw, 19px);
  --opt-font: clamp(13px, 1.7vw, 18px);
  --timer-font: clamp(12px, 1.8vw, 18px);
}
.question-text{
  font-size: var(--q-font) !important;
  line-height: 1.22 !important;
  margin: 2px 0 !important;
}
.options-container{
  gap: clamp(6px, 1.2vw, 12px) !important;
  max-width: var(--q-max-w) !important;
}
.option-button{
  font-size: var(--opt-font) !important;
  padding: clamp(8px, 1.6vw, 14px) clamp(10px, 1.8vw, 16px) !important;
  min-width: clamp(120px, 38vw, 340px) !important;
}
.timer{ font-size: var(--timer-font) !important; }
@supports (text-wrap: balance){
  .question-text{ text-wrap: balance; }
}
@media (max-width: 480px){
  .option-button{ flex: 1 1 100% !important; min-width: 0 !important; }
  .question-image{ max-height: 40vh !important; }
}
@media (max-width: 360px){
  .question-text{ font-size: clamp(13px, 4.6vw, 16px) !important; line-height: 1.18 !important; }
}
/* === End Patch v1.1 === */