/* ================================================================
   CHS Trivia — game-specific styles
   The shared design system (tokens, panels, buttons, pills, question
   box, options, summary shell, share row) lives in games.css.
   ================================================================ */

/* ---- Question header ---- */
.question-head {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin-bottom: .5rem;
}
.question-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: var(--summary-logo-filter);
}
.question-label {
  font-size: .8rem;
  font-weight: 700;
}
.question-main {
  font-size: 1.15rem;
  margin: 0;
}
.question-tail {
  font-weight: 800;
  color: var(--brand);
}

@media (max-width: 600px) {
  .question-head { flex-wrap: wrap; }
}