/* Progressive enhancement: every question and its answer remain in the HTML. */
.practice-set{margin:30px 0 38px;scroll-margin-top:110px}
.practice-set:not(.is-interactive) .practice-set-meta{display:none}
.practice-set.is-interactive{border:1px solid #dce4f4;border-radius:22px;background:#f5f8ff;overflow:hidden}
.practice-set.is-interactive .practice-set-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 25px;border-bottom:1px solid #e0e7f4;background:#fff;font-size:11px;font-weight:700;line-height:1.6;color:#53647d}
.practice-set-meta [data-set-progress]{color:var(--accent)}
.practice-set.is-interactive>.practice{border:0;border-radius:0;background:transparent;margin:0;padding:25px}
.practice-set.is-interactive>.practice.is-complete{background:#f1faf4}
.practice-set.is-interactive .practice-heading .overline{display:none}
.practice-set .practice-heading{align-items:center}
.practice-set .practice-heading h3{font-size:21px;line-height:1.45}
.practice-set .practice-badge{width:36px;height:36px;box-shadow:0 3px 0 #dfe7f5;border-radius:11px}
.practice-set .practice-options{margin-block:20px}
.practice-set .practice-option{min-height:58px;overflow-wrap:anywhere}
.practice-set .practice-option img{width:100px;max-width:100%;height:90px;object-fit:contain}
.practice-set .practice-option:hover{transform:none}
.practice-set .practice-option.is-incorrect{border-color:#b94860;background:#fff1f4}
.practice-set .practice-option.is-correct{border-color:#328257;background:#e6f6eb}
.practice-set .practice-tools{gap:7px 14px}
.practice-set .check-answer{min-height:46px;font-size:12px;padding-inline:19px}
.practice-set .check-answer:disabled{opacity:.5}
.practice-set .practice.is-complete .check-answer:disabled{background:#287b4e;opacity:1}
.practice-set .quiz-hint,.practice-set .quiz-reset{font-size:12px;min-height:44px;line-height:1.5}
.practice-set .quiz-hint:disabled{display:none}
.reading-body .practice-set .practice-feedback{font-size:13px;line-height:1.7;margin:16px 0 0;min-height:23px}
.reading-body .practice-set .practice-feedback.error{color:#962c46}
.reading-body .practice-set .practice-feedback.success{color:#22643e}
.reading-body .practice-set .practice-feedback.hint{color:#5d428b}
.practice-set .answer-tray{direction:rtl;justify-content:flex-start;min-height:76px;gap:8px}
.practice-set .answer-tray button{flex:0 0 auto;max-width:100%;font-size:24px;line-height:1.8;overflow-wrap:anywhere;min-height:48px}
.practice-set .answer-tray button:disabled{color:var(--ink);background:#e6f6eb;border-color:#91c6a3}
.practice-set .word-options{direction:rtl}
.practice-set .word-options .practice-option{min-height:48px;flex:0 0 auto;max-width:100%}
.practice-set-actions{padding:0 25px 24px;background:#f1faf4}
.practice-set-actions:has(.practice-next[hidden]){display:none}
.practice-next,.practice-replay{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border:1px solid transparent;border-bottom:3px solid #0002;border-radius:12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;line-height:1.5}
.practice-next:hover,.practice-replay:hover{filter:brightness(.96)}
.practice-done{padding:30px 25px;background:#f1faf4}
.practice-done h3{font-size:25px;letter-spacing:-.03em;color:#205b39}
.reading-body .practice-done p{font-size:14px;line-height:1.75;max-width:440px;margin:12px 0 20px;color:#395d47}
.practice-done h3:focus,.practice-heading h3:focus{outline-offset:5px}
.practice-set.is-finished{border-color:#a6d3b7}
.practice-set.is-finished .practice-set-meta{border-color:#d6e9dc}
.practice-set.is-finished [data-set-progress]{color:#287b4e}
@media(max-width:580px){
 .practice-set{margin:25px 0 30px;scroll-margin-top:90px}
 .practice-set.is-interactive{border-radius:18px}
 .practice-set.is-interactive .practice-set-meta{padding:12px 17px;font-size:10px}
 .practice-set.is-interactive>.practice{padding:21px 17px}
 .practice-set .practice-heading{gap:11px}
 .practice-set .practice-heading h3{font-size:19px}
 .practice-set .practice-badge{width:31px;height:31px;font-size:20px;border-radius:10px}
 .practice-set .practice-options{gap:9px;margin-block:18px}
 .practice-set .practice-option{font-size:12px;padding:10px 8px}
 .practice-set .practice-option [lang=ar]{font-size:24px;line-height:1.9}
 .practice-set .practice-tools{gap:5px 12px}
 .practice-set .check-answer{font-size:11px;padding-inline:16px}
 .practice-set .quiz-hint,.practice-set .quiz-reset{font-size:11px}
 .reading-body .practice-set .practice-feedback{font-size:12px}
 .practice-set .answer-tray{padding:10px;gap:7px}
 .practice-set .answer-tray button{font-size:23px;padding-inline:11px}
 .practice-set-actions{padding:0 17px 21px}
 .practice-next{width:100%}
 .practice-done{padding:25px 20px}
 .practice-done h3{font-size:23px}
 .reading-body .practice-done p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.practice-set *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}