/* 20 Questions frontend styles (grid-enforced 2x2) */
.tq-container { max-width: 760px; margin: 1rem auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --tq-primary:#1e40af; --tq-accent:#f59e0b; }
.tq-stage { background: #e0f0ff !important; color: #000 !important; padding: 1.5rem; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.tq-question { font-size: clamp(2rem, 3.5vw, 2.8rem) !important; margin-bottom: 3rem !important; text-align:center; line-height:1.35; font-weight: 700 !important; }
.tq-container .tq-options { display: grid !important; gap: 1rem !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; align-items: stretch; }
.tq-option { border: 2px solid rgba(255,255,255,.2); padding: 1.2rem 1.5rem !important; border-radius: 12px; cursor: pointer; text-align:center; font-size: 1.6rem !important; width: auto !important; }
.tq-option:focus { outline: 3px dashed #fff; outline-offset: 2px; }
.tq-option[aria-pressed="true"] { border-color: var(--tq-accent); }
.tq-controls { margin-top: 3rem !important; display:flex; justify-content: space-between; align-items: center; gap: .75rem; }
.tq-progress { font-size: .95rem; opacity: .85; }
.tq-feedback { margin-top: .9rem; padding: .6rem .8rem; border-radius: 10px; }
.tq-feedback.correct { background: #065f46; }
.tq-feedback.incorrect { background: #7f1d1d; }
.tq-btn { background: var(--tq-primary); color: #fff; border: none; padding: .7rem 1.1rem; border-radius: 12px; cursor: pointer; }
.tq-btn:disabled { opacity: .5; cursor: not-allowed; }
.tq-result { text-align:center; }
.tq-award { margin-top: .75rem; font-weight: 600; }

.tq-result h2 { font-size: clamp(2.6rem, 4.2vw, 3.4rem) !important; line-height: 1.2; margin: 0 0 1rem; }


.tq-option, .tq-btn {
  background: #1e40af !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  transition: background .2s, transform .1s;
}
.tq-option:hover, .tq-btn:hover {
  background: #274bbf !important;
  transform: translateY(-2px);
}