body{background:#fffcf7;color:#0b2344}.reading-review{max-width:850px;margin:24px auto;padding:0 18px}.reading-review h1{font-size:26px;margin:20px 0 6px}.back{color:#0b2344}.review-note,.audio-note{font-size:14px;color:#626e78}.vowel-tabs{display:flex;gap:10px;margin:22px 0}.vowel-tabs button{font-size:24px;min-width:56px;border:1px solid #e7d4af;background:#fff9eb;color:#0b2344;border-radius:14px;padding:6px 16px}.vowel-tabs button[aria-pressed=true]{background:#fed070}.vowel-card{max-width:620px;margin:auto;padding:18px;border:1px solid #ecd4a7;border-radius:24px;background:#fff7dc;box-shadow:none}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-top>span{display:flex;align-items:center;gap:8px;font-size:14px}.card-top svg{width:38px;height:38px;mix-blend-mode:multiply}.card-top small{font-size:12px;border-radius:20px;background:#f1e7d7;padding:7px 10px;white-space:nowrap;color:#73716a}.vowel-card h2{font-size:clamp(19px,2.2vw,26px);line-height:1.25;text-align:center;margin:12px 0}.vowel-card em{color:#e66e7e;font-style:normal}.explanation{text-align:center;font-size:16px;line-height:1.45;background:#eaf5fa;border-radius:17px;padding:11px;margin:0}.ipa{font-family:"Arial","DejaVu Sans",sans-serif}.letter-sound{display:flex;align-items:center;justify-content:center;gap:18px;background:#fce5e2;width:max-content;min-width:205px;border-radius:22px;padding:0 24px;margin:14px auto}.letter-sound strong{font-size:80px;line-height:1.05;color:#ed7480;font-weight:600}.letter-sound>.ipa{font-size:30px}.sound{border:0;border-radius:50%;background:#cde8fa;color:#14518a;padding:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;min-width:36px}.sound svg{width:20px;height:20px}.sound:disabled{opacity:.4;cursor:not-allowed}.word-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.word-panel{background:#fffcf6;border:1px solid #f0dfc1;border-radius:19px;text-align:center;padding:12px 8px 10px;min-width:0}.word-heading{display:flex;gap:8px;justify-content:center;align-items:center}.word-heading>b{font-size:34px;line-height:1.2}.word-heading mark{background:#ffd8dc;color:#be435d;border-radius:8px;padding:0}.word-art{display:block;width:100%;height:115px;margin:8px auto 0;mix-blend-mode:multiply;overflow:hidden}.word-panel p{font-size:16px;margin:6px 0 0}.size-contrast{display:flex;align-items:flex-end;height:123px;gap:1px}.size-contrast .small-object{width:30%;height:45px;margin:0 0 4px}.size-contrast .big-object{width:70%;height:110px;margin:0}.vowel-card footer{display:flex;align-items:center;gap:12px;font-size:14px;color:#7e786c;margin:18px 0 0}.vowel-card footer:before,.vowel-card footer:after{content:"";height:1px;background:#ddcfb6;flex:1}.vowel-card footer span{background:#f2e9db;border-radius:20px;padding:7px 12px}.review-actions{text-align:center;margin-top:12px}.review-actions button{border:1px solid #dec9a1;background:#fff5df;padding:9px 18px;border-radius:12px;color:#0b2344}.audio-note,#audio-status{text-align:center}dialog{max-width:850px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:1px solid #ecd4a7;border-radius:22px;background:#fffcf7;padding:44px 16px 18px;box-sizing:border-box}dialog::backdrop{background:#10274266}.close{position:absolute;right:12px;top:8px;background:none;border:none;font-size:28px;color:#0b2344}dialog .vowel-card{max-width:730px}button:focus-visible,a:focus-visible{outline:3px solid #246384;outline-offset:3px}@media(max-width:520px){.vowel-card{padding:12px}.word-columns{gap:6px}.word-panel{padding:10px 3px}.word-heading{gap:3px;flex-wrap:wrap}.word-heading>b{font-size:29px}.sound{padding:6px;min-width:32px;min-height:32px}.word-art{height:87px}.word-panel p{font-size:14px}.size-contrast{height:95px}.size-contrast .big-object{height:86px}.card-top>span{font-size:12px}.card-top small{font-size:12px;padding:6px}.card-top svg{width:28px;height:28px}.letter-sound strong{font-size:65px}.vowel-card h2{font-size:19px}.vowel-tabs{gap:7px}.vowel-tabs button{min-width:44px;padding:6px 12px}.explanation{font-size:14px}}@media(max-height:720px) and (min-width:600px){dialog .vowel-card{max-width:560px}dialog .word-art{height:80px}dialog .size-contrast{height:88px}dialog .size-contrast .big-object{height:80px}dialog .letter-sound strong{font-size:62px}dialog .vowel-card h2{font-size:22px}dialog .vowel-card footer{margin-top:10px}}

.vowel-card header{padding:0;max-width:none;margin:0;letter-spacing:normal}.vowel-card header>span{letter-spacing:normal;color:#0b2344}.vowel-card footer{padding:0;max-width:none;background:none;text-align:center}.vowel-card h2{font-weight:700;letter-spacing:-.5px}

dialog{color:#0b2344}

.reading-hint{max-width:620px;margin:auto}.reading-hint .auri-help{font-size:14px;min-height:36px;margin-bottom:8px}.vowel-card{border-color:#e5ce8c;border-radius:18px}.vowel-card h2{margin-top:0}.reading-hint .auri-help b{font-weight:600}dialog .reading-hint{max-width:730px}dialog .vowel-card{max-width:100%}.word-art{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
@media(max-height:720px) and (min-width:600px){dialog .reading-hint{max-width:560px}}

.reading-groups{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.reading-groups button{background:#fff9eb;border:1px solid #e5ce8c;color:#0b2344;padding:8px 16px;border-radius:12px;font-size:16px}.reading-groups button[aria-pressed=true]{background:#fed070}.silent-pairs{display:grid;gap:10px;margin-top:12px}.silent-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:8px}.silent-panel{background:#fcefeb;border-radius:17px;padding:29px 10px 8px;min-width:0;text-align:center}.silent-panel.with-e{background:#edf5e9}.silent-heading{display:flex;align-items:center;justify-content:center;gap:12px}.silent-word{position:relative;font:700 38px/1.1 Manrope,Arial,sans-serif;white-space:nowrap;letter-spacing:0}.silent-word mark{background:none;color:#e64c72;padding:0}.mute-e{color:#9da8b5}.silent-curve{position:absolute;width:100%;height:26px;left:0;top:-25px;overflow:visible;fill:none;stroke:#e64c72;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pair-arrow{align-self:center;font-size:29px;color:#164d85}.silent-art{display:block;height:86px;width:100%;margin:8px auto 0;overflow:hidden;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.silent-panel p{font-size:16px;line-height:1.2;margin:6px 0 0}.silent-hint .vowel-card footer{margin-top:12px}.silent-hint .explanation{font-size:15px}.silent-hint h2{font-size:26px}dialog .silent-hint{max-width:680px}dialog .silent-art{height:86px}button[aria-busy=true]{box-shadow:0 0 0 3px #fed070}
@media(max-width:520px){.silent-word{font-size:29px}.silent-heading{gap:4px}.silent-panel{padding:27px 4px 8px}.silent-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px}.silent-panel p{font-size:14px}.silent-art{height:74px}.silent-hint h2{font-size:22px}.silent-hint .explanation{font-size:14px}.pair-arrow{font-size:23px}}
@media(max-height:760px) and (min-width:600px){dialog .silent-hint{max-width:560px}dialog .silent-art{height:54px}dialog .silent-panel{padding-top:27px}dialog .silent-hint h2{font-size:22px}}

.silent-art{width:150px;max-width:100%}

.vowel-tabs{flex-wrap:wrap}.digraph-hint .letter-sound strong{font-size:64px}.digraph-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.digraph-art{display:block;width:170px;max-width:100%;height:130px;margin:12px auto 0;overflow:hidden;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.mouth-note{text-align:center;background:#eff5e9;border-radius:12px;padding:9px;font-size:15px;line-height:1.5;margin:0 0 12px}.mouth-note b{color:#0b2344}.digraph-hint .word-heading b{font-size:36px}.digraph-hint .word-panel p{font-size:16px}.thickness-diagram{mix-blend-mode:normal;mask-image:none}.digraph-hint .vowel-card h2{font-size:25px}
@media(max-width:520px){.digraph-hint .word-heading b{font-size:29px}.digraph-hint .letter-sound strong{font-size:52px}.digraph-art{height:112px}.digraph-hint .vowel-card h2{font-size:21px}.digraph-hint .word-panel p{font-size:14px}.vowel-tabs button{font-size:20px}}
@media(max-height:720px) and (min-width:600px){dialog .digraph-art{height:90px}dialog .digraph-hint .letter-sound strong{font-size:50px}}

.much-art{object-fit:contain}.y-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.y-column{background:#fcf0e5;border-radius:18px;padding:8px}.y-column:nth-child(2){background:#eaf4e9}.y-column .letter-sound{min-width:0;gap:16px;margin:0 auto 8px;padding:0 18px}.y-column:nth-child(2) .letter-sound{background:#def0e9}.y-column .letter-sound strong{font-size:58px}.y-column .letter-sound .ipa{font-size:27px}.y-word{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:5px;padding:8px 6px;margin-top:6px;min-height:99px}.y-word .word-heading{flex-wrap:wrap;gap:5px}.y-word .word-heading>b{font-size:29px}.y-word .digraph-art{height:82px;width:100%;margin:0}.y-word p{font-size:14px;line-height:1.25}.y-compare{font-size:16px}.clusters-hint .digraph-columns{margin-top:15px}.clusters-hint .word-panel{padding-top:14px}.clusters-hint .word-heading>b{font-size:44px;letter-spacing:1px;white-space:nowrap}.cluster-letter{display:inline-block;position:relative;padding:0 3px 12px!important;margin:0 1px}.cluster-letter:after{content:'';position:absolute;bottom:6px;left:calc(50% - 3px);width:6px;height:6px;background:currentColor;border-radius:50%}.cluster-letter.second{background:#d8edfa;color:#174b7d}.pace-buttons{display:flex;justify-content:center;gap:6px;margin:12px 0 0}.pace-buttons button{font-family:inherit;font-size:13px;display:flex;gap:5px;align-items:center;justify-content:center;color:#164777;background:#eaf1f8;border:0;border-radius:20px;padding:8px 10px}.clusters-hint .digraph-art{height:130px;width:160px}.final-y-hint .vowel-card h2{font-size:25px}
@media(max-width:520px){.y-columns{gap:6px}.y-column{padding:5px}.y-word{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:150px;padding:8px 3px}.y-word .word-heading>b{font-size:27px}.y-word .word-heading{flex-wrap:nowrap}.y-word .digraph-art{height:73px;max-width:105px}.y-word p{font-size:13px}.y-column .letter-sound{gap:10px;padding:0 12px}.y-column .letter-sound strong{font-size:46px}.y-column .letter-sound .ipa{font-size:23px}.final-y-hint .vowel-card h2{font-size:21px}.clusters-hint .word-heading>b{font-size:34px}.pace-buttons{flex-direction:column;gap:5px}.pace-buttons button{padding:7px;font-size:13px}.clusters-hint .digraph-art{height:100px}.y-compare{font-size:14px}}
@media(max-height:760px) and (min-width:600px){dialog .y-word{min-height:78px}dialog .y-word .digraph-art{height:65px}dialog .y-column .letter-sound strong{font-size:46px}dialog .y-columns{margin:8px 0}dialog .clusters-hint .digraph-art{height:100px}}

.have-word{background:#fcefeb;border-radius:20px;padding:12px;margin:16px auto;max-width:370px;text-align:center}.have-word .word-heading>b{font-size:76px;line-height:1.05}.have-word p{margin:6px 0 0;font-size:20px}.have-example{display:grid;grid-template-columns:1.5fr 1fr;gap:6px;align-items:center;background:#eaf5fa;border-radius:18px;padding:10px 12px}.have-example .word-heading{justify-content:flex-start;flex-wrap:wrap}.have-example .word-heading>b{font-size:29px}.have-example p{font-size:18px;margin:10px 0 0}.have-example .digraph-art{width:100%;height:160px;margin:0}.have-hint .vowel-card h2{font-size:27px}
@media(max-width:520px){.have-word .word-heading>b{font-size:65px}.have-hint .vowel-card h2{font-size:22px}.have-example{grid-template-columns:1fr;text-align:center}.have-example .word-heading{justify-content:center}.have-example .word-heading>b{font-size:28px}.have-example .digraph-art{height:130px;max-width:170px;margin:auto}.have-example p{font-size:16px}}
.pattern-demo{margin:14px auto;text-align:center}.pattern-word{font:700 44px/1.25 Manrope,Arial,sans-serif;letter-spacing:2px}.pattern-word mark,.sound-example mark{background:#ffd8dc;color:#b94360;border-radius:6px;padding:0 2px}.closing-letter{border:2px solid #e5b84e;border-radius:6px;background:#ffe6a0}.pattern-label{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:8px;font-size:14px;color:#536a74;flex-wrap:wrap}.pattern-label .ipa{font-size:20px;color:#0b2344}.silent-pattern{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:12px auto;font-size:16px}.silent-pattern>b{font-size:27px;color:#b94360}.silent-pattern>b.mute-e{color:#77899a}.sound-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.sound-group{background:#fffaf0;border:1px solid #e8ddba;border-radius:15px;padding:12px;min-width:0}.sound-group:nth-child(2){background:#e8f4ed}.sound-group-active{border-color:#8db6ab}.sound-group h3{font-size:16px;margin:0 0 8px}.sound-example{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px}.sound-example b{font-size:22px;overflow-wrap:anywhere}.sound-example small{display:block;font-size:14px;color:#546979;margin-top:3px}.pattern-note{font-size:14px;line-height:1.5;margin:14px 0 0}.pattern-note .sound{vertical-align:middle}.open-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}@media(max-width:480px){.sound-group{padding:9px}.sound-example b{font-size:20px}.sound-groups{gap:6px}.sound-group h3{font-size:15px}}

.s-cue{margin:12px 0 18px;text-align:center}.s-cue strong{display:block;font:700 34px/1.3 Manrope,Arial,sans-serif;color:#285e7e}.s-cue span{display:block;font-size:14px;margin-top:4px;color:#536a74}.s-hint .sound-group h3{font-size:20px;text-align:center}.s-hint .sound-example{margin-top:16px}

/* Approved word-row cards: live text and audio, illustration crops only. */
.row-sound{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto;background:#fce5e2;border-radius:18px;width:max-content;padding:3px 22px}.row-sound strong{font:700 52px/1.2 Manrope,Arial,sans-serif;color:#c73961}.row-sound .ipa{font-size:23px;color:#677482}.row-sound .mute-e{color:#77818d}.pattern-gap{font-size:32px;color:#24445d}.reading-rows{display:grid;gap:8px}.reading-row{display:grid;grid-template-columns:minmax(74px,1fr) 36px minmax(82px,1fr) 76px;align-items:center;gap:8px;background:#fffcf7;border:1px solid #f0dfc1;border-radius:14px;padding:8px 10px}.reading-row>b{font:700 clamp(23px,2.2vw,30px)/1.25 Manrope,Arial,sans-serif;white-space:nowrap}.reading-row mark{background:#ffd8dc;color:#be435d;border-radius:6px;padding:0}.row-closing{border-bottom:3px solid #edc360}.row-translation{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.row-art{display:block;width:76px;height:61px;mix-blend-mode:multiply}.reading-row .sound{padding:7px;min-width:36px;min-height:36px}.rows-hint .vowel-card h2{font-size:24px}.rows-hint .explanation{font-size:15px}.rows-hint footer{margin-top:13px}.rows-hint .mute-e{color:#84909a}
@media(max-width:480px){.reading-row{grid-template-columns:minmax(0,1fr) 36px 72px;gap:4px 8px;padding:9px}.reading-row>b{font-size:27px;grid-column:1;grid-row:1}.reading-row>.sound{grid-column:2;grid-row:1/3}.row-translation{grid-column:1;grid-row:2;font-size:14px}.row-art{grid-column:3;grid-row:1/3;width:72px;height:60px}.rows-hint .vowel-card h2{font-size:21px}.row-sound strong{font-size:46px}}
.next-letter{background:#ffe5a0;border-radius:5px;padding:0 1px}.model-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.model-column{min-width:0;padding:8px;background:#e7f4ed;border:1px solid #d3e7db;border-radius:15px}.model-column:nth-child(2){background:#fff0e5;border-color:#f1dccb}.model-column h3{font-size:17px;text-align:center;margin:3px 0 10px}.model-column h3 span{display:block;font-size:20px;margin-top:5px}.model-columns .reading-row{grid-template-columns:minmax(0,1fr) 36px;gap:6px;padding:8px}.model-columns .reading-row>b{grid-column:1;grid-row:1;font-size:28px}.model-columns .reading-row>.sound{grid-column:2;grid-row:1}.model-columns .row-translation{grid-column:1;grid-row:2;font-size:14px}.model-columns .row-art{grid-column:2;grid-row:2;width:48px;height:48px;justify-self:end}.model-exceptions{margin-top:12px;padding:10px;background:#fff0ed;border:1px solid #f2d4cc;border-radius:15px}.model-exceptions h3{font-size:16px;line-height:1.4;margin:0 0 8px}.reading-row.no-art{grid-template-columns:minmax(74px,1fr) 36px minmax(82px,1fr)}.rows-hint footer span{white-space:normal;text-align:center}.model-exceptions .reading-row>b{font-size:25px}
@media(max-width:480px){.model-columns{gap:6px}.model-column{padding:5px}.model-columns .reading-row{padding:6px;gap:4px}.model-columns .reading-row>b{font-size:25px}.model-column h3{font-size:15px}.model-column h3 span{font-size:18px}.reading-row.no-art{grid-template-columns:minmax(0,1fr) 36px}.no-art>.row-translation{grid-column:1;grid-row:2}.reading-row.no-art>.sound{grid-column:2;grid-row:1/3}}
/* Keep letters separate so highlighting survives fi/fl font ligatures. */
.reading-hint [lang="en"],.reading-study [lang="en"],.target{font-variant-ligatures:none}
/* Letter cues stay readable inside Russian explanations and headings. */
.letter-set{display:inline;white-space:nowrap;font-weight:750;letter-spacing:normal;text-transform:none;word-spacing:normal}
.letter-set .next-letter{display:inline-block;padding:0 .18em;font-size:1.05em;line-height:1.35;letter-spacing:normal}
.model-column h3{font-size:18px;line-height:1.6;letter-spacing:normal;text-transform:none;font-weight:700}
.model-column h3 .model-sound{display:block;font-size:15px;font-weight:500;line-height:1.4;margin-top:4px;letter-spacing:normal}
.model-column h3 .letter-set{display:inline;font-size:inherit;margin:0}
.model-column h3 .next-letter{display:inline-block;font-size:1.05em;margin:0}
.c-branches{display:grid;grid-template-columns:52px 24px minmax(0,1fr) 24px minmax(70px,.7fr);grid-template-rows:1fr 1fr;align-items:center;gap:12px 4px;margin:18px 0}
.c-origin{grid-column:1;grid-row:1/3;text-align:center;border-radius:16px;background:#fce5e2;color:#c73961;font:800 58px/1.3 Manrope,Arial,sans-serif}
.c-fork{grid-column:2;grid-row:1/3;width:100%;height:100%;min-height:150px;fill:none;stroke:#75684b;stroke-width:2.5;vector-effect:non-scaling-stroke}
.c-branch-letters{grid-column:3;text-align:center;background:#fff0c7;border-radius:16px;padding:10px 4px;font-size:25px;font-weight:750}
.c-combinations{display:flex;justify-content:center;gap:12px;margin-top:5px;font-size:21px;line-height:1.3;letter-spacing:normal}
.c-arrow{grid-column:4;text-align:center;font-size:25px;color:#75684b}
.c-branch-sound{grid-column:5;text-align:center;background:#e7f4ed;border-radius:16px;padding:10px 4px}
.c-branch-sound.branch-1{background:#fff0e5}
.c-branch-sound small{display:block;font-size:12px;line-height:1.4}
.c-branch-sound strong{display:block;font:800 32px/1.3 Manrope,Arial,sans-serif}
.branch-0{grid-row:1}.branch-1{grid-row:2}
@media(max-width:480px){.c-branches{grid-template-columns:40px 16px minmax(0,1fr) 18px 67px;gap:10px 2px}.c-origin{font-size:45px}.c-branch-letters{font-size:21px}.c-combinations{font-size:18px;gap:9px}.c-branch-sound strong{font-size:28px}.c-arrow{font-size:22px}.model-column h3{font-size:16px}.model-column h3 .model-sound{font-size:14px}}
.model-columns .reading-row.no-art{grid-template-columns:minmax(0,1fr) 36px;min-height:68px}.model-columns .reading-row.no-art .row-translation{grid-column:1/3}.embedded-hints .reading-review{padding:10px;margin:0 auto}.embedded-hints .reading-review>:not(#reading-card):not(#audio-status){display:none}.embedded-hints .reading-hint{margin:0}