/* [exam] Exam style (TUTOR_EXAM=1): static/board/exam.js. Both designs. */

/* new design: the composer chip (Normal · English · SAT) and the picker sheet */
#u2 #ask .ex-chip.ex-none { color: var(--muted, #4b5563); }
#u2 #ask .ex-chip:not(.ex-none) { color: var(--brand-ink, #1d4ed8); border-color: #bfd3fe; background: var(--brand-soft, #eff4ff); }
#u2 .ex-intro { margin: 0 0 8px; color: var(--muted, #4b5563); font-size: 14px; line-height: 1.4; }
#u2 #uSheet[data-kind="exam"] .u-sheetbody { max-height: min(70vh, 640px); overflow-y: auto; }
@media (max-width: 640px) {
  /* phones: the composer line keeps room for the level and the language. No exam: no chip (Lesson options has the
     choice at the top); an exam: its short name only */
  #u2 #ask .ex-chip.ex-none { display: none; }
  #u2 #ask .ex-chip { padding: 0 10px; gap: 4px; }
  #u2 #ask .ex-chip .ic { display: none; }
}

/* old design: the select next to the level, the topic chips */
#ask #examSel { max-width: 150px; }
.chips .ex-chips { display: inline-flex; gap: 8px; align-items: center; flex: none; }
.chips .ex-chips[hidden] { display: none; }
.chips .ex-lbl { font: 600 13px var(--ui, "Inter", system-ui, sans-serif); color: #9ca3af; white-space: nowrap; }
@media (max-width: 640px) {
  body.ex-on #ask { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 56px 46px;
    grid-template-areas: "topic topic topic go go" "level exam lang fmt photo"; }
  body.ex-on #ask #examSel { grid-area: exam; max-width: none; min-width: 0; padding: 0 6px; height: 40px; font-size: 14px; }
  body.ex-on #ask #level { padding: 0 6px; }
}