/* Contextual vocabulary and short, one-question-at-a-time reading checks. */
.term-alias { display: block; width: 0; height: 0; overflow: hidden; }
.term-pop { border: 1px solid var(--ink-3); border-top: 1px solid var(--ink-3); border-radius: 8px; background: #fff; color: var(--ink); box-shadow: 0 6px 24px rgb(0 0 0 / 12%); }
.term-pop a { color: var(--brand-ink); }
.term-pop a:focus-visible { outline-color: var(--brand-ink); }
.faq-reader [hidden] { display: none !important; }
.faq-card { border: var(--rule); border-radius: 12px; padding: clamp(1rem, 3vw, 1.75rem); background: #fff; }
.faq-card-progress { margin: 0 0 .75rem; color: var(--ink-2); font: 400 var(--fs-small)/1.4 var(--font-ui); }
.faq-card-question { margin: 0 0 1.25rem; font: 700 clamp(1.2rem, 3vw, 1.5rem)/1.35 var(--font-head); }
.faq-card-question:focus { outline: none; }
.faq-card-choices { display: grid; gap: .65rem; }
.faq-choice { min-height: 48px; padding: .8rem 1rem; border: 1px solid var(--ink-3); border-radius: 7px; background: #fff; color: var(--ink); text-align: left; font: 400 var(--fs-body)/1.4 var(--font-ui); cursor: pointer; }
.faq-choice:hover:not([aria-disabled="true"]) { border-color: var(--ink); }
.faq-choice:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.faq-choice[data-selected="true"] { border-width: 2px; padding: calc(.8rem - 1px) calc(1rem - 1px); font-weight: 700; }
.faq-choice[data-result="correct"] { border-color: var(--up); }
.faq-choice[data-result="incorrect"] { border-color: var(--brand-ink); }
.faq-choice[aria-disabled="true"] { cursor: default; }
.faq-card-feedback { margin: 1.2rem 0; font: 400 var(--fs-body)/1.6 var(--font-ui); }
.faq-next { margin-top: 1rem; }
.faq-reading-controls { margin-top: .7rem; }
.faq-read { appearance: none; padding: .65rem 0; min-height: 44px; border: 0; background: none; color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font: 400 var(--fs-small)/1.4 var(--font-ui); }
@media print {
  .faq-reader .faq-original[hidden] { display: block !important; }
  .faq-reader .faq-card, .faq-reader .faq-reading-controls { display: none !important; }
}