/* ===========================================================================
 * analogy-item.css — canonical visual for AnalogyItem.
 * ===========================================================================
 * Single source of truth for .an-eyebrow / .an-stem / .an-stem-a/b/as and
 * .an-choice-as — the analogy's own typography. The ANSWER ROW is not here:
 * it is the shared `.mcq-*` block in mc-item.css, which AnalogyItem emits
 * alongside its `.an-*` names (study S-04).
 *
 * Surface stylesheets may still override individual properties for
 * surface-specific behavior:
 *   - .exam-screen (vocab exam mode) flips eyebrow to display:none and uses
 *     box-shadow selected state — kept in subjects/vocab/styles.css.
 *   - .diag-an-region (diagnostic) uses a slightly bigger stem font and
 *     hides elim — kept in diagnostic-ui.css.
 *
 * Loaded BEFORE surface stylesheets in index.html so per-surface overrides
 * win on specificity.
 * ========================================================================= */

.an-eyebrow {
  font-size: 12px;
  color: var(--ink-soft);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

/* THE STEM IS A QUESTION STEM (owner, 2026-09-18). It used to be a 26px display
 * line with the two terms shouted in caps, an italic connector and a trailing
 * "___" — a poster, not a test question. The real SSAT prints "Barber is to
 * scissors as" in the same body type as everything else on the page, and the
 * five choices complete it. So this now matches `.mc-stem` (mc-item.css): no
 * font-size, no family, no weight of its own — it inherits body type, and the
 * only thing it owns is the gap to the choices. Casing is normalised in
 * AnalogyItem.jsx, at render, because the pool stores 96 of 857 stems in caps.
 * `.an-stem-blank` is gone with the rule it drew. */
.an-stem {
  line-height: 1.45;
  margin-bottom: 14px;
  text-wrap: pretty;
}

/* "is to" / "as" are part of the sentence, not furniture: no italics, no
 * second colour, no size of their own. */
.an-stem-as { color: inherit; }

/* --- The answer rows ---------------------------------------------------- *
 * THE ROW RECIPE IS SHARED (study S-04). AnalogyItem now emits the `.mcq-*`
 * choice primitives alongside its own `.an-*` names, so the list, the row, the
 * button, the letter chip, the strike and the eliminate × all come from ONE
 * block in mc-item.css. The copy that used to live here is what let a Verbal
 * section change instruments at question 31: it pinned `font-size: 14px` long
 * after mc-item.css dropped that pin (study L1-08), drew a 24px chip against
 * the canon's 26, sat its × 16px in against 14, and — because the sealed
 * paper's register only ever knew `.mc-*` — turned the booklet back into an
 * app card the moment the synonyms ran out.
 *
 * What stays here is the only thing about an analogy row that IS different:
 * the connector between the two terms. */

/* The connector is part of the sentence, matching the stem's `.an-stem-as`:
   no grey, no italics. A choice that reads in a different voice from the stem
   it completes is two instruments on one question. */
.an-choice-as {
  color: inherit;
  font-style: normal;
}