/* ===========================================================================
 * anchor-paper.css — the "Paper" register for the year-test sitting.
 * ===========================================================================
 * Two Papers: the app has two visual registers with a hard boundary. The
 * WORKSHOP (warm cream, raised cards) is where learning happens; the PAPER is
 * what a sealed past paper looks like — a stark booklet sheet on the desk.
 * The anchor-exam runner already behaves like the real paper (printed
 * numbering, free navigation, no reveal mid-sitting — see anchor-exam.jsx's
 * header comment); this file makes it LOOK like one. Scoped entirely under
 * `.anchor-paper`, which wraps ONLY the question area of the sitting screen —
 * the surrounding chrome (pause, clock, map, test-switcher chips) stays in
 * the app's own voice, the way a proctor's instructions aren't part of the
 * booklet. Fixed hexes on purpose: a printed page has one color, and this
 * register never follows per-test tints.
 *
 * Behavior is UNTOUCHED — every rule below restyles existing McItem classes.
 * ========================================================================= */

.anchor-paper {
  background: #FDFDFB;
  border: 1px solid rgba(30, 28, 24, 0.22);
  border-radius: 2px;
  padding: 18px 18px 22px;
  box-shadow: 0 1px 3px rgba(30, 28, 24, 0.08);
  color: #16140F;
}

/* The printed question number — the only numbering a real booklet has. */
.anchor-paper-qnum {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 17px;
  font-weight: 700;
  color: #16140F;
  margin-bottom: 6px;
}

/* Stem in booklet type. */
.anchor-paper .mc-stem {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15.5px;
  line-height: 1.55;
  color: #16140F;
}

/* Choices: flat print rows, not raised cards. */
.anchor-paper .mc-choices { gap: 2px; }
.anchor-paper .mc-choice {
  background: transparent;
  border: 2px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  padding: 7px 6px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 14.5px;
  color: #16140F;
}
.anchor-paper .mc-choice:hover:not(:disabled) {
  border-color: transparent;
  background: rgba(30, 28, 24, 0.045);
}

/* Letter chips become answer-sheet bubbles: outlined circles, filled solid
 * when marked — the pencil-bubble read. */
.anchor-paper .mc-letter {
  background: transparent;
  border: 1.4px solid #2A2620;
  border-radius: 50%;
  color: #2A2620;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 12px;
  font-weight: 600;
  width: 24px;
  height: 24px;
}
.anchor-paper .mc-choice.is-selected:not(.is-correct):not(.is-wrong) {
  background: rgba(30, 28, 24, 0.055);
  border-color: transparent;
}
.anchor-paper .mc-choice.is-selected:not(.is-correct):not(.is-wrong) .mc-letter {
  background: #2A2620;
  border-color: #2A2620;
  color: #FDFDFB;
}

/* Striking a choice is exam technique — keep it, in pencil. */
.anchor-paper .mc-choice.is-eliminated .mc-choice-text {
  text-decoration-color: rgba(30, 28, 24, 0.55);
}