/* Practice uses the same skill colours, rounded cards and type as lesson-v2. */
body[data-study-step="exercise"] { --practice-c:var(--skill-c,#5252b8); --practice-soft:var(--skill-soft,#eeeeff); background:#f4f3f8; }
body[data-study-step="exercise"] .exercise-page { background:#f4f3f8; padding-block:18px 32px; }
body[data-study-step="exercise"] .lesson-layout { padding-inline:24px; }
body[data-study-step="exercise"] .lesson .crumbs { font:500 12px/1.5 var(--ir-font); margin-bottom:10px; }
body[data-study-step="exercise"] .lesson-kicker { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
body[data-study-step="exercise"] .lesson-kicker > span { padding:4px 10px; border-radius:999px!important; font:700 12px/1.4 var(--ir-font); }
body[data-study-step="exercise"] .step-before { font:500 13px/1.5 var(--ir-font); color:#555; border:0; background:transparent; padding:0; }
body[data-study-step="exercise"] .study-exercise-outline { margin-bottom:12px; }
body[data-study-step="exercise"] .study-exercise-outline > summary { padding:9px 14px; border:1px solid #e0dfea; background:white; border-radius:12px!important; font:600 13px/1.5 var(--ir-font); }
body[data-study-step="exercise"] .ielts-workbook { border:0; border-radius:24px!important; padding:20px; background:var(--practice-soft); box-shadow:0 12px 32px -24px #29204455; }
body[data-study-step="exercise"] #ielts-exercise-title { margin:0 0 12px; font:800 clamp(23px,2.2vw,32px)/1.25 var(--ir-font); letter-spacing:-.5px; text-transform:none; }
body[data-study-step="exercise"] .ielts-tools { gap:10px; margin:10px 0 14px; padding:0; }
body[data-study-step="exercise"] .ielts-tools .btn { padding:8px 12px; border:0; background:white; border-radius:10px!important; color:#252530; font:600 12px/1.4 var(--ir-font); box-shadow:none; }
body[data-study-step="exercise"] .ielts-tools output { font:700 16px/1.4 var(--ir-font); }
body[data-study-step="exercise"] #ielts-timer-reset { font-size:12px; color:#555; }
body[data-study-step="exercise"] .study-split { border:1px solid #e1e0e9; border-radius:18px!important; margin:0; box-shadow:0 4px 18px -12px #2223; }
body[data-study-step="exercise"] .study-split > .study-pane { padding-inline:20px; }
body[data-study-step="exercise"] .study-pane-source { background:#fdfcfe; border-right-color:#e1e0e9; }
body[data-study-step="exercise"] .study-pane-title { color:#33333f; font:700 14px/1.5 var(--ir-font); border-bottom-color:#e9e7ef; margin-bottom:14px; background:#fff; }
body[data-study-step="exercise"] .study-pane-source > .study-pane-title { background:#fdfcfe; }
body[data-study-step="exercise"] .study-pane-source p { font-size:15px; line-height:1.85; }
body[data-study-step="exercise"] .study-pane-source .re-note { font-size:12px; color:#666; }
body[data-study-step="exercise"] .ielts-question { padding:14px; margin:0 0 18px; border:1.5px solid #e2e0eb; border-radius:16px!important; background:#fff; transition:border-color .2s,background-color .2s; }
body[data-study-step="exercise"] .ielts-question legend { padding:0 6px; max-width:100%; font:700 14px/1.6 var(--ir-font); color:#252332; }
body[data-study-step="exercise"] .ielts-question label { align-items:center; padding:10px 12px; margin:6px 0; gap:10px; border:1px solid #e5e3ec; border-radius:10px!important; background:#faf9fc; font:400 14px/1.55 var(--ir-font); transition:background-color .16s,border-color .16s; }
body[data-study-step="exercise"] .ielts-question label:hover { border-color:var(--practice-c); background:var(--practice-soft); }
body[data-study-step="exercise"] .ielts-question label:has(input:checked) { border-color:var(--practice-c); background:var(--practice-soft); }
body[data-study-step="exercise"] .ielts-question input[type=radio] { accent-color:var(--practice-c); flex-shrink:0; width:16px; height:16px; }
body[data-study-step="exercise"] .ielts-workbook :is(input[type=text],textarea) { border:1.5px solid #d9d6e3; border-radius:12px!important; background:white; padding:12px 14px; font:400 15px/1.7 var(--ir-font); }
body[data-study-step="exercise"] .ielts-workbook :is(input,textarea):focus-visible { outline:3px solid var(--practice-c); outline-offset:3px; }
body[data-study-step="exercise"] .ielts-workbook .btn-ink { background:var(--practice-c); color:var(--skill-on,#fff); border:0; border-radius:12px!important; padding:12px 16px; box-shadow:none; font:700 13px/1.4 var(--ir-font); }
body[data-study-step="exercise"] .practice-actions { position:sticky; top:0; z-index:3; display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; background:#fff; padding:10px 0; margin:-4px 0 18px; border-bottom:1px solid #e9e7ef; }
body[data-study-step="exercise"] #ielts-score { margin:0; font:700 13px/1.5 var(--ir-font); color:#494154; }
body[data-study-step="exercise"] #ielts-score:empty { display:none; }
body[data-study-step="exercise"] #ielts-score[data-result="correct"] { color:#12653c; }
/* Explicit labels and icons accompany colour; animations respect reduced motion. */
body[data-study-step="exercise"] .practice-verdict { margin:0 0 10px; font:800 13px/1.5 var(--ir-font); }
body[data-study-step="exercise"] .ielts-question[data-result="correct"] { background:#f0faf4; border-color:#278454; }
body[data-study-step="exercise"] .ielts-question[data-result="incorrect"] { background:#fff4f3; border-color:#ce514b; }
body[data-study-step="exercise"] .ielts-question[data-result="blank"] { background:#fff9ec; border-color:#b78322; }
body[data-study-step="exercise"] [data-result="correct"] .practice-verdict { color:#12653c; }
body[data-study-step="exercise"] [data-result="incorrect"] .practice-verdict { color:#a52d28; }
body[data-study-step="exercise"] [data-result="blank"] .practice-verdict { color:#815900; }
body[data-study-step="exercise"] .ielts-question[data-result] label.answer-right { border-color:#278454; background:#dcf2e5; color:#145932; }
body[data-study-step="exercise"] .ielts-question[data-result] label.answer-wrong { border-color:#ce514b; background:#ffe1df; color:#982923; }
body[data-study-step="exercise"] .answer-right::after { content:'\2713'; margin-left:auto; font-weight:800; }
body[data-study-step="exercise"] .answer-wrong::after { content:'\2717'; margin-left:auto; font-weight:800; }
body[data-study-step="exercise"] .ielts-question input[aria-invalid="true"]:not([type=radio]) { border-color:#ce514b; }
body[data-study-step="exercise"] .ielts-question[data-result="correct"] input[type=text] { border-color:#278454; }
body[data-study-step="exercise"] .ielts-answer-feedback { border-radius:10px!important; padding:12px; margin:12px 0 0; background:#ffe8e5; color:#802a23; font:400 13px/1.7 var(--ir-font); }
body[data-study-step="exercise"] .ielts-answer-feedback.correct { background:#dcf2e5; color:#145932; }
body[data-study-step="exercise"] .ielts-question[data-result="blank"] .ielts-answer-feedback { background:#fff0cd; color:#79530a; }
body[data-study-step="exercise"] .re-panel { border-radius:12px!important; margin:12px 0 0; }
body[data-study-step="exercise"] .ielts-feedback-card { border:1px solid #e0dcea; border-radius:16px!important; }
body[data-study-step="exercise"] .study-split-switch { background:var(--practice-soft); }
body[data-study-step="exercise"] .study-split-switch button { border-radius:10px!important; border-color:#ddd9e6; font-family:var(--ir-font); color:#333; }
body[data-study-step="exercise"] .study-split-switch button[aria-pressed="true"] { background:var(--practice-c); border-color:var(--practice-c); color:var(--skill-on,#fff); }
@media(max-width:760px) {
 body[data-study-step="exercise"] .lesson-layout { padding-inline:12px; }
 body[data-study-step="exercise"] .ielts-workbook { padding:14px 10px; border-radius:18px!important; }
 body[data-study-step="exercise"] .study-split > .study-pane { padding-inline:12px; }
 body[data-study-step="exercise"] .practice-actions { gap:8px; }
 body[data-study-step="exercise"] .study-pane-title { position:static; padding-block:12px; margin-bottom:8px; }
 body[data-study-step="exercise"] .ielts-question { padding:10px; }
}
@media(prefers-reduced-motion:reduce) { body[data-study-step="exercise"] .ielts-question,body[data-study-step="exercise"] .ielts-question label { transition:none; } }

/* The same result colours also apply to lab questions and mock review cards. */
body[data-study-mode="ielts"] .study-split { border-radius:18px!important; }
body[data-study-mode="ielts"] :is(.re-panel,.mock-answer-item) { border-radius:12px!important; }
body[data-study-mode="ielts"] :is(.rl-q.rl-right,.ll-q.ll-q-right,.mock-answer-item[data-right="true"]) { background:#f0faf4; border:1.5px solid #278454; }
body[data-study-mode="ielts"] :is(.rl-q.rl-wrong,.ll-q.ll-q-wrong,.mock-answer-item[data-right="false"]) { background:#fff4f3; border:1.5px solid #ce514b; }
body[data-study-mode="ielts"] .re-right .re-verdict { background:#dcf2e5; color:#145932; border-radius:10px!important; }
body[data-study-mode="ielts"] .re-wrong .re-verdict { background:#ffe1df; color:#982923; border-radius:10px!important; }
@media(prefers-reduced-motion:no-preference) {
 body[data-study-mode="ielts"] :is(.rl-right,.rl-wrong,.ll-q-right,.ll-q-wrong,.mock-answer-item) { animation:practice-feedback-in .24s ease-out backwards; }
}
@keyframes practice-feedback-in { from { opacity:.55; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }