/* Answering, in the free notes model (owner, 2026-10-23): every MCQ and topic
   question is read by everyone, and its answer is asked for when the student
   answers (mcq.js, grader.js; noteviewer.views.practice_answer).

   · The pressed option while its answer is on its way: a quiet ink wash, the
     wait cursor, nothing that moves.
   · The one line under the options when the answer cannot be shown (the day's
     allowance is used, the server could not be reached): the page's own words
     in ink, its way on as a link.
   · A topic question's box for a signed-out visitor ("Sign in to answer"): the
     box as every box looks (nb-fields.css), taking nothing, opening the answer
     dialog when pressed.
   · View model answer while its own marking is on its way (grader.js holds it,
     data-ui-disabled; owner, 2026-10-25): the quiet ink of a disabled control
     (DESIGN.md, The One-Ink Rule), no hover wash, the waiting cursor.
   Loaded on the MCQ, topic question and quiz pages. Every colour is a token. */

.mcq-option-btn.is-checking {
  background: color-mix(in srgb, var(--nb-ink) 6%, transparent);
  cursor: progress;
}

/* Under the options, in their column (the card is a grid: the number, then the question and its options). */
.question-card > .mcq-answer-note {
  grid-column: 2;
  grid-row: 3;
  max-width: var(--mcq-measure, 46rem);
}
@media (max-width: 640px) {
  .question-card > .mcq-answer-note {
    grid-column: 1 / -1;
  }
}
.mcq-answer-note {
  margin: var(--nb-s4) 0 0;
  font-family: var(--nb-sans);
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--nb-ink);
  text-wrap: pretty;
}
.mcq-answer-note[hidden] {
  display: none;
}
.mcq-answer-note .nb-link {
  white-space: nowrap;
}

.tq-input-wrap--signin .tq-signin-box {
  cursor: pointer;
  resize: none;
}
.tq-input-wrap--signin .tq-signin-box::placeholder {
  color: var(--nb-ink);
  opacity: 1;
}

.nb-tq-card .tq-reveal-btn[data-ui-disabled="true"],
.nb-tq-card .tq-reveal-btn[data-ui-disabled="true"]:hover {
  color: var(--nb-quiet-2);
  background: transparent;
  cursor: progress;
}