/* A quiet reading surface keeps the task, its choices, and the next action together. */
.password-advice { display:block; padding:12px; margin:8px 0 16px; border-inline-start:3px solid #baa078; background:#202d3e; color:#f0dfc4; font-size:14px; line-height:1.8; }
.method-card { margin:16px 0; max-width:760px; background:#1b2738; border:1px solid #344052; padding:14px 16px; }
.method-card summary { cursor:pointer; min-height:28px; }
.method-card ol { margin:12px 0 0; padding-inline-start:22px; line-height:1.9; }
.teaching-path { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.teaching-path span { padding:6px 10px; border-bottom:2px solid #344052; font-size:13px; color:#b8c0cc; }
.teaching-path .is-current { color:#f4ddb9; border-color:#c8a879; background:#233044; }
.reading-copy { max-width:58ch; margin-block:16px 20px; }
.reading-copy .explain { margin:0 0 12px; font-size:20px; line-height:1.95; }
.reading-copy .explain:last-child { margin-bottom:0; }
.lesson-kicker { margin-bottom:8px; }
.study-panel .learning-goal { margin-bottom:20px; padding-block:10px; }
.exam-language { display:grid; grid-template-columns:auto minmax(140px,1fr) auto minmax(140px,1fr); gap:12px; align-items:center; max-width:880px; }
.assessment-wrap { max-width:840px; margin:0 auto; }
.assessment-heading { position:static; display:flex; justify-content:space-between; align-items:center; padding:16px 0; margin:0; border:0; background:none; box-shadow:none; z-index:auto; backdrop-filter:none; min-height:0; }
.assessment-heading h1 { font-size:28px; margin:0; }
.assessment-heading>span { font:20px/1.5 ui-monospace,monospace; direction:ltr; color:#c9ad87; }
.assessment-paper { margin-top:24px; }
.assessment-paper .question { font-size:23px; line-height:1.65; margin-bottom:24px; }
.assessment-paper details { margin-bottom:20px; }
.assessment-paper details summary { min-height:44px; display:flex; align-items:center; cursor:pointer; color:#c9ad87; }
.assessment-paper .answer { direction:ltr; text-align:left; min-height:60px; align-items:center; }
.assessment-paper .answer.chosen { border-color:#cfb181; background:#2c394c; box-shadow:inset 3px 0 #cfb181; }
.assessment-paper .answer>span[lang=en] { text-align:left; overflow-wrap:anywhere; }
.assessment-flag { display:flex; align-items:center; gap:10px; min-height:48px; cursor:pointer; margin-block:16px; font-size:14px; color:#c6cbd2; }
.assessment-flag input { width:20px; height:20px; min-height:20px; margin:0; accent-color:#bc9f73; }
.assessment-note { margin:16px 0 0; }
.assessment-map { margin:20px 0; }
.assessment-map summary { min-height:44px; cursor:pointer; }
.question-map { display:grid; grid-template-columns:repeat(auto-fit,minmax(44px,1fr)); gap:8px; padding-block:12px; }
.question-map button { min-height:44px; padding:6px; }
.question-map [aria-current] { border-color:#c9ad87; color:#eed7b5; }
.assessment-confirm { max-width:640px; margin:32px auto; }
.assessment-result { padding:24px 0; }
.assessment-result h1 { font-size:64px; direction:ltr; text-align:right; color:#f0dec3; margin:0; }
.assessment-result h1 small { font-size:28px; color:#aeb9c7; }
.result-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0; }
.result-facts span { border-block:1px solid #354154; padding:16px 0; font-size:13px; }
.result-facts b { display:block; font-size:28px; color:#e5c9a0; }
.answers-title { font-size:23px; margin-block:32px 16px; }
.assessment-review { display:grid; gap:12px; }
.answer-review { padding:16px; background:#1c283a; border:1px solid #354154; border-radius:2px; }
.answer-review summary { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:44px; cursor:pointer; }
.answer-review summary strong { font-size:12px; color:#a9c9b8; }
.answer-review.needs-review summary strong { color:#e4b58f; }
.answer-review>p { overflow-wrap:anywhere; }
.answer-review dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.answer-review dt { color:#aeb9c7; font-size:12px; }
.answer-review dd { margin:8px 0; overflow-wrap:anywhere; }
.answer-reason { margin:16px 0; padding:12px 16px; border-inline-start:2px solid #bca078; background:#162131; }
.answer-reason p { margin:8px 0 0; line-height:1.9; }
@media(max-width:760px) {
  .exam-language { grid-template-columns:1fr; gap:8px; }
  .exam-language label:not(:first-child) { margin-top:8px; }
  .reading-copy .explain { font-size:18px; line-height:1.95; }
  .assessment-heading { padding:12px 0; gap:12px; }
  .assessment-heading h1 { font-size:24px; }
  .assessment-heading>span { font-size:16px; white-space:nowrap; }
  .assessment-paper { margin-top:16px; }
  .assessment-paper .question { font-size:21px; }
  .assessment-paper .answer { min-height:56px; }
  .assessment-paper .bottom-actions .primary { flex:1; }
  .assessment-result h1 { font-size:52px; }
  .result-facts { gap:8px; }
  .result-facts span { font-size:12px; }
  .answer-review summary { flex-wrap:wrap; }
  .answer-review dl { grid-template-columns:1fr; gap:8px; }
  .teaching-path { gap:4px; }
  .teaching-path span { padding:6px 8px; font-size:12px; }
}