/* ===========================================================================
 * 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 item classes.
 *
 * ONE REGISTER FOR THE WHOLE PAPER (study S-04, 2026-09-19). Every selector in
 * this file used to be `.mc-*`, which is McItem's alone — so a sealed SSAT
 * Verbal section printed questions 1-30 as a booklet and then, at question 31,
 * handed the analogies back their app card: Lexend for Charter, a raised pill
 * for a flat print row, a rounded chip for the answer-sheet bubble, and the
 * eliminator moved. Same latent hole for `.pi-*` (a real PassageItem inside the
 * paper — the read-only browse serves one) and `.pei-*` (SHSAT Editing B).
 * The rules now target the SHARED answer row `.mcq-*` (mc-item.css), which all
 * four renderers emit, so the register reaches every question kind a paper can
 * hold — and a fifth renderer by construction. Stems are still named one by one:
 * a stem is the one part of an item that is legitimately its own (an analogy's
 * word pair, an editing question's quoted sentence), so the paper sets its FACE
 * and nothing else. */

.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;

  /* LINING FIGURES, EVERYWHERE ON THE SHEET (study B-11). Georgia's default
   * numerals are OLD-STYLE: the zero drops to x-height, so "480 students"
   * reads as "48o" — while KaTeX in the same sentence renders lining figures,
   * putting two digit styles in one line. On a mathematics paper that is a
   * legibility defect, not a typographic nicety. Inherited by the stem, the
   * choices and the stimulus below, all of which set only font-family.
   *
   * THE DECLARATION IS NOT ENOUGH — THE FACE HAS TO CARRY THE FIGURES.
   * Georgia ships no `lnum` feature on iOS or macOS, so asking it for lining
   * numerals was a no-op and "103" still read "1o3" (B-11, second pass). The
   * sheet's serif is therefore Charter first — a quiet book serif present on
   * every Apple platform whose DEFAULT figures are lining — with Times New
   * Roman behind it and Georgia last. The declaration stays, so a face that
   * does carry the feature is asked for it. */
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1, "onum" 0;
}

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

/* Stem in booklet type — every renderer's, one face on the sheet. */
.anchor-paper .mc-stem,
.anchor-paper .an-stem,
.anchor-paper .pi-stem,
.anchor-paper .pei-stem {
  font-family: 'Charter', 'Times New Roman', Georgia, serif;
  font-size: 15.5px;
  line-height: 1.55;
  color: #16140F;
}

/* ONE FACE ON THE SHEET (study B-12). The stem and the choices took the
 * booklet serif while the quoted / boxed stimulus INSIDE the same card kept the
 * sans UI face — which read backwards, since the quoted material is the most
 * "printed" thing on the page. A block of stimulus is part of the booklet, so
 * it is set like the booklet; the app's own chrome outside `.anchor-paper` is
 * untouched. (B-31 — the read-only review's sans vs this serif — is an open
 * owner question and is deliberately NOT resolved here.) */
.anchor-paper .mc-quote,
.anchor-paper .mc-boxed {
  font-family: 'Charter', 'Times New Roman', Georgia, serif;
  font-size: 15px;
  line-height: 1.55;
  color: #16140F;
}

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

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

/* Striking a choice is exam technique — keep it, in pencil. */
.anchor-paper .mcq-choice.is-eliminated .mcq-choice-text {
  text-decoration-color: rgba(30, 28, 24, 0.55);
}
/* …and in pencil on a formula too. A math choice's strike is painted rather
   than decorated (mc-item.css `.mcq-choice--math` — text-decoration does not
   cross KaTeX's inline-block atoms), so the pencil colour has to be handed to
   the paint. */
.anchor-paper .mcq-choice--math.is-eliminated .mcq-choice-text {
  background-image: linear-gradient(rgba(30, 28, 24, 0.55), rgba(30, 28, 24, 0.55));
}

/* A SEALED PAPER DOES NOT CLASSIFY THE QUESTION (owner, 2026-09-19; lens F-24).
 * A reading question carries a coloured chip naming its sub-skill
 * ("PREDICTIONS"), and an Editing B question one naming its rule. That is a
 * teaching aid, and a good one — in ADAPTIVE PRACTICE it stays, and in the
 * read-only browse of a finished sitting it stays, because both are places a
 * student is learning. The board prints nothing of the sort: knowing the type
 * before reading the stem is a real head start on a timed reading section, and
 * a paper that hands it over is not the instrument it claims to be.
 *
 * Scoped to the register rather than to a prop, so it holds for every host that
 * renders a question as a sheet, present and future. `:not(.is-revealed)` is
 * what separates the two cases inside that register — the components stamp it
 * on the question block (PassageItem / PassageEditItem) and nothing in a
 * sitting is revealed, while everything in a review is. */
.anchor-paper .pi-q-block:not(.is-revealed) .pi-eyebrow,
.anchor-paper .pei-q-block:not(.is-revealed) .pei-eyebrow {
  display: none;
}