.vowel-practice{max-width:1120px;margin:32px auto;padding:0 20px;color:#0b2344}.vowel-practice a{color:inherit}.practice-head{margin:24px 0}.practice-head h1{font-size:27px;margin:0 0 8px}.practice-head p{color:#637582;margin:0}.exercise-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.exercise{background:white;border:1px solid #dce0e1;border-radius:24px;padding:30px}.exercise h2{font-size:22px;margin:0 0 14px}.exercise .target{font-size:64px;line-height:1.2;margin:22px 0;text-align:center;font-weight:700}.exercise .target mark{background:#ffd8dc;color:#be435d;border-radius:9px;padding:0}.audio-options{display:grid;gap:12px}.audio-choice{display:flex;align-items:center;gap:14px;border:1px solid #a7cbd5;border-radius:13px;background:#edf8fe;padding:13px}.audio-choice:has(input:checked){outline:2px solid #39798f}.audio-choice label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;font-size:18px}.audio-choice input{width:20px;height:20px}.listen{border:0;border-radius:25px;background:#d0e9fa;color:#124879;min-height:44px;padding:9px 15px;font:inherit;cursor:pointer}.practice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.practice-primary{border:0;border-radius:13px;background:#fed070;color:#0b2344;padding:14px 23px;font:600 16px Manrope,Arial;cursor:pointer}.practice-primary:disabled{opacity:.45;cursor:default}.practice-quiet{border:0;background:none;color:#496771;text-decoration:underline;font:inherit;cursor:pointer}.answer-feedback{border-radius:14px;padding:16px;margin-top:18px;background:#fff5df;font-size:16px;line-height:1.5}.answer-feedback.correct{background:#e7f3ed}.hint-placeholder{padding:20px 0}.hint-placeholder button{display:flex;align-items:center;gap:10px;border:0;background:none;color:#0b2344;font:600 16px Manrope,Arial;cursor:pointer}.hint-placeholder p{font-size:14px;color:#637582;max-width:280px}.results{max-width:620px}.results h2{font-size:25px}.result-count{font-size:40px;font-weight:700;margin:10px 0}.result-list{line-height:1.8}.progress-track{height:6px;background:#e8e5db;border-radius:10px;margin-top:16px;overflow:hidden}.progress-track span{display:block;height:100%;background:#e7b84f}.preview-note{font-size:13px;color:#637582;margin-top:24px}.exercise-layout .reading-hint{width:100%}.exercise-layout .word-heading>b{font-size:28px}.exercise-layout .word-columns{gap:6px}.exercise-layout .word-art{height:90px}.exercise-layout .word-heading{flex-wrap:wrap}#sound-status{color:#a53b3b}.results li{margin-bottom:5px}@media(max-width:800px){.exercise-layout{grid-template-columns:1fr}.exercise{padding:22px}.vowel-practice{margin-top:20px}.practice-head h1{font-size:24px}.exercise-layout .reading-hint{max-width:620px}}
/* Reuse the established lesson surface and answer states. */
.practice-counter{max-width:620px;margin:18px auto 0;text-align:right;font-size:14px;color:#637582}.practice-counter p{margin:0}.exercise-layout.practice-layout{margin-top:18px;grid-template-columns:minmax(0,1fr)}.exercise-layout.practice-layout.has-hint{max-width:1040px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.exercise.lesson-task{border-color:#dfe5e7;padding:32px}.exercise h2.lesson-topic{font-size:23px;line-height:1.4;border-bottom:1px solid #dce5e1;padding-bottom:14px;margin:0 0 18px}.exercise .word-note{font-size:15px;line-height:1.5;margin:12px 0;color:#586d7b}.exercise .target{font-size:56px;margin:20px 0 24px}.audio-choice.learning-option{padding:12px 16px;min-height:60px;background:#edf7ff;border:1px solid #9ecbe3;border-radius:12px;box-sizing:border-box}.audio-choice.learning-option:has(input:checked){outline:none;background:#d8efff;border-color:#438ebc}.audio-choice.learning-option:has(input:focus-visible){outline:2px solid #438ebc;outline-offset:3px}.audio-choice.learning-option.answer-correct{background:#d9efff!important;border:2px solid #65acd6!important}.audio-choice.learning-option.answer-incorrect{background:#fff0ec!important;border:2px solid #db8278!important}.audio-choice.learning-option:has(input:disabled) label{cursor:default}.audio-choice .listen{font-size:15px;min-height:36px;padding:7px 12px}.practice-actions.actions{gap:16px;margin-top:20px}.audio-unavailable{margin-top:15px}.audio-unavailable button{font-size:14px}.correct-reading{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:#334d62;margin-top:5px}.correct-reading .listen{margin-left:5px;font-size:14px;min-height:32px;padding:5px 10px}.exercise .inline-result{background:none;padding:0;border:0;border-radius:0;margin-top:20px;font-size:15px}.results{margin:auto}.exercise-layout aside[hidden]{display:none}@media(max-width:760px){.exercise-layout.practice-layout.has-hint{grid-template-columns:minmax(0,1fr);max-width:620px}.exercise.lesson-task{padding:22px}.practice-actions.actions{gap:12px}.audio-choice.learning-option{padding:10px 12px}.audio-choice label{font-size:16px}}

.reading-stimulus{margin:24px 0}.reading-clips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 24px}.exercise .target-pair{font-size:clamp(28px,4vw,42px)}.audio-choice label{min-width:0}.audio-choice .listen{flex-shrink:0;white-space:nowrap}
.study-pairs{width:100%;border-collapse:separate;border-spacing:8px;table-layout:fixed;margin:12px -4px}.study-pairs th{font-size:16px;font-weight:600;text-align:left;padding:4px 8px}.study-pairs td{padding:8px 10px;background:#fff1e9;border-radius:12px}.study-pairs td:nth-child(2){background:#e9f4ef}.study-word{display:flex;align-items:center;justify-content:space-between;gap:8px}.study-word>b{font-size:29px;line-height:1.3}.study-word mark{background:#ffd8dc;color:#b94360;border-radius:5px;padding:0}.study-word .listen{padding:5px 10px;min-width:36px;min-height:36px}.study-list{display:grid;gap:9px;max-width:340px;margin:18px auto}.study-list .study-word{background:#edf7ff;border:1px solid #c8dfe9;border-radius:12px;padding:10px 16px}.reading-study .reading-hint{margin:0}.reading-study .vowel-card{padding:15px}.reading-study .sound-example b{font-size:23px}@media(max-width:480px){.study-pairs{border-spacing:4px;margin:10px 0}.study-pairs th{font-size:14px;padding:4px}.study-pairs td{padding:8px 6px}.study-word>b{font-size:24px}.study-word{gap:4px}}
.reading-focus{font-family:Manrope,Arial,sans-serif;font-size:1.18em;font-weight:800;letter-spacing:normal;color:#0b2344}
.embedded-practice .vowel-practice{padding:8px;margin:0 auto}.embedded-practice main>a{display:none}.embedded-practice .exercise-layout.practice-layout{margin-top:0;max-width:none}.embedded-practice .exercise.lesson-task{padding:22px}.embedded-practice .exercise-layout.practice-layout.has-hint{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}@media(max-width:760px){.embedded-practice .exercise-layout.practice-layout.has-hint{grid-template-columns:minmax(0,1fr)}}

body.rule-inline-practice{background:transparent}.rule-inline-practice .vowel-practice{padding:0}.rule-inline-practice .exercise.lesson-task{padding:22px}.rule-inline-practice #sound-status:empty{display:none}

.rule-inline-practice .exercise-layout>*{min-width:0}@media(max-width:480px){.rule-inline-practice .exercise.lesson-task{padding:16px}.rule-inline-practice .audio-choice.learning-option{padding:10px 8px;gap:8px}.rule-inline-practice .audio-choice label{gap:6px;font-size:15px}.rule-inline-practice .audio-choice .listen{font-size:14px;padding:7px 9px}}

.rule-training-start{background:#fffcf4;border:1px solid #e6cc8e;border-radius:16px;padding:16px 18px;margin:0 0 16px}.rule-training-start>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}.rule-training-start span{font-size:14px;color:#455b69}.rule-training-start p{font-size:14px;line-height:1.5;margin:10px 0 0;color:#455b69}.rule-training-counter{font-size:14px;font-weight:600;margin:0 0 12px;color:#0b2344}@media(max-width:480px){.rule-training-start{padding:14px}.rule-training-start .practice-primary{padding:13px 14px;width:100%}.rule-training-start>div{gap:8px}}

/* The sector owns scrolling and its start action; embedded lessons size to their content. */
html:has(.rule-inline-practice){background:transparent;overflow:hidden}.rule-inline-practice{background:transparent;overflow:hidden}.rule-inline-practice main.vowel-practice{min-height:0;margin:0;padding:0}
.rule-inline-practice #grammar-status:empty,.rule-inline-practice #sound-status:empty{display:none}
.rule-overview .exercise-layout.practice-layout.has-hint,.rule-overview .grammar-practice.has-hint{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:0;align-items:start}
.rule-overview .lesson-task.exercise{background:#edf8fe;border:1px solid #d7edf7;border-radius:18px;padding:20px;min-width:0}
.rule-overview .grammar-practice .lesson-topic{display:none}.rule-overview .grammar-preview-label{color:#526c80;font-size:14px;margin:0 0 16px}
.rule-overview .grammar-practice .task-instruction{color:#0b2344;font-size:19px;font-weight:600}.rule-overview .task-target{font-size:26px;margin:18px 0}.rule-overview .sentence-frame{font-size:26px;margin:18px 0}
.rule-overview .short-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rule-overview .short-options .learning-option{justify-content:center;min-width:0;min-height:54px;padding:10px 6px;font-size:21px;background:#dcf1fd;border-color:transparent}.rule-overview .short-options input{display:none}
.rule-overview .grammar-hint{background:#fff7dc;border:1px solid #edd697;border-radius:18px;padding:12px 14px}.rule-overview .grammar-hint .auri-help{margin-bottom:8px}.rule-overview .grammar-paper{background:#fffdfa;border:0;border-radius:14px;padding:16px}.rule-overview .grammar-paper h2{text-align:left;font-size:22px;margin:0 0 8px}.rule-overview .grammar-intro{background:transparent;text-align:left;padding:0;font-size:16px}
.rule-overview .grammar-art{display:none}.rule-overview .grammar-column{padding:10px 6px}.rule-overview .grammar-column>h3:has(mark){font-size:24px}.rule-overview .grammar-example{font-size:18px;background:#fff5d9}.rule-overview .grammar-paper>.grammar-example{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.rule-overview .grammar-paper>.grammar-example p{margin:0;font-size:16px;color:#0b2344}
.rule-overview .grammar-preview-note{font-size:14px;color:#526c80;margin:8px 0}.rule-overview .grammar-paper .be-grade{margin-top:12px;font-size:13px}
@media(max-width:700px){.rule-overview .exercise-layout.practice-layout.has-hint,.rule-overview .grammar-practice.has-hint{grid-template-columns:minmax(0,1fr)}.rule-overview .lesson-task.exercise{padding:16px}.rule-overview .grammar-hint{padding:12px}.rule-overview .grammar-paper{padding:14px}}
.rule-overview .grammar-paper .be-grade{display:flex;align-items:center;justify-content:center;gap:12px;padding:0;margin:10px 0 0}.rule-overview .grammar-paper .be-grade span{padding:4px 10px}
.rule-overview .grammar-paper>.grammar-example{padding:7px 10px}.rule-overview .grammar-paper>.grammar-example p{line-height:1.4}
.rule-overview .grammar-paper .grammar-sound{min-height:36px;width:36px;height:36px;padding:8px}
.material-review-mode .vowel-practice{max-width:1260px}.material-review-mode .exercise-layout.practice-layout.has-hint{max-width:1260px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)}
@media(max-width:850px){.material-review-mode .exercise-layout.practice-layout.has-hint{grid-template-columns:1fr}}

.reading-translation{font-size:18px;line-height:1.4;color:#526b79;text-align:center;margin:-8px 0 20px}