/* Desktop sizes match the previous interface at 90% browser zoom. */
@media (min-width: 855.9px) {
:root{--ink:#191d69;--muted:#858bb9;--green:#006252;--border:#e5e7f2;--surface:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdfdff;color:var(--ink);font:15.75px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3.375px solid #299782;outline-offset:4.5px}header{max-width:1395px;margin:0 auto;padding:21.5325px 15.66px 19.575px;display:flex;align-items:center;justify-content:space-between;border-bottom:1.125px solid var(--border);gap:23.49px}.brand{font-size:36.21375px;line-height:1;font-weight:750;color:#006052;letter-spacing:-1.8px;text-decoration:none}.language{font-size:15.75px;border:1.125px solid var(--border);padding:9.7875px 16.63875px;border-radius:12.72375px;background:white}.layout{max-width:1395px;margin:auto;padding:25.4475px 15.66px 0}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);column-gap:58.725px;row-gap:25.4475px;align-items:start}.intro{padding-top:0;position:sticky;top:29.3625px}.lesson-picker{display:block;position:relative}.lesson-picker:before{content:'▤';position:absolute;left:19.575px;top:11.745px;font-size:26.42625px;color:#8587bd;pointer-events:none}.lesson-picker select{width:100%;appearance:none;border:1.125px solid var(--border);color:var(--ink);border-radius:12.72375px;background:#fff;padding:15.66px 46.98px 15.66px 62.64px;font-size:22.51125px;line-height:1.4;font-weight:600;cursor:pointer}.lesson-picker:after{content:'⌄';position:absolute;right:21.5325px;top:10.76625px;color:#777eb0;font-size:25.4475px;pointer-events:none}.lesson-heading p{font-size:18.59625px;color:#6069a4;line-height:1.65;margin:27.405px 0 0}.tabs{display:flex;gap:8.80875px;margin-top:37.1925px}.tabs button{display:flex;align-items:center;justify-content:center;gap:9.7875px;flex:1;padding:13.7025px 11.745px;border-radius:39.15px;border:1.125px solid #dfe2f1;background:transparent;color:var(--ink);font-size:15.75px;white-space:nowrap}.tabs button span{font-size:24.46875px;line-height:1}.tabs button[data-mode=listen] span{font-size:17.6175px}.tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3.375px 10.125px #00625210}.tabs button:hover{border-color:#8aa99f}.intro-note{font-size:15.75px;color:var(--muted);line-height:1.6;margin-top:22.51125px}.workspace{background:white;border-radius:17.6175px;padding:20.55375px 22.51125px 12.72375px;box-shadow:0 6.75px 51.75px #202c5810;border:1.125px solid #fafafd}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14.68125px;margin-bottom:14.68125px}.panel-head h2{font-size:21.5325px;font-weight:600;margin:0;letter-spacing:-0.45px}.eyebrow{font-size:15.75px;letter-spacing:1.125px;color:var(--muted)}#mode-label{display:none}.translation{display:flex;align-items:center;gap:9.7875px;white-space:nowrap;font-size:15.75px;color:#626a9c}.translation input{appearance:none;cursor:pointer;width:37.1925px;height:22.51125px;margin:0;background:#dfe1ed;border-radius:19.575px;position:relative;flex-shrink:0;transition:background .15s}.translation input:before{content:'';position:absolute;top:2.93625px;left:2.93625px;width:16.63875px;height:16.63875px;border-radius:50%;background:white;box-shadow:0 1.125px 3.375px #0001;transition:transform .15s}.translation input:checked{background:var(--green)}.translation input:checked:before{transform:translateX(14.68125px)}.player{border-radius:11.745px;background:var(--surface);padding:10.76625px 13.7025px;display:flex;justify-content:space-between;align-items:center;gap:14.68125px;margin-bottom:5.8725px}.primary{border:0;border-radius:29.3625px;color:white;background:var(--green);padding:11.745px 18.59625px;font-size:15.75px}#play{font-size:0;width:50.895px;height:50.895px;border-radius:50%;padding:0;flex-shrink:0}#play:before{content:'▶';font-size:22.51125px;margin-left:3.915px}#play.is-playing:before{content:'■';font-size:20.55375px;margin-left:0}.player-caption{display:none}.speed-label{display:grid;color:#737cae;font-size:15.75px;line-height:1.4}select{font:inherit}.speed-label select{background:transparent;border:0;color:var(--ink);padding:2.93625px 0;font-size:16.63875px}.dialogue{padding:0 1.9575px}.line{display:grid;grid-template-columns:39.15px minmax(0,1fr) 31.32px;gap:14.68125px;align-items:center;padding:11.745px 2.93625px;border-bottom:1.125px solid #eceef6;border-radius:4.89375px}.line:last-child{border-bottom:0}.avatar{width:38.17125px;height:38.17125px;display:grid;place-items:center;border-radius:50%;background:#f0edeb;color:#856c51;font-size:17.6175px}.avatar[data-speaker=A]{background:#ffedde;color:#a56930}.spanish{font-size:17.6175px;line-height:1.4;letter-spacing:-0.28125px}.russian{font-size:15.75px;color:var(--muted);line-height:1.4}.sound{width:31.32px;height:31.32px;border:0;background:transparent;color:#7e85b9;font-size:24.46875px;padding:0;border-radius:50%}.sound:hover{background:#f0f3fa;color:var(--green)}.line.active{background:#f0f4fc;box-shadow:inset 3.375px 0 #8d94c1}.line.your-turn{background:#edf7f2;box-shadow:inset 3.375px 0 var(--green)}.hide-translations .russian{display:none}.lesson-navigation{display:flex;justify-content:space-between;gap:21.5325px;margin:19.575px 9.7875px 0}.secondary,.lesson-navigation .primary{border:1.125px solid #e0e4f1;border-radius:12.72375px;background:white;color:var(--ink);padding:12.72375px 14.68125px;font-size:15.75px}.lesson-navigation button{flex:1;min-width:0}.learning-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1.125px solid var(--border);padding-top:22.51125px;gap:21.5325px;margin-top:0}.path-card{display:flex;align-items:flex-start;gap:16.63875px;padding:0 19.575px;border-right:1.125px solid var(--border)}.path-card:first-child{padding-left:9.7875px}.path-card:last-child{border:0}.path-number{background:#e2f5ed;color:#056554;border-radius:12.72375px;min-width:52.8525px;height:52.8525px;display:grid;place-items:center;font-size:29.3625px}.path-card:nth-child(2) .path-number{background:#fff0e7;color:#a36935}.path-card strong{font-size:16.63875px;font-weight:600}.path-card p{color:var(--muted);font-size:15.75px;line-height:1.4;margin:2.93625px 0}footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#999fbd;font-size:15.75px;padding:0 9.7875px 17.6175px}#status{font-size:15.75px;color:#646d99;margin:9.7875px 0}#status:empty{display:none}.practice-card{background:#f7f8fc;border-radius:12.72375px;padding:14.68125px;margin-bottom:11.745px}.practice-top{display:flex;justify-content:space-between;gap:11.745px;font-size:15.75px;color:#7b84a4;margin-bottom:7.83px}.cue{font-size:21.5325px;margin:5.8725px 0;line-height:1.4}.voice-state{padding:7.83px 11.745px;border-radius:8.80875px;font-size:15.75px;margin:9.7875px 0 4.89375px;background:#e9edf5}.voice-state[data-phase=listening]{background:#e5f3ec;color:#16644d}.voice-state[data-phase=error]{background:#fff0dc;color:#7c5830}.transcript{font-size:16.63875px;overflow-wrap:anywhere}.feedback{color:#637292;font-size:15.75px;margin-top:7.83px}.transcript:empty,.feedback:empty{display:none}.session-controls{margin-top:8.80875px}.session-controls button{padding:6.85125px 13.7025px;font-size:15.75px}.practice-note{font-size:15.75px;color:#8c94ac;line-height:1.5;margin:7.83px 0 0}.hint{font-size:15.75px;color:#7d86a7}.practice-card h2{font-size:21.5325px;margin:4.89375px 0}.practice-card p{font-size:15.75px}progress{display:block;width:100%;height:3.915px;accent-color:var(--green);margin-top:11.745px}.sr-only{position:absolute;width:1.125px;height:1.125px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1215px){header,.layout{margin-left:19.575px;margin-right:19.575px}main{column-gap:29.3625px}.tabs{gap:5.8725px}.tabs button{font-size:15.75px;padding:12.72375px 8.80875px;gap:5.8725px}.lesson-heading p{font-size:16.63875px}.workspace{padding:17.6175px 16.63875px 11.745px}.panel-head h2{font-size:19.575px}.translation{font-size:15.75px;gap:5.8725px}.line{gap:9.7875px}.lesson-navigation{gap:11.745px;margin-left:0;margin-right:0}.lesson-navigation button{padding:11.745px 7.83px;font-size:15.75px}.path-card{padding:0 9.7875px;gap:9.7875px}}@media(max-width:855px){header{margin:0 17.6175px;padding:19.575px 1.9575px 17.6175px}.brand{font-size:30.34125px}.language{font-size:15.75px;padding:7.83px 11.745px}.layout{margin:0;padding:17.6175px}main{display:block}.intro{position:static;padding:0}.lesson-picker select{font-size:20.55375px;padding-top:11.745px;padding-bottom:11.745px}.lesson-picker:before{top:8.80875px}.lesson-picker:after{top:7.83px}.lesson-heading p{margin-top:17.6175px;font-size:15.75px;line-height:1.6}.tabs{margin-top:21.5325px;gap:6.85125px}.tabs button{font-size:15.75px;padding:12.72375px 7.83px;gap:6.85125px}.tabs button span{font-size:21.5325px}.intro-note{font-size:15.75px;margin:17.6175px 0 21.5325px}.workspace{padding:17.6175px 13.7025px 9.7875px;border-radius:15.66px}.panel-head h2{font-size:19.575px}.translation{font-size:15.75px}.translation input{width:33.2775px;height:20.55375px}.translation input:before{width:14.68125px;height:14.68125px}.translation input:checked:before{transform:translateX(12.72375px)}.line{grid-template-columns:33.2775px minmax(0,1fr) 27.405px;gap:10.76625px;padding:10.76625px 0}.avatar{width:33.2775px;height:33.2775px;font-size:15.75px}.spanish{font-size:16.63875px}.russian{font-size:15.75px}.lesson-navigation{gap:9.7875px;margin-top:16.63875px}.lesson-navigation button{font-size:15.75px;padding:11.745px 5.8725px}.learning-path{grid-template-columns:1fr;gap:19.575px;margin-top:27.405px;padding-top:23.49px}.path-card,.path-card:first-child{padding:0;border:0;gap:16.63875px}.path-card p br{display:none}.path-number{min-width:46.98px;height:46.98px}footer{margin-top:24.46875px;padding:0 0 9.7875px;font-size:15.75px;gap:14.68125px}.cue{font-size:19.575px}.practice-top{font-size:15.75px}.voice-state{font-size:15.75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.translation input,.translation input:before{transition:none}}

.tabs svg{display:block;width:22.51125px;height:22.51125px}.path-number svg{width:28.38375px;height:28.38375px}

.top-nav{display:flex;align-items:center;gap:37.1925px;flex:1;margin-left:29.3625px}.top-nav a,.top-nav button{color:#4e59a0;font-size:16.63875px;text-decoration:none;background:none;border:0;padding:4.89375px 0;cursor:pointer}.top-nav a:hover,.top-nav button:hover{color:var(--green)}.language{display:flex;align-items:center;gap:8.80875px}.language select{border:0;background:transparent;color:var(--ink);font-size:15.75px;max-width:180px;padding-right:2.93625px;cursor:pointer}dialog{max-width:562.5px;width:calc(100% - 35.235px);border:1.125px solid var(--border);border-radius:19.575px;padding:29.3625px;color:var(--ink);box-shadow:0 22.5px 101.25px #1113}dialog::backdrop{background:#16233366}dialog h2{margin:0 0 17.6175px}dialog p{color:#636d9d}#about-close{float:right;font-size:21.5325px;padding:0 11.745px;margin:-9.7875px -9.7875px 9.7875px 9.7875px}#how-it-works{scroll-margin-top:28.125px}@media(max-width:855px){header{flex-wrap:wrap;gap:15.66px}.top-nav{order:3;flex-basis:100%;margin:0;gap:24.46875px}.top-nav a,.top-nav button{font-size:15.75px}.language select{font-size:15.75px}.brand{font-size:32.29875px}}

.layout{padding-bottom:24.46875px}.dialog-close{float:right;font-size:21.5325px;padding:0 11.745px;margin:-9.7875px -9.7875px 9.7875px 9.7875px}#how-dialog{max-width:686.25px;max-height:85vh;overflow:auto}#how-dialog ol{padding-left:22.51125px;color:#636d9d}#how-dialog li{margin-bottom:13.7025px}#how-dialog strong{color:var(--ink)}

.dialogue-section{font-size:0.984375rem;color:var(--muted,#7274a6);margin:19.575px 0 5.8725px;font-weight:600}.dialogue-section:first-child{margin-top:13.7025px}

/* Optical centering with the visible letterforms of the Lexio wordmark. */
header .top-nav,header .language{position:relative;top:2.93625px}header .top-nav button,header .top-nav a{line-height:1.25}header .language select{line-height:1.25}@media(max-width:855px){header .top-nav{top:0}}

.learn-instruction{font-size:15.75px;line-height:1.65;color:#636d9d;margin:0 0 17.6175px}.listening-dialogue .line{grid-template-columns:39.15px minmax(0,1fr)}.grammar{font-size:15.75px;line-height:1.7;overflow-wrap:anywhere}.grammar-section{padding:19.575px 0;border-top:1.125px solid var(--border)}.grammar-section:first-child{padding-top:0;border-top:0}.grammar h3{font-size:17.6175px;line-height:1.5;margin:0 0 13.7025px;font-weight:650}.grammar p{margin:11.745px 0;color:#626a9c}.grammar strong{color:var(--ink);font-weight:600}.grammar blockquote{margin:0;padding:14.68125px 17.6175px;background:var(--surface);border-left:3.375px solid var(--green);border-radius:0 9.7875px 9.7875px 0;line-height:1.9}.tabs button{min-width:0}@media(max-width:855px){.listening-dialogue .line{grid-template-columns:33.2775px minmax(0,1fr)}.tabs button{gap:4.89375px;padding-left:5.8725px;padding-right:5.8725px}.tabs svg{width:18.59625px;height:18.59625px}}

.listening-dialogue .line{grid-template-columns:minmax(0,1fr)}.review-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9.7875px;margin:23.49px 0 5.8725px}.review-heading .dialogue-section{margin:0}.review-heading .secondary{padding:8.80875px 13.7025px}#about-dialog{max-height:85vh;overflow:auto}

/* Framed lesson layout, matching the supplied reference. */
body{background:#f8f9fd}
header,.intro,.workspace,.learning-path{background:#fff;border:1.125px solid var(--border);border-radius:15.66px;box-shadow:0 9px 33.75px #202c5805}
header{max-width:1395px;width:calc(100% - 46.98px);margin:19.575px auto 0;padding:19.575px 27.405px}
.layout{max-width:1449px;padding:17.6175px 23.49px 23.49px}
main{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);column-gap:15.66px;row-gap:15.66px;align-items:stretch}
.intro{grid-column:1;grid-row:1;position:static;padding:23.49px 27.405px;min-width:0}
.lesson-surface{display:contents}
.workspace{grid-column:2;grid-row:1;padding:23.49px 27.405px 15.66px;min-width:0}
.lesson-heading p{margin:19.575px 0 0;padding:19.575px;background:#f3f9f8;border-radius:11.745px;color:var(--ink);font-size:17.6175px;line-height:1.6}
.tabs{margin-top:17.6175px;padding:15.66px;border:1.125px solid var(--border);border-radius:11.745px;gap:8.80875px}
.tabs button{padding:13.7025px 7.83px;font-size:15.75px}
.tabs button[aria-selected=true]{outline:2.25px solid #299782;outline-offset:4.5px;box-shadow:none}
.lesson-navigation{grid-column:2;grid-row:2;margin:0;gap:13.7025px}
.learning-path{grid-column:1/-1;grid-row:3;margin:0;padding:21.5325px 27.405px;gap:21.5325px}
.path-card,.path-card:first-child{padding-left:0}
@media(max-width:1215px){
 header{margin:17.6175px auto 0;padding:19.575px 21.5325px}.layout{margin:0 auto;padding:17.6175px 23.49px 23.49px}
 .intro,.workspace{padding:19.575px}.tabs{padding:12.72375px 9.7875px;gap:7.83px}.tabs button{font-size:15.75px;padding:12.72375px 4.89375px}
 .lesson-heading p{font-size:16.63875px;padding:15.66px}.learning-path{padding:21.5325px 19.575px;gap:15.66px}
}
@media(max-width:855px){
 header{width:calc(100% - 31.32px);margin:15.66px auto 0;padding:19.575px}
 .layout{padding:15.66px}main{display:block}.intro{padding:19.575px;margin-bottom:15.66px}
 .workspace{padding:19.575px 15.66px 11.745px}.lesson-heading p{margin-top:15.66px;font-size:15.75px}
 .tabs{margin-top:17.6175px;padding:12.72375px 9.7875px}.tabs button{font-size:15.75px}
 .lesson-navigation{margin:15.66px 0}.learning-path{display:grid;padding:21.5325px 19.575px;margin-top:15.66px;gap:19.575px}
}

/* Quiet active tabs and the lesson-reference palette. */
.tabs button[aria-selected=true]{outline:none;box-shadow:none}
.tabs button:focus-visible{outline:3.375px solid #299782;outline-offset:4.5px}
.learning-dialogue .avatar{background:#eef0f0;color:#536063}
.learning-dialogue .avatar[data-speaker=A]{background:#e6f0ec;color:#345e53}
.learning-dialogue .spanish{color:#293330}
.learning-dialogue .russian{color:#7b8782}
.learning-dialogue .line{border-bottom-color:#edf0ee}
.learning-dialogue .sound{color:#b6bdb9;display:grid;place-items:center;width:35.235px;height:35.235px}
.learning-dialogue .avatar[data-speaker=A]~.sound{color:#a9cbbf}
.learning-dialogue .sound svg{width:24.46875px;height:24.46875px}
.learning-dialogue .sound:hover{background:#edf5f1;color:#006252}
.learning-dialogue .line.active{background:#f0f7f3;box-shadow:inset 3.375px 0 #93baac}
.grammar-section{position:relative;padding:25.4475px 0 25.4475px 46.98px}
.grammar-section:first-child{padding-top:3.915px}
.grammar-section[data-step]::before{content:attr(data-step);position:absolute;left:0;top:25.4475px;width:31.32px;height:31.32px;border-radius:50%;display:grid;place-items:center;background:#f3f4f9;color:#626a9c;font-size:15.75px}
.grammar-section[data-step]:first-child::before{top:3.915px}
.grammar-section:not([data-step]){padding-left:0}
.grammar h3{font-size:18.59625px;line-height:1.5;margin:0 0 15.66px;font-weight:650}
.grammar p{margin:13.7025px 0;color:#7c83a2;line-height:1.7}
.grammar strong{color:var(--ink);font-weight:650}
.grammar-example-group,.grammar blockquote{margin:15.66px 0;padding:15.66px 19.575px;background:#f5f6fb;border:0;border-radius:11.745px;color:#7c83a2}
.grammar-example-group p{margin:0;line-height:1.8}
.grammar-example-group p+p{margin-top:3.915px}
.grammar .grammar-note{border-left:3.375px solid #65b394;padding:3.915px 0 3.915px 15.66px;margin-top:17.6175px}
@media(max-width:855px){.grammar-section{padding-left:39.15px}.grammar h3{font-size:17.6175px}.grammar-example-group,.grammar blockquote{padding:13.7025px}.grammar-section[data-step]::before{width:28.38375px;height:28.38375px}}

/* Language preferences reuse the existing surfaces and controls. */
#language-open{color:var(--ink);white-space:nowrap;gap:8.80875px;flex-shrink:0;line-height:1.4}
#language-open svg{flex-shrink:0}#language-pair{font-weight:600}
#language-dialog{position:fixed;margin:0;width:479.5875px;max-width:calc(100vw - 27px);max-height:calc(100dvh - 27px);overflow:auto;padding:35.235px 23.49px 19.575px;box-shadow:0 13.5px 45px #202c5820;border-radius:17.6175px}
#language-dialog::backdrop{background:transparent}
#language-close{position:absolute;inset-inline-end:8.80875px;top:4.89375px;width:31.32px;height:31.32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24.46875px}
.language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:19.575px;margin:7.83px 0 17.6175px}
.language-row label{display:flex;align-items:center;gap:11.745px;font-weight:600;line-height:1.4}
.language-row label svg{width:24.46875px;height:24.46875px;flex-shrink:0}
.language-row select{width:100%;min-width:0;padding:12.72375px 11.745px;background:white;color:var(--ink);border:1.125px solid var(--border);border-radius:12.72375px;font-size:15.75px}
.language-row select:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--surface);cursor:default}
.language-actions{display:flex;justify-content:flex-end;margin-top:7.83px}.language-actions button{min-width:107.6625px;font-size:15.75px}
.tabs button{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.panel-head{flex-wrap:wrap}.panel-head h2{overflow-wrap:anywhere}
.top-nav{flex-wrap:wrap;column-gap:27.405px;row-gap:7.83px}.top-nav button{text-align:start}.path-card>div:last-child{min-width:0}
.spanish{direction:ltr;text-align:left;unicode-bidi:isolate}.russian{unicode-bidi:plaintext}.grammar bdi{unicode-bidi:isolate}
.grammar h3[lang=es]{text-align:start}.language-row select option{font-size:15.75px}
[dir=rtl] .top-nav{margin-left:0;margin-right:29.3625px}[dir=rtl] .lesson-picker:before{left:auto;right:19.575px}[dir=rtl] .lesson-picker:after{right:auto;left:21.5325px}
[dir=rtl] .lesson-picker select{padding-left:46.98px;padding-right:62.64px}[dir=rtl] .grammar-section[data-step]{padding-left:0;padding-right:46.98px}
[dir=rtl] .grammar-section[data-step]::before{left:auto;right:0}[dir=rtl] .grammar .grammar-note{border-left:0;border-right:3.375px solid #65b394;padding-left:0;padding-right:15.66px}
[dir=rtl] .path-card{border-right:0;border-left:1.125px solid var(--border)}[dir=rtl] .path-card:last-child{border-left:0}
[dir=rtl] #how-dialog ol{padding-left:0;padding-right:22.51125px}[dir=rtl] #about-close,[dir=rtl] .dialog-close{float:left}
[dir=rtl] .previous-arrow,[dir=rtl] .next-arrow{display:inline-block;transform:scaleX(-1)}
@media(max-width:855px){
 #language-dialog{padding:31.32px 17.6175px 17.6175px}.language-row{gap:11.745px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .language-row label{gap:7.83px;font-size:15.75px}.language-row select{padding:11.745px 6.85125px;font-size:15.75px}
 .language-row label svg{width:20.55375px;height:20.55375px}.top-nav{column-gap:19.575px}.tabs{padding-inline:7.83px}.tabs button{font-size:15.75px}
 [dir=rtl] .top-nav{margin:0}[dir=rtl] .grammar-section[data-step]{padding-right:39.15px}[dir=rtl] .path-card{border:0}
}

#news-dialog{max-width:686.25px;max-height:85dvh;overflow:auto;text-align:start}#news-title{padding-inline-end:29.3625px}.news-list{list-style:none;margin:0;padding:0}.news-list li{font-size:15.75px;line-height:1.65;padding:17.6175px 0;border-top:1.125px solid var(--border);overflow-wrap:anywhere}.news-list li:first-child{color:var(--green);font-weight:600}.news-list li:last-child{padding-bottom:0}@media(max-width:855px){#news-dialog{padding:23.49px}.top-nav{row-gap:11.745px}}

.learning-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11.745px 17.6175px;margin-inline-start:auto;max-width:100%}.learning-controls[hidden],#hide-study-control[hidden]{display:none}.hide-study-text .study-text{display:none}

/* Lexio: soft green waves, ivory cards and olive controls. */
:root{--ink:#15172f;--muted:#657594;--green:#858b68;--border:#e3e7e0;--surface:#eff1eb;--mint:#e9ede3;--shadow:0 9px 31.5px #26312514}
body{background:#fcfcfa url('assets/waves.svg') center top/100% 100vh fixed no-repeat;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--ink);line-height:1.5}
header{max-width:1530px;width:calc(100% - 62.64px);margin:27.405px auto 29.3625px;padding:0;min-height:62.64px;background:transparent;border:0;border-radius:0;box-shadow:none;gap:31.32px}
.brand{display:flex;align-items:center;gap:15.66px;color:#10132c;font:700 2.93625rem/1 Georgia,'Times New Roman',serif;letter-spacing:-2.025px;flex-shrink:0}.brand svg{width:58.725px;height:50.895px}
header .top-nav,header .language{top:0}.top-nav{justify-content:center;margin:0;gap:37.1925px}.top-nav button{font-size:1.101375rem;color:var(--ink);padding:9.7875px 0}.top-nav button:hover{color:#626d48}
.language{background:#fffffff2;border:1.125px solid var(--border);border-radius:16.63875px;box-shadow:0 3.375px 11.25px #25352006;padding:11.745px 17.6175px;font-size:1.101375rem}#language-open>svg{display:none}#language-pair{font-weight:400;letter-spacing:0.225px}
.layout{max-width:1602px;padding:0 31.32px 23.49px;margin:0 auto}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:25.4475px;align-items:stretch}.lesson-surface{display:contents}
.intro,.workspace{padding:29.3625px;background:#fffffff0;border:1.125px solid var(--border);border-radius:25.4475px;box-shadow:var(--shadow);min-width:0}.intro{position:static;grid-column:1;grid-row:1;align-self:stretch}.workspace{grid-column:2;grid-row:1}
.lesson-picker{border:0;padding:0;min-height:80.2575px}.lesson-picker:before{display:none}.lesson-picker:after{inset-inline-end:9.7875px;inset-inline-start:auto;top:16.63875px;color:var(--ink)}.lesson-icon{position:absolute;inset-inline-start:0;top:0;width:80.2575px;height:80.2575px;display:grid;place-items:center;background:var(--mint);color:#79875f;border-radius:18.59625px;pointer-events:none}.lesson-icon svg{width:46.00125px;height:46.00125px}.lesson-picker select{min-height:80.2575px;border:0;background:transparent;padding:4.89375px 35.235px 4.89375px 101.79px;font:700 2.838375rem/1.4 Georgia,'Times New Roman',serif;color:var(--ink);border-radius:11.745px}
.lesson-heading p{padding:25.4475px 29.3625px;margin:27.405px 0 0;border-radius:19.575px;background:var(--surface);font-size:1.614375rem;line-height:1.45;color:#2d3042}
.section-label{font-size:0.984375rem;font-weight:400;line-height:1.4;text-transform:uppercase;margin:29.3625px 0 13.7025px}.tabs{padding:0;margin:0;border:0;border-radius:0;gap:11.745px;display:grid;grid-template-columns:1fr 1fr 1.2fr}.tabs button{background:transparent;border:1.125px solid var(--border);border-radius:12.72375px;padding:15.66px 7.83px;font-size:1.101375rem;min-height:62.64px;line-height:1.3;gap:9.7875px;overflow-wrap:normal}.tabs button svg{width:27.405px;height:27.405px;flex-shrink:0}.tabs button[aria-selected=true]{background:#95977d;color:#fff;border-color:#95977d;outline:0;box-shadow:0 2.25px 4.5px #27351b0b}.tabs+section{margin-top:29.3625px;padding-top:0;border-top:1.125px solid var(--border)}.tabs+section .section-label{margin-top:25.4475px}.keywords{display:flex;flex-wrap:wrap;gap:9.7875px}.keyword{border:0;background:#eaece5;border-radius:31.32px;padding:8.80875px 21.5325px;font-size:1.101375rem;direction:ltr;unicode-bidi:isolate;max-width:100%;overflow-wrap:anywhere}
.panel-head{display:grid;grid-template-columns:68.5125px minmax(0,1fr) auto;align-items:center;gap:17.6175px;margin-bottom:19.575px}.mode-icon{width:68.5125px;height:68.5125px;background:#f0f2eb;color:#7b8861;border-radius:17.6175px;display:grid;place-items:center}.mode-icon svg{width:39.15px;height:39.15px}.panel-head h2{font-size:1.9575rem;font-weight:600;letter-spacing:-0.7875px;line-height:1.2;margin:0;overflow-wrap:normal}.learning-controls{gap:9.7875px;margin:0;align-self:center;justify-content:flex-end}.translation{font-size:0.984375rem;color:#34364b;flex-direction:row-reverse;gap:8.80875px;white-space:normal}.translation input{width:45.0225px;height:27.405px;background:#d7dacf}.translation input:before{width:21.5325px;height:21.5325px;top:2.93625px;left:2.93625px}.translation input:checked{background:#a0a38a}.translation input:checked:before{transform:translateX(17.6175px)}
.workspace[data-mode=learn] .learning-controls{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.workspace[data-mode=grammar] .panel-head{grid-template-columns:68.5125px minmax(0,1fr)}
.player{border:1.125px solid var(--border);background:transparent;border-radius:14.68125px;padding:9.7875px 13.7025px;gap:13.7025px;margin:0 0 17.6175px}#play{width:56.7675px;height:56.7675px;background:#969b7c}#play:hover{background:#79805f}.player-caption{display:none}.player-progress{flex:1;min-width:23.49px;display:flex;flex-direction:column;gap:4.89375px}.player-progress progress{width:100%;margin:0;height:6.85125px;appearance:none;overflow:hidden;border:0;border-radius:19.575px;background:#e7e9e2}.player-progress progress::-webkit-progress-bar{background:#e7e9e2}.player-progress progress::-webkit-progress-value{background:#83916c;border-radius:19.575px}.player-progress progress::-moz-progress-bar{background:#83916c}.player-progress output{font-size:0.984375rem;color:var(--muted);line-height:1.2;text-align:end}.player-progress output:empty{display:none}.speed-label{display:flex;align-items:center;gap:11.745px;font-size:0.984375rem;color:var(--ink)}.speed-label select{border:1.125px solid var(--border);border-radius:9.7875px;background:transparent;padding:9.7875px;font-size:0.984375rem;min-width:64.5975px}
.dialogue{padding:0}.listening-dialogue .line{border:0;border-radius:7.83px;padding:3.915px 17.6175px;min-height:0}.spanish{font-size:1.37025rem;line-height:1.35;color:#1c2034;letter-spacing:-0.3375px}.russian{font-size:1.101375rem;line-height:1.35;color:#7384a2;margin-top:1.9575px}.line.active,.learning-dialogue .line.active{background:var(--mint);box-shadow:inset 3.375px 0 #8f9e76}.learning-dialogue .line{grid-template-columns:35.235px minmax(0,1fr) 43.065px;padding:15.66px 1.9575px;gap:11.745px;border-color:var(--border)}.learning-dialogue .sound{width:43.065px;height:43.065px;border-radius:50%;background:var(--surface);color:#667548}.learning-dialogue .avatar{background:var(--surface);color:#636c56}.learning-dialogue .avatar[data-speaker=A]{background:#e1ead9;color:#596846}.learning-dialogue .avatar[data-speaker=A]~.sound{color:#667548}.learn-instruction{font-size:0.984375rem;color:#59634f;background:var(--surface);border-radius:11.745px;padding:17.6175px}.dialogue-section{color:#59684a}.review-heading{margin-top:25.4475px;padding-top:17.6175px;border-top:1.125px solid var(--border)}
.lesson-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;margin:0;gap:15.66px}.lesson-navigation button{flex:0 1 337.5px;min-width:0;border-radius:13.7025px;font-size:1.101375rem;padding:16.63875px 19.575px;min-height:62.64px;display:flex;justify-content:center;align-items:center;gap:19.575px;line-height:1.3}.lesson-navigation .secondary{background:#e9ece5;border:0;color:#303547}.lesson-navigation .primary{background:#969a7d;color:white}.lesson-navigation button:disabled{opacity:.65}.previous-arrow,.next-arrow{font-size:1.71225rem}.primary{background:#858d6a;border-radius:11.745px;font-size:0.984375rem}.primary:hover{background:#707a55}.secondary{border-color:var(--border);border-radius:11.745px;font-size:0.984375rem}.secondary:hover{background:#e9ede2}
.grammar-section{padding-block:22.51125px}.grammar h3{font-size:1.1745rem;line-height:1.5}.grammar p{font-size:0.984375rem;color:#56604f}.grammar-section[data-step]:before{background:var(--mint);color:#626e4d}.grammar-example-group,.grammar blockquote{background:var(--surface);color:#56604f;border-radius:13.7025px}.grammar .grammar-note{border-color:#88976e}
dialog{background:#fffffc;border:1.125px solid var(--border);border-radius:22.51125px;box-shadow:0 22.5px 90px #26312533;padding:29.3625px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#26312555;backdrop-filter:blur(4.5px)}dialog h2{font-size:1.614375rem;line-height:1.3;padding-inline-end:35.235px}dialog p,#how-dialog ol,.news-list li{color:#56604f;font-size:0.984375rem;line-height:1.7}.dialog-close,#about-close,#language-close{width:39.15px;height:39.15px;display:grid;place-items:center;border-radius:9.7875px;background:var(--surface);color:#626e4d;padding:0;border:0}#language-dialog{border-radius:19.575px}#status{font-size:0.984375rem;color:#59684a}.news-list li:first-child{color:#65714e}
:focus-visible{outline:3.375px solid #667a50!important;outline-offset:4.5px!important}
[dir=rtl] .top-nav{margin:0}[dir=rtl] .lesson-picker select{padding:4.89375px 101.79px 4.89375px 35.235px}[dir=rtl] .lesson-picker:after{left:9.7875px;right:auto}[dir=rtl] .translation input:before{left:2.93625px}[dir=rtl] .line.active{box-shadow:inset -3.375px 0 #8f9e76}
@media(min-width:1468.125px){header{margin-top:37.1925px;margin-bottom:35.235px}.intro,.workspace{padding:29.3625px}.listening-dialogue .line{padding-block:4.89375px}.intro,.workspace{min-height:704.7px}}
@media(max-width:1406.25px){header{gap:23.49px}.top-nav{gap:23.49px}.intro,.workspace{padding:23.49px}.panel-head{grid-template-columns:52.8525px minmax(0,1fr);gap:11.745px}.mode-icon{width:52.8525px;height:52.8525px}.mode-icon svg{width:33.2775px;height:33.2775px}.panel-head h2{font-size:1.566rem}.learning-controls{grid-column:2/-1;justify-content:flex-start}.workspace[data-mode=grammar] .panel-head{grid-template-columns:52.8525px minmax(0,1fr)}.lesson-picker select{font-size:2.300625rem;padding-inline-start:88.0875px}.lesson-icon{width:68.5125px;height:68.5125px}.lesson-picker{min-height:68.5125px}.lesson-picker select{min-height:68.5125px}.lesson-heading p{font-size:1.37025rem;padding:23.49px}.tabs button{font-size:0.984375rem;gap:6.85125px}.tabs button svg{width:22.51125px;height:22.51125px}.keyword{font-size:0.984375rem;padding-inline:17.6175px}.speed-label>span{display:none}}
@media(max-width:1012.5px){header{width:calc(100% - 39.15px);margin:23.49px auto;gap:17.6175px;flex-wrap:wrap}.brand{font-size:2.54475rem}.brand svg{width:46.98px;height:43.065px}.language{margin-inline-start:auto}.top-nav{order:3;flex-basis:100%;justify-content:space-between;gap:11.745px}.top-nav button{font-size:0.984375rem}.layout{padding:0 19.575px 19.575px}main{display:flex;flex-direction:column;gap:19.575px}.intro,.workspace{padding:23.49px;min-height:0}.intro{margin:0}.lesson-heading p{font-size:1.272375rem;margin-top:19.575px}.lesson-navigation{margin:0}.lesson-navigation button{flex:1;font-size:0.984375rem;padding:14.68125px 11.745px;gap:9.7875px}.panel-head{grid-template-columns:52.8525px minmax(0,1fr) auto}.learning-controls{grid-column:auto}.panel-head h2{font-size:1.468125rem}.workspace[data-mode=learn] .learning-controls{grid-column:1/-1}.tabs+section{margin-top:23.49px}.section-label{margin-top:23.49px}.speed-label>span{display:inline}.spanish{font-size:1.222875rem}.russian{font-size:1.0395rem}}
@media(max-width:585px){header{width:calc(100% - 31.32px);margin:19.575px auto;gap:13.7025px}.brand{font-size:2.15325rem;gap:9.7875px}.brand svg{width:38.17125px;height:35.235px}.language{padding:9.7875px 11.745px;font-size:0.984375rem;border-radius:12.72375px}.top-nav{gap:11.745px}.top-nav button{font-size:0.984375rem}.layout{padding:0 13.7025px 19.575px}.intro,.workspace{padding:19.575px;border-radius:19.575px}.lesson-icon{width:56.7675px;height:56.7675px;border-radius:13.7025px}.lesson-icon svg{width:34.25625px;height:34.25625px}.lesson-picker,.lesson-picker select{min-height:56.7675px}.lesson-picker select{font-size:1.9575rem;padding-inline-start:74.385px}.lesson-picker:after{top:6.85125px}.lesson-heading p{padding:19.575px;font-size:1.1745rem}.tabs{gap:7.83px;grid-template-columns:1fr 1fr 1.2fr}.tabs button{font-size:0.984375rem;flex-direction:column;gap:6.85125px;padding:11.745px 3.915px}.section-label{font-size:0.984375rem}.keyword{font-size:0.984375rem;padding:7.83px 14.68125px}.panel-head{grid-template-columns:45.0225px minmax(0,1fr);gap:11.745px}.mode-icon{width:45.0225px;height:45.0225px;border-radius:11.745px}.mode-icon svg{width:29.3625px;height:29.3625px}.learning-controls{grid-column:2/-1;justify-content:flex-start}.panel-head h2{font-size:1.37025rem}.translation{font-size:0.984375rem}.workspace[data-mode=grammar] .panel-head{grid-template-columns:45.0225px minmax(0,1fr)}.player{gap:9.7875px;padding:9.7875px}#play{width:46.98px;height:46.98px}.speed-label>span{display:none}.speed-label select{min-width:60.6825px;padding:8.80875px 4.89375px}.listening-dialogue .line{padding:5.8725px 4.89375px}.lesson-navigation button{font-size:0.984375rem;gap:7.83px;padding:12.72375px 8.80875px}.previous-arrow,.next-arrow{font-size:1.468125rem}.grammar-section[data-step]{padding-inline-start:39.15px}.grammar h3{font-size:1.101375rem}dialog{padding:23.49px}dialog h2{font-size:1.37025rem}.language-row{grid-template-columns:1fr;gap:7.83px}[dir=rtl] .lesson-picker select{padding-inline-start:74.385px;padding-inline-end:35.235px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tabs button .tab-label{font-size:inherit;line-height:inherit}
.tabs button[data-mode] .tab-label{font-size:inherit;line-height:inherit}

/* Smaller type within the original, naturally scrolling lesson layout. */
.lesson-picker select{font-size:1.9575rem}
.lesson-heading p{font-size:1.222875rem}
.panel-head h2{font-size:1.468125rem}
.spanish{font-size:1.1745rem}
.russian{font-size:0.984375rem}
@media(max-width:585px){.lesson-picker select{font-size:1.76175rem}.lesson-heading p{font-size:1.101375rem}.panel-head h2{font-size:1.272375rem}.spanish{font-size:1.101375rem}}

/* Reserve a separate close-button row without changing the language dialog layout. */
#language-dialog{padding-top:49.5px}
#language-dialog #language-close{position:absolute;top:9px;right:11.25px;left:auto;inset-inline-start:auto;inset-inline-end:11.25px;width:29.25px;height:29.25px;font-size:22.5px;line-height:1;margin:0;padding:0;border-radius:7.875px}
#language-dialog[dir=rtl] #language-close{right:11.25px;left:auto;inset-inline-start:11.25px;inset-inline-end:auto}

/* Vector controls render consistently on mobile, without emoji substitution. */
#play::before{content:"";display:block;width:40%;height:44%;margin:0 0 0 35%;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
#play.is-playing::before{content:"";width:34%;height:34%;margin:0 auto;clip-path:none;border-radius:1.125px;background:#fff}
.lesson-navigation .primary,.lesson-navigation .secondary{background:#e7e9e0;color:#15172f;border:1.125px solid transparent;display:flex;align-items:center;justify-content:center;line-height:1.25}
.lesson-navigation button:not(:disabled):hover{background:#a8ba8b;color:#172310;border-color:#93a878}
.lesson-navigation button:not(:disabled):active{background:#95aa75}
.lesson-navigation button:disabled{opacity:.65}
.lesson-navigation button>[data-ui]{display:block;line-height:1.25}
.lesson-navigation .previous-arrow,.lesson-navigation .next-arrow{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;line-height:1}
.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{display:block;width:27px;height:27px}
@media(max-width:585px){.lesson-navigation .previous-arrow,.lesson-navigation .next-arrow{width:22.5px;height:22.5px;flex-basis:22.5px}.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{width:22.5px;height:22.5px}}

.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15.66px 27.405px;max-width:1530px;width:calc(100% - 62.64px);margin:0 auto;padding:21.5325px 0 29.3625px;border-top:1.125px solid var(--border);font-size:0.984375rem;line-height:1.6;color:#657594}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:9.7875px 27.405px}.footer-links a{text-decoration:none;color:inherit}.footer-links a:hover{text-decoration:underline;color:#5e7149}.footer-dialog{width:min(587.25px,calc(100vw - 31.32px));padding:27.405px;text-align:start}.footer-dialog .dialog-close{float:inline-end;margin:0 0 11.745px 15.66px}.footer-dialog p{clear:both}.contact-form{display:grid;gap:15.66px;clear:both}.contact-form label{display:grid;gap:5.8725px;font-size:0.984375rem}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:11.745px;border:1.125px solid #cdd3c4;border-radius:9.7875px;font:inherit;background:white;color:var(--ink)}.contact-form textarea{resize:vertical;min-height:127.2375px}.contact-form button{justify-self:start;padding:11.745px 23.49px}.contact-status{margin:0;color:var(--muted);font-size:0.984375rem}.contact-form [name=email]{direction:ltr;text-align:start}.footer-dialog a{overflow-wrap:anywhere}[dir=rtl] .footer-dialog .dialog-close{margin:0 15.66px 11.745px 0}
@media(max-width:1012.5px){.site-footer{width:calc(100% - 39.15px)}.footer-links{gap:9.7875px 19.575px}}
@media(max-width:585px){.site-footer{width:calc(100% - 31.32px);padding-block:19.575px}.footer-dialog{padding:21.5325px}.footer-links{gap:9.7875px 17.6175px}}

/* Design19: shared presentation for every lesson and mode. */
:root{--ink:#07185b;--muted:#7188ad;--green:#85936a;--border:#dce1e8;--surface:#edf3e8;--mint:#edf3e8;--shadow:0 13.5px 39.375px #34452608}
body{background-color:#fcfbf7;color:var(--ink)}
header{max-width:1386px;width:calc(100% - 54px);min-height:49.5px;margin:15.75px auto 11.25px;gap:27px;padding:0 27px}
.brand{font-size:42.75px;letter-spacing:-1.6875px;color:var(--ink);gap:13.5px}.brand svg{width:45px;height:45px}.top-nav{gap:42.75px}.top-nav button{color:var(--ink);font-size:15.75px}.language{padding:9px 18px;border:0;border-radius:18px;font-size:18px}
.layout{max-width:1440px;padding:0 27px 33.75px;margin:0 auto}main{grid-template-columns:420.75px minmax(0,1fr);gap:27px 18px;align-items:start}.intro,.workspace{padding:27px;border:0;border-radius:24.75px;min-height:0;background:#fffffff5}.intro{align-self:start}.workspace{padding:22.5px 24.75px 27px}
.lesson-picker,.lesson-picker select{min-height:74.25px}.lesson-icon{width:76.5px;height:74.25px;border-radius:13.5px;background:#edf3e8}.lesson-icon svg{width:45px;height:45px}.lesson-picker select{font-size:33.75px;padding:4.5px 33.75px 4.5px 96.75px;color:var(--ink)}.lesson-picker:after{top:14.625px;inset-inline-end:11.25px}.lesson-heading p{font-size:20.25px;line-height:1.35;margin:15.75px 0 0;padding:13.5px 27px;border-radius:12.375px;background:#edf3e8;color:var(--ink)}
.section-label{font-size:18px;margin:24.75px 0 11.25px}.tabs{display:grid;grid-template-columns:1fr;gap:9px;padding:0;margin:0}.tabs button{justify-content:flex-start;min-height:63px;gap:24.75px;padding:13.5px 40.5px;font-size:20.25px;border-color:#d4dded;border-radius:11.25px;color:var(--ink)}.tabs button svg{width:29.25px;height:29.25px}.tabs button[aria-selected=true]{background:linear-gradient(115deg,#89976e,#808c65);border-color:#85936a;color:white}.tabs+section{margin-top:24.75px}.tabs+section .section-label{margin-top:24.75px}.keywords{gap:9px}.keyword{font-size:18px;padding:10.125px 24.75px;background:#eeede6;color:var(--ink)}
.panel-head{grid-template-columns:69.75px minmax(0,1fr) auto;gap:22.5px;margin-bottom:15.75px}.mode-icon{width:69.75px;height:63px;border-radius:13.5px;background:#f4f4ee;color:#83936e}.mode-icon svg{width:38.25px;height:38.25px}.panel-head h2{font-size:27px;line-height:1.25;font-weight:600;color:var(--ink)}.learning-controls{grid-column:auto}.translation{font-size:18px;color:var(--ink);gap:13.5px}.translation input{width:58.5px;height:32.625px}.translation input:before{width:25.875px;height:25.875px;top:3.375px;left:3.375px}.translation input:checked{background:#85936a}.translation input:checked:before{transform:translateX(25.875px)}
.player{padding:9px 15.75px;border-radius:18px;gap:18px;margin-bottom:18px;min-height:76.5px}#play{width:58.5px;height:58.5px;background:linear-gradient(120deg,#8d9b77,#78865f)}.player-progress{flex-direction:row;align-items:center;gap:20.25px}.player-progress progress{height:6.75px;flex:1;min-width:27px;background:#e5e5e8}.player-progress progress::-webkit-progress-bar{background:#e5e5e8}.player-progress output{font-size:18px;white-space:nowrap;color:#6287c5}.speed-label{font-size:18px;gap:20.25px}.speed-label>span{display:inline}.speed-label select{font-size:18px;min-width:85.5px;padding:13.5px;border-color:#e5e5e8;border-radius:13.5px}
.listening-dialogue .line{padding:10.125px 22.5px;min-height:90px}.spanish{font-size:27px;line-height:1.35;letter-spacing:-0.5625px;color:#151a39}.russian{font-size:23.625px;line-height:1.35;color:var(--muted);margin-top:2.25px}.learning-dialogue .spanish{color:#151a39}.learning-dialogue .russian{color:var(--muted)}.learning-dialogue .line{padding:18px 4.5px}.learn-instruction,.grammar,.grammar p,dialog p,#how-dialog ol,.news-list li{font-size:18px;line-height:1.65}.grammar h3{font-size:22.5px}.grammar p,dialog p,#how-dialog ol,.news-list li{color:#667798}.grammar-example-group,.grammar blockquote,.practice-card{background:#f1f4ec}.grammar .grammar-note{border-color:var(--green)}
.lesson-navigation{grid-column:2;gap:18px;padding:0 11.25px}.lesson-navigation button{flex:1;min-height:63px;font-size:20.25px;padding:15.75px 20.25px;gap:22.5px}.lesson-navigation .secondary{background:#eeede6;color:var(--ink)}.lesson-navigation .primary{background:linear-gradient(115deg,#89976e,#808c65);color:white}.lesson-navigation button:disabled{opacity:.65}.lesson-navigation button:not(:disabled):hover{background:#73845c;color:white}
.site-footer{max-width:1395px;width:calc(100% - 54px);padding:20.25px 0 33.75px;font-size:15.75px;color:#5b81b3;border-color:#dce1e8}.footer-links{gap:13.5px 36px}dialog{background:#fffffc;border-radius:24.75px}dialog h2{color:var(--ink);font-size:27px}.contact-form input,.contact-form textarea{font-size:18px}.primary{background:var(--green)}
[dir=rtl] .lesson-picker select{padding:4.5px 96.75px 4.5px 33.75px}
@media(max-width:1237.5px) and (min-width:856.125px){main{grid-template-columns:337.5px minmax(0,1fr)}.intro,.workspace{padding:22.5px}.lesson-heading p{padding:15.75px;font-size:18px}.tabs button{padding-inline:24.75px}.keyword{padding-inline:18px}.panel-head{grid-template-columns:54px minmax(0,1fr);gap:13.5px}.mode-icon{width:54px;height:54px}.learning-controls{grid-column:2}.panel-head h2{font-size:24.75px}.speed-label>span{display:none}.spanish{font-size:24.75px}.russian{font-size:21.375px}}
@media(max-width:855px){header{width:calc(100% - 36px);margin:18px auto;padding:0;flex-wrap:wrap;gap:18px}.brand{font-size:36px}.brand svg{width:40.5px;height:40.5px}.top-nav{order:3;justify-content:space-between;gap:11.25px}.top-nav button{font-size:15.75px}.language{font-size:15.75px;padding:9px 13.5px}.layout{padding:0 18px 27px}main{display:flex;flex-direction:column;gap:18px}.intro,.workspace{width:100%;padding:22.5px;border-radius:22.5px;margin:0}.lesson-picker select{font-size:31.5px}.lesson-heading p{font-size:18px;padding:15.75px 18px}.tabs{grid-template-columns:1fr 1fr 1.2fr;gap:9px}.tabs button{font-size:15.75px;justify-content:center;flex-direction:column;gap:9px;padding:13.5px 4.5px}.section-label{font-size:15.75px}.keyword{font-size:15.75px;padding:9px 18px}.panel-head{grid-template-columns:49.5px minmax(0,1fr);gap:13.5px}.mode-icon{width:49.5px;height:49.5px}.mode-icon svg{width:31.5px;height:31.5px}.panel-head h2{font-size:24.75px}.learning-controls{grid-column:1/-1;justify-content:flex-start}.translation{font-size:15.75px}.player{gap:11.25px;padding:9px 11.25px}#play{width:49.5px;height:49.5px}.speed-label>span{display:none}.speed-label select{min-width:65.25px;padding:10.125px 6.75px;font-size:15.75px}.player-progress{gap:6.75px;flex-direction:column;align-items:stretch}.player-progress output{font-size:15.75px}.spanish{font-size:23.625px}.russian{font-size:20.25px}.listening-dialogue .line{padding:10.125px 0;min-height:81px}.lesson-navigation{width:100%;padding:0;gap:11.25px}.lesson-navigation button{font-size:15.75px;gap:9px;padding:13.5px 9px}.site-footer{width:calc(100% - 36px);gap:15.75px}.footer-links{gap:13.5px 22.5px}.workspace[data-mode=grammar] .panel-head{grid-template-columns:49.5px minmax(0,1fr)}.grammar h3{font-size:20.25px}.language-row{grid-template-columns:1fr}.language-row select{font-size:18px}}
.lesson-navigation .primary,.lesson-navigation .secondary{font-size:20.25px;font-weight:400}
@media(max-width:855px){.lesson-navigation .primary,.lesson-navigation .secondary{font-size:15.75px}}

/* Desktop at 82.45% of the original physical CSS lengths.
   Generated from the four base stylesheets; media thresholds and unitless line-height ratios stay unchanged. */
@media (min-width: 856.125px) {
:root{--ink:#191d69;--muted:#858bb9;--green:#006252;--border:#e5e7f2;--surface:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fdfdff;color:var(--ink);font:12.985875px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2.7826875px solid #299782;outline-offset:3.71025px}header{max-width:1150.1775px;margin:0 auto;padding:17.7535463px 12.91167px 16.1395875px;display:flex;align-items:center;justify-content:space-between;border-bottom:0.9275625px solid var(--border);gap:19.367505px}.brand{font-size:29.8582312px;line-height:1;font-weight:750;color:#006052;letter-spacing:-1.4841px;text-decoration:none}.language{font-size:12.985875px;border:0.9275625px solid var(--border);padding:8.0697938px 13.7186438px;border-radius:10.4907262px;background:white}.layout{max-width:1150.1775px;margin:auto;padding:20.9814637px 12.91167px 0}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);column-gap:48.4187625px;row-gap:20.9814637px;align-items:start}.intro{padding-top:0;position:sticky;top:24.2093812px}.lesson-picker{display:block;position:relative}.lesson-picker:before{content:'▤';position:absolute;left:16.1395875px;top:9.6837525px;font-size:21.7884375px;color:#8587bd;pointer-events:none}.lesson-picker select{width:100%;appearance:none;border:0.9275625px solid var(--border);color:var(--ink);border-radius:10.4907262px;background:#fff;padding:12.91167px 38.73501px 12.91167px 51.64668px;font-size:18.5605313px;line-height:1.4;font-weight:600;cursor:pointer}.lesson-picker:after{content:'⌄';position:absolute;right:17.7535463px;top:8.8767675px;color:#777eb0;font-size:20.9814637px;pointer-events:none}.lesson-heading p{font-size:15.3326025px;color:#6069a4;line-height:1.65;margin:22.5954225px 0 0}.tabs{display:flex;gap:7.2628088px;margin-top:30.6652163px}.tabs button{display:flex;align-items:center;justify-content:center;gap:8.0697938px;flex:1;padding:11.2977112px 9.6837525px;border-radius:32.279175px;border:0.9275625px solid #dfe2f1;background:transparent;color:var(--ink);font-size:12.985875px;white-space:nowrap}.tabs button span{font-size:20.1744787px;line-height:1}.tabs button[data-mode=listen] span{font-size:14.5256288px}.tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2.7826875px 8.3480625px #00625210}.tabs button:hover{border-color:#8aa99f}.intro-note{font-size:12.985875px;color:var(--muted);line-height:1.6;margin-top:18.5605313px}.workspace{background:white;border-radius:14.5256288px;padding:16.9465725px 18.5605313px 10.4907262px;box-shadow:0 5.565375px 42.667875px #202c5810;border:0.9275625px solid #fafafd}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12.104685px;margin-bottom:12.104685px}.panel-head h2{font-size:17.7535463px;font-weight:600;margin:0;letter-spacing:-0.371025px}.eyebrow{font-size:12.985875px;letter-spacing:0.9275625px;color:var(--muted)}#mode-label{display:none}.translation{display:flex;align-items:center;gap:8.0697938px;white-space:nowrap;font-size:12.985875px;color:#626a9c}.translation input{appearance:none;cursor:pointer;width:30.6652163px;height:18.5605313px;margin:0;background:#dfe1ed;border-radius:16.1395875px;position:relative;flex-shrink:0;transition:background .15s}.translation input:before{content:'';position:absolute;top:2.4209325px;left:2.4209325px;width:13.7186438px;height:13.7186438px;border-radius:50%;background:white;box-shadow:0 0.9275625px 2.7826875px #0001;transition:transform .15s}.translation input:checked{background:var(--green)}.translation input:checked:before{transform:translateX(12.104685px)}.player{border-radius:9.6837525px;background:var(--surface);padding:8.8767675px 11.2977112px;display:flex;justify-content:space-between;align-items:center;gap:12.104685px;margin-bottom:4.8418763px}.primary{border:0;border-radius:24.2093812px;color:white;background:var(--green);padding:9.6837525px 15.3326025px;font-size:12.985875px}#play{font-size:0;width:41.9629275px;height:41.9629275px;border-radius:50%;padding:0;flex-shrink:0}#play:before{content:'▶';font-size:18.5605313px;margin-left:3.2279175px}#play.is-playing:before{content:'■';font-size:16.9465725px;margin-left:0}.player-caption{display:none}.speed-label{display:grid;color:#737cae;font-size:12.985875px;line-height:1.4}select{font:inherit}.speed-label select{background:transparent;border:0;color:var(--ink);padding:2.4209325px 0;font-size:13.7186438px}.dialogue{padding:0 1.6139587px}.line{display:grid;grid-template-columns:32.279175px minmax(0,1fr) 25.82334px;gap:12.104685px;align-items:center;padding:9.6837525px 2.4209325px;border-bottom:0.9275625px solid #eceef6;border-radius:4.0348912px}.line:last-child{border-bottom:0}.avatar{width:31.47219px;height:31.47219px;display:grid;place-items:center;border-radius:50%;background:#f0edeb;color:#856c51;font-size:14.5256288px}.avatar[data-speaker=A]{background:#ffedde;color:#a56930}.spanish{font-size:14.5256288px;line-height:1.4;letter-spacing:-0.2318963px}.russian{font-size:12.985875px;color:var(--muted);line-height:1.4}.sound{width:25.82334px;height:25.82334px;border:0;background:transparent;color:#7e85b9;font-size:20.1744787px;padding:0;border-radius:50%}.sound:hover{background:#f0f3fa;color:var(--green)}.line.active{background:#f0f4fc;box-shadow:inset 2.7826875px 0 #8d94c1}.line.your-turn{background:#edf7f2;box-shadow:inset 2.7826875px 0 var(--green)}.hide-translations .russian{display:none}.lesson-navigation{display:flex;justify-content:space-between;gap:17.7535463px;margin:16.1395875px 8.0697938px 0}.secondary,.lesson-navigation .primary{border:0.9275625px solid #e0e4f1;border-radius:10.4907262px;background:white;color:var(--ink);padding:10.4907262px 12.104685px;font-size:12.985875px}.lesson-navigation button{flex:1;min-width:0}.learning-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:0.9275625px solid var(--border);padding-top:18.5605313px;gap:17.7535463px;margin-top:0}.path-card{display:flex;align-items:flex-start;gap:13.7186438px;padding:0 16.1395875px;border-right:0.9275625px solid var(--border)}.path-card:first-child{padding-left:8.0697938px}.path-card:last-child{border:0}.path-number{background:#e2f5ed;color:#056554;border-radius:10.4907262px;min-width:43.5768863px;height:43.5768863px;display:grid;place-items:center;font-size:24.2093812px}.path-card:nth-child(2) .path-number{background:#fff0e7;color:#a36935}.path-card strong{font-size:13.7186438px;font-weight:600}.path-card p{color:var(--muted);font-size:12.985875px;line-height:1.4;margin:2.4209325px 0}footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#999fbd;font-size:12.985875px;padding:0 8.0697938px 14.5256288px}#status{font-size:12.985875px;color:#646d99;margin:8.0697938px 0}#status:empty{display:none}.practice-card{background:#f7f8fc;border-radius:10.4907262px;padding:12.104685px;margin-bottom:9.6837525px}.practice-top{display:flex;justify-content:space-between;gap:9.6837525px;font-size:12.985875px;color:#7b84a4;margin-bottom:6.455835px}.cue{font-size:17.7535463px;margin:4.8418763px 0;line-height:1.4}.voice-state{padding:6.455835px 9.6837525px;border-radius:7.2628088px;font-size:12.985875px;margin:8.0697938px 0 4.0348912px;background:#e9edf5}.voice-state[data-phase=listening]{background:#e5f3ec;color:#16644d}.voice-state[data-phase=error]{background:#fff0dc;color:#7c5830}.transcript{font-size:13.7186438px;overflow-wrap:anywhere}.feedback{color:#637292;font-size:12.985875px;margin-top:6.455835px}.transcript:empty,.feedback:empty{display:none}.session-controls{margin-top:7.2628088px}.session-controls button{padding:5.6488613px 11.2977112px;font-size:12.985875px}.practice-note{font-size:12.985875px;color:#8c94ac;line-height:1.5;margin:6.455835px 0 0}.hint{font-size:12.985875px;color:#7d86a7}.practice-card h2{font-size:17.7535463px;margin:4.0348912px 0}.practice-card p{font-size:12.985875px}progress{display:block;width:100%;height:3.2279175px;accent-color:var(--green);margin-top:9.6837525px}.sr-only{position:absolute;width:0.9275625px;height:0.9275625px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1215px){header,.layout{margin-left:16.1395875px;margin-right:16.1395875px}main{column-gap:24.2093812px}.tabs{gap:4.8418763px}.tabs button{font-size:12.985875px;padding:10.4907262px 7.2628088px;gap:4.8418763px}.lesson-heading p{font-size:13.7186438px}.workspace{padding:14.5256288px 13.7186438px 9.6837525px}.panel-head h2{font-size:16.1395875px}.translation{font-size:12.985875px;gap:4.8418763px}.line{gap:8.0697938px}.lesson-navigation{gap:9.6837525px;margin-left:0;margin-right:0}.lesson-navigation button{padding:9.6837525px 6.455835px;font-size:12.985875px}.path-card{padding:0 8.0697938px;gap:8.0697938px}}@media(max-width:855px){header{margin:0 14.5256288px;padding:16.1395875px 1.6139587px 14.5256288px}.brand{font-size:25.016355px}.language{font-size:12.985875px;padding:6.455835px 9.6837525px}.layout{margin:0;padding:14.5256288px}main{display:block}.intro{position:static;padding:0}.lesson-picker select{font-size:16.9465725px;padding-top:9.6837525px;padding-bottom:9.6837525px}.lesson-picker:before{top:7.2628088px}.lesson-picker:after{top:6.455835px}.lesson-heading p{margin-top:14.5256288px;font-size:12.985875px;line-height:1.6}.tabs{margin-top:17.7535463px;gap:5.6488613px}.tabs button{font-size:12.985875px;padding:10.4907262px 6.455835px;gap:5.6488613px}.tabs button span{font-size:17.7535463px}.intro-note{font-size:12.985875px;margin:14.5256288px 0 17.7535463px}.workspace{padding:14.5256288px 11.2977112px 8.0697938px;border-radius:12.91167px}.panel-head h2{font-size:16.1395875px}.translation{font-size:12.985875px}.translation input{width:27.4372988px;height:16.9465725px}.translation input:before{width:12.104685px;height:12.104685px}.translation input:checked:before{transform:translateX(10.4907262px)}.line{grid-template-columns:27.4372988px minmax(0,1fr) 22.5954225px;gap:8.8767675px;padding:8.8767675px 0}.avatar{width:27.4372988px;height:27.4372988px;font-size:12.985875px}.spanish{font-size:13.7186438px}.russian{font-size:12.985875px}.lesson-navigation{gap:8.0697938px;margin-top:13.7186438px}.lesson-navigation button{font-size:12.985875px;padding:9.6837525px 4.8418763px}.learning-path{grid-template-columns:1fr;gap:16.1395875px;margin-top:22.5954225px;padding-top:19.367505px}.path-card,.path-card:first-child{padding:0;border:0;gap:13.7186438px}.path-card p br{display:none}.path-number{min-width:38.73501px;height:38.73501px}footer{margin-top:20.1744787px;padding:0 0 8.0697938px;font-size:12.985875px;gap:12.104685px}.cue{font-size:16.1395875px}.practice-top{font-size:12.985875px}.voice-state{font-size:12.985875px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.translation input,.translation input:before{transition:none}}

.tabs svg{display:block;width:18.5605313px;height:18.5605313px}.path-number svg{width:23.4023962px;height:23.4023962px}

.top-nav{display:flex;align-items:center;gap:30.6652163px;flex:1;margin-left:24.2093812px}.top-nav a,.top-nav button{color:#4e59a0;font-size:13.7186438px;text-decoration:none;background:none;border:0;padding:4.0348912px 0;cursor:pointer}.top-nav a:hover,.top-nav button:hover{color:var(--green)}.language{display:flex;align-items:center;gap:7.2628088px}.language select{border:0;background:transparent;color:var(--ink);font-size:12.985875px;max-width:148.41px;padding-right:2.4209325px;cursor:pointer}dialog{max-width:463.78125px;width:calc(100% - 29.0512575px);border:0.9275625px solid var(--border);border-radius:16.1395875px;padding:24.2093812px;color:var(--ink);box-shadow:0 18.55125px 83.480625px #1113}dialog::backdrop{background:#16233366}dialog h2{margin:0 0 14.5256288px}dialog p{color:#636d9d}#about-close{float:right;font-size:17.7535463px;padding:0 9.6837525px;margin:-8.0697938px -8.0697938px 8.0697938px 8.0697938px}#how-it-works{scroll-margin-top:23.1890625px}@media(max-width:855px){header{flex-wrap:wrap;gap:12.91167px}.top-nav{order:3;flex-basis:100%;margin:0;gap:20.1744787px}.top-nav a,.top-nav button{font-size:12.985875px}.language select{font-size:12.985875px}.brand{font-size:26.630325px}}

.layout{padding-bottom:20.1744787px}.dialog-close{float:right;font-size:17.7535463px;padding:0 9.6837525px;margin:-8.0697938px -8.0697938px 8.0697938px 8.0697938px}#how-dialog{max-width:565.813125px;max-height:85vh;overflow:auto}#how-dialog ol{padding-left:18.5605313px;color:#636d9d}#how-dialog li{margin-bottom:11.2977112px}#how-dialog strong{color:var(--ink)}

.dialogue-section{font-size:0.8116762rem;color:var(--muted,#7274a6);margin:16.1395875px 0 4.8418763px;font-weight:600}.dialogue-section:first-child{margin-top:11.2977112px}

/* Optical centering with the visible letterforms of the Lexio wordmark. */
header .top-nav,header .language{position:relative;top:2.4209325px}header .top-nav button,header .top-nav a{line-height:1.25}header .language select{line-height:1.25}@media(max-width:855px){header .top-nav{top:0}}

.learn-instruction{font-size:12.985875px;line-height:1.65;color:#636d9d;margin:0 0 14.5256288px}.listening-dialogue .line{grid-template-columns:32.279175px minmax(0,1fr)}.grammar{font-size:12.985875px;line-height:1.7;overflow-wrap:anywhere}.grammar-section{padding:16.1395875px 0;border-top:0.9275625px solid var(--border)}.grammar-section:first-child{padding-top:0;border-top:0}.grammar h3{font-size:14.5256288px;line-height:1.5;margin:0 0 11.2977112px;font-weight:650}.grammar p{margin:9.6837525px 0;color:#626a9c}.grammar strong{color:var(--ink);font-weight:600}.grammar blockquote{margin:0;padding:12.104685px 14.5256288px;background:var(--surface);border-left:2.7826875px solid var(--green);border-radius:0 8.0697938px 8.0697938px 0;line-height:1.9}.tabs button{min-width:0}@media(max-width:855px){.listening-dialogue .line{grid-template-columns:27.4372988px minmax(0,1fr)}.tabs button{gap:4.0348912px;padding-left:4.8418763px;padding-right:4.8418763px}.tabs svg{width:15.3326025px;height:15.3326025px}}

.listening-dialogue .line{grid-template-columns:minmax(0,1fr)}.review-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8.0697938px;margin:19.367505px 0 4.8418763px}.review-heading .dialogue-section{margin:0}.review-heading .secondary{padding:7.2628088px 11.2977112px}#about-dialog{max-height:85vh;overflow:auto}

/* Framed lesson layout, matching the supplied reference. */
body{background:#f8f9fd}
header,.intro,.workspace,.learning-path{background:#fff;border:0.9275625px solid var(--border);border-radius:12.91167px;box-shadow:0 7.4205px 27.826875px #202c5805}
header{max-width:1150.1775px;width:calc(100% - 38.73501px);margin:16.1395875px auto 0;padding:16.1395875px 22.5954225px}
.layout{max-width:1194.7005px;padding:14.5256288px 19.367505px 19.367505px}
main{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);column-gap:12.91167px;row-gap:12.91167px;align-items:stretch}
.intro{grid-column:1;grid-row:1;position:static;padding:19.367505px 22.5954225px;min-width:0}
.lesson-surface{display:contents}
.workspace{grid-column:2;grid-row:1;padding:19.367505px 22.5954225px 12.91167px;min-width:0}
.lesson-heading p{margin:16.1395875px 0 0;padding:16.1395875px;background:#f3f9f8;border-radius:9.6837525px;color:var(--ink);font-size:14.5256288px;line-height:1.6}
.tabs{margin-top:14.5256288px;padding:12.91167px;border:0.9275625px solid var(--border);border-radius:9.6837525px;gap:7.2628088px}
.tabs button{padding:11.2977112px 6.455835px;font-size:12.985875px}
.tabs button[aria-selected=true]{outline:1.855125px solid #299782;outline-offset:3.71025px;box-shadow:none}
.lesson-navigation{grid-column:2;grid-row:2;margin:0;gap:11.2977112px}
.learning-path{grid-column:1/-1;grid-row:3;margin:0;padding:17.7535463px 22.5954225px;gap:17.7535463px}
.path-card,.path-card:first-child{padding-left:0}
@media(max-width:1215px){
 header{margin:14.5256288px auto 0;padding:16.1395875px 17.7535463px}.layout{margin:0 auto;padding:14.5256288px 19.367505px 19.367505px}
 .intro,.workspace{padding:16.1395875px}.tabs{padding:10.4907262px 8.0697938px;gap:6.455835px}.tabs button{font-size:12.985875px;padding:10.4907262px 4.0348912px}
 .lesson-heading p{font-size:13.7186438px;padding:12.91167px}.learning-path{padding:17.7535463px 16.1395875px;gap:12.91167px}
}
@media(max-width:855px){
 header{width:calc(100% - 25.82334px);margin:12.91167px auto 0;padding:16.1395875px}
 .layout{padding:12.91167px}main{display:block}.intro{padding:16.1395875px;margin-bottom:12.91167px}
 .workspace{padding:16.1395875px 12.91167px 9.6837525px}.lesson-heading p{margin-top:12.91167px;font-size:12.985875px}
 .tabs{margin-top:14.5256288px;padding:10.4907262px 8.0697938px}.tabs button{font-size:12.985875px}
 .lesson-navigation{margin:12.91167px 0}.learning-path{display:grid;padding:17.7535463px 16.1395875px;margin-top:12.91167px;gap:16.1395875px}
}

/* Quiet active tabs and the lesson-reference palette. */
.tabs button[aria-selected=true]{outline:none;box-shadow:none}
.tabs button:focus-visible{outline:2.7826875px solid #299782;outline-offset:3.71025px}
.learning-dialogue .avatar{background:#eef0f0;color:#536063}
.learning-dialogue .avatar[data-speaker=A]{background:#e6f0ec;color:#345e53}
.learning-dialogue .spanish{color:#293330}
.learning-dialogue .russian{color:#7b8782}
.learning-dialogue .line{border-bottom-color:#edf0ee}
.learning-dialogue .sound{color:#b6bdb9;display:grid;place-items:center;width:29.0512575px;height:29.0512575px}
.learning-dialogue .avatar[data-speaker=A]~.sound{color:#a9cbbf}
.learning-dialogue .sound svg{width:20.1744787px;height:20.1744787px}
.learning-dialogue .sound:hover{background:#edf5f1;color:#006252}
.learning-dialogue .line.active{background:#f0f7f3;box-shadow:inset 2.7826875px 0 #93baac}
.grammar-section{position:relative;padding:20.9814637px 0 20.9814637px 38.73501px}
.grammar-section:first-child{padding-top:3.2279175px}
.grammar-section[data-step]::before{content:attr(data-step);position:absolute;left:0;top:20.9814637px;width:25.82334px;height:25.82334px;border-radius:50%;display:grid;place-items:center;background:#f3f4f9;color:#626a9c;font-size:12.985875px}
.grammar-section[data-step]:first-child::before{top:3.2279175px}
.grammar-section:not([data-step]){padding-left:0}
.grammar h3{font-size:15.3326025px;line-height:1.5;margin:0 0 12.91167px;font-weight:650}
.grammar p{margin:11.2977112px 0;color:#7c83a2;line-height:1.7}
.grammar strong{color:var(--ink);font-weight:650}
.grammar-example-group,.grammar blockquote{margin:12.91167px 0;padding:12.91167px 16.1395875px;background:#f5f6fb;border:0;border-radius:9.6837525px;color:#7c83a2}
.grammar-example-group p{margin:0;line-height:1.8}
.grammar-example-group p+p{margin-top:3.2279175px}
.grammar .grammar-note{border-left:2.7826875px solid #65b394;padding:3.2279175px 0 3.2279175px 12.91167px;margin-top:14.5256288px}
@media(max-width:855px){.grammar-section{padding-left:32.279175px}.grammar h3{font-size:14.5256288px}.grammar-example-group,.grammar blockquote{padding:11.2977112px}.grammar-section[data-step]::before{width:23.4023962px;height:23.4023962px}}

/* Language preferences reuse the existing surfaces and controls. */
#language-open{color:var(--ink);white-space:nowrap;gap:7.2628088px;flex-shrink:0;line-height:1.4}
#language-open svg{flex-shrink:0}#language-pair{font-weight:600}
#language-dialog{position:fixed;margin:0;width:395.4198938px;max-width:calc(100vw - 22.2615px);max-height:calc(100dvh - 22.2615px);overflow:auto;padding:29.0512575px 19.367505px 16.1395875px;box-shadow:0 11.13075px 37.1025px #202c5820;border-radius:14.5256288px}
#language-dialog::backdrop{background:transparent}
#language-close{position:absolute;inset-inline-end:7.2628088px;top:4.0348912px;width:25.82334px;height:25.82334px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20.1744787px}
.language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:16.1395875px;margin:6.455835px 0 14.5256288px}
.language-row label{display:flex;align-items:center;gap:9.6837525px;font-weight:600;line-height:1.4}
.language-row label svg{width:20.1744787px;height:20.1744787px;flex-shrink:0}
.language-row select{width:100%;min-width:0;padding:10.4907262px 9.6837525px;background:white;color:var(--ink);border:0.9275625px solid var(--border);border-radius:10.4907262px;font-size:12.985875px}
.language-row select:disabled{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink);background:var(--surface);cursor:default}
.language-actions{display:flex;justify-content:flex-end;margin-top:6.455835px}.language-actions button{min-width:88.7677313px;font-size:12.985875px}
.tabs button{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.panel-head{flex-wrap:wrap}.panel-head h2{overflow-wrap:anywhere}
.top-nav{flex-wrap:wrap;column-gap:22.5954225px;row-gap:6.455835px}.top-nav button{text-align:start}.path-card>div:last-child{min-width:0}
.spanish{direction:ltr;text-align:left;unicode-bidi:isolate}.russian{unicode-bidi:plaintext}.grammar bdi{unicode-bidi:isolate}
.grammar h3[lang=es]{text-align:start}.language-row select option{font-size:12.985875px}
[dir=rtl] .top-nav{margin-left:0;margin-right:24.2093812px}[dir=rtl] .lesson-picker:before{left:auto;right:16.1395875px}[dir=rtl] .lesson-picker:after{right:auto;left:17.7535463px}
[dir=rtl] .lesson-picker select{padding-left:38.73501px;padding-right:51.64668px}[dir=rtl] .grammar-section[data-step]{padding-left:0;padding-right:38.73501px}
[dir=rtl] .grammar-section[data-step]::before{left:auto;right:0}[dir=rtl] .grammar .grammar-note{border-left:0;border-right:2.7826875px solid #65b394;padding-left:0;padding-right:12.91167px}
[dir=rtl] .path-card{border-right:0;border-left:0.9275625px solid var(--border)}[dir=rtl] .path-card:last-child{border-left:0}
[dir=rtl] #how-dialog ol{padding-left:0;padding-right:18.5605313px}[dir=rtl] #about-close,[dir=rtl] .dialog-close{float:left}
[dir=rtl] .previous-arrow,[dir=rtl] .next-arrow{display:inline-block;transform:scaleX(-1)}
@media(max-width:855px){
 #language-dialog{padding:25.82334px 14.5256288px 14.5256288px}.language-row{gap:9.6837525px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .language-row label{gap:6.455835px;font-size:12.985875px}.language-row select{padding:9.6837525px 5.6488613px;font-size:12.985875px}
 .language-row label svg{width:16.9465725px;height:16.9465725px}.top-nav{column-gap:16.1395875px}.tabs{padding-inline:6.455835px}.tabs button{font-size:12.985875px}
 [dir=rtl] .top-nav{margin:0}[dir=rtl] .grammar-section[data-step]{padding-right:32.279175px}[dir=rtl] .path-card{border:0}
}

#news-dialog{max-width:565.813125px;max-height:85dvh;overflow:auto;text-align:start}#news-title{padding-inline-end:24.2093812px}.news-list{list-style:none;margin:0;padding:0}.news-list li{font-size:12.985875px;line-height:1.65;padding:14.5256288px 0;border-top:0.9275625px solid var(--border);overflow-wrap:anywhere}.news-list li:first-child{color:var(--green);font-weight:600}.news-list li:last-child{padding-bottom:0}@media(max-width:855px){#news-dialog{padding:19.367505px}.top-nav{row-gap:9.6837525px}}

.learning-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9.6837525px 14.5256288px;margin-inline-start:auto;max-width:100%}.learning-controls[hidden],#hide-study-control[hidden]{display:none}.hide-study-text .study-text{display:none}

/* Lexio: soft green waves, ivory cards and olive controls. */
:root{--ink:#15172f;--muted:#657594;--green:#858b68;--border:#e3e7e0;--surface:#eff1eb;--mint:#e9ede3;--shadow:0 7.4205px 25.97175px #26312514}
body{background:#fcfcfa url('assets/waves.svg') center top/100% 100vh fixed no-repeat;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--ink);line-height:1.5}
header{max-width:1261.485px;width:calc(100% - 51.64668px);margin:22.5954225px auto 24.2093812px;padding:0;min-height:51.64668px;background:transparent;border:0;border-radius:0;box-shadow:none;gap:25.82334px}
.brand{display:flex;align-items:center;gap:12.91167px;color:#10132c;font:700 2.4209325rem/1 Georgia,'Times New Roman',serif;letter-spacing:-1.6696125px;flex-shrink:0}.brand svg{width:48.4187625px;height:41.9629275px}
header .top-nav,header .language{top:0}.top-nav{justify-content:center;margin:0;gap:30.6652163px}.top-nav button{font-size:0.9080325rem;color:var(--ink);padding:8.0697938px 0}.top-nav button:hover{color:#626d48}
.language{background:#fffffff2;border:0.9275625px solid var(--border);border-radius:13.7186438px;box-shadow:0 2.7826875px 9.275625px #25352006;padding:9.6837525px 14.5256288px;font-size:0.9080325rem}#language-open>svg{display:none}#language-pair{font-weight:400;letter-spacing:0.1855125px}
.layout{max-width:1320.849px;padding:0 25.82334px 19.367505px;margin:0 auto}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:20.9814637px;align-items:stretch}.lesson-surface{display:contents}
.intro,.workspace{padding:24.2093812px;background:#fffffff0;border:0.9275625px solid var(--border);border-radius:20.9814637px;box-shadow:var(--shadow);min-width:0}.intro{position:static;grid-column:1;grid-row:1;align-self:stretch}.workspace{grid-column:2;grid-row:1}
.lesson-picker{border:0;padding:0;min-height:66.1723087px}.lesson-picker:before{display:none}.lesson-picker:after{inset-inline-end:8.0697938px;inset-inline-start:auto;top:13.7186438px;color:var(--ink)}.lesson-icon{position:absolute;inset-inline-start:0;top:0;width:66.1723087px;height:66.1723087px;display:grid;place-items:center;background:var(--mint);color:#79875f;border-radius:15.3326025px;pointer-events:none}.lesson-icon svg{width:37.9280363px;height:37.9280363px}.lesson-picker select{min-height:66.1723087px;border:0;background:transparent;padding:4.0348912px 29.0512575px 4.0348912px 83.925855px;font:700 2.3402925rem/1.4 Georgia,'Times New Roman',serif;color:var(--ink);border-radius:9.6837525px}
.lesson-heading p{padding:20.9814637px 24.2093812px;margin:22.5954225px 0 0;border-radius:16.1395875px;background:var(--surface);font-size:1.3311113rem;line-height:1.45;color:#2d3042}
.section-label{font-size:0.8116762rem;font-weight:400;line-height:1.4;text-transform:uppercase;margin:24.2093812px 0 11.2977112px}.tabs{padding:0;margin:0;border:0;border-radius:0;gap:9.6837525px;display:grid;grid-template-columns:1fr 1fr 1.2fr}.tabs button{background:transparent;border:0.9275625px solid var(--border);border-radius:10.4907262px;padding:12.91167px 6.455835px;font-size:0.9080325rem;min-height:51.64668px;line-height:1.3;gap:8.0697938px;overflow-wrap:normal}.tabs button svg{width:22.5954225px;height:22.5954225px;flex-shrink:0}.tabs button[aria-selected=true]{background:#95977d;color:#fff;border-color:#95977d;outline:0;box-shadow:0 1.855125px 3.71025px #27351b0b}.tabs+section{margin-top:24.2093812px;padding-top:0;border-top:0.9275625px solid var(--border)}.tabs+section .section-label{margin-top:20.9814637px}.keywords{display:flex;flex-wrap:wrap;gap:8.0697938px}.keyword{border:0;background:#eaece5;border-radius:25.82334px;padding:7.2628088px 17.7535463px;font-size:0.9080325rem;direction:ltr;unicode-bidi:isolate;max-width:100%;overflow-wrap:anywhere}
.panel-head{display:grid;grid-template-columns:56.4885563px minmax(0,1fr) auto;align-items:center;gap:14.5256288px;margin-bottom:16.1395875px}.mode-icon{width:56.4885563px;height:56.4885563px;background:#f0f2eb;color:#7b8861;border-radius:14.5256288px;display:grid;place-items:center}.mode-icon svg{width:32.279175px;height:32.279175px}.panel-head h2{font-size:1.6139587rem;font-weight:600;letter-spacing:-0.6492938px;line-height:1.2;margin:0;overflow-wrap:normal}.learning-controls{gap:8.0697938px;margin:0;align-self:center;justify-content:flex-end}.translation{font-size:0.8116762rem;color:#34364b;flex-direction:row-reverse;gap:7.2628088px;white-space:normal}.translation input{width:37.1210513px;height:22.5954225px;background:#d7dacf}.translation input:before{width:17.7535463px;height:17.7535463px;top:2.4209325px;left:2.4209325px}.translation input:checked{background:#a0a38a}.translation input:checked:before{transform:translateX(14.5256288px)}
.workspace[data-mode=learn] .learning-controls{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.workspace[data-mode=grammar] .panel-head{grid-template-columns:56.4885563px minmax(0,1fr)}
.player{border:0.9275625px solid var(--border);background:transparent;border-radius:12.104685px;padding:8.0697938px 11.2977112px;gap:11.2977112px;margin:0 0 14.5256288px}#play{width:46.8048038px;height:46.8048038px;background:#969b7c}#play:hover{background:#79805f}.player-caption{display:none}.player-progress{flex:1;min-width:19.367505px;display:flex;flex-direction:column;gap:4.0348912px}.player-progress progress{width:100%;margin:0;height:5.6488613px;appearance:none;overflow:hidden;border:0;border-radius:16.1395875px;background:#e7e9e2}.player-progress progress::-webkit-progress-bar{background:#e7e9e2}.player-progress progress::-webkit-progress-value{background:#83916c;border-radius:16.1395875px}.player-progress progress::-moz-progress-bar{background:#83916c}.player-progress output{font-size:0.8116762rem;color:var(--muted);line-height:1.2;text-align:end}.player-progress output:empty{display:none}.speed-label{display:flex;align-items:center;gap:9.6837525px;font-size:0.8116762rem;color:var(--ink)}.speed-label select{border:0.9275625px solid var(--border);border-radius:8.0697938px;background:transparent;padding:8.0697938px;font-size:0.8116762rem;min-width:53.2606388px}
.dialogue{padding:0}.listening-dialogue .line{border:0;border-radius:6.455835px;padding:3.2279175px 14.5256288px;min-height:0}.spanish{font-size:1.12977rem;line-height:1.35;color:#1c2034;letter-spacing:-0.2782688px}.russian{font-size:0.9080325rem;line-height:1.35;color:#7384a2;margin-top:1.6139587px}.line.active,.learning-dialogue .line.active{background:var(--mint);box-shadow:inset 2.7826875px 0 #8f9e76}.learning-dialogue .line{grid-template-columns:29.0512575px minmax(0,1fr) 35.5070925px;padding:12.91167px 1.6139587px;gap:9.6837525px;border-color:var(--border)}.learning-dialogue .sound{width:35.5070925px;height:35.5070925px;border-radius:50%;background:var(--surface);color:#667548}.learning-dialogue .avatar{background:var(--surface);color:#636c56}.learning-dialogue .avatar[data-speaker=A]{background:#e1ead9;color:#596846}.learning-dialogue .avatar[data-speaker=A]~.sound{color:#667548}.learn-instruction{font-size:0.8116762rem;color:#59634f;background:var(--surface);border-radius:9.6837525px;padding:14.5256288px}.dialogue-section{color:#59684a}.review-heading{margin-top:20.9814637px;padding-top:14.5256288px;border-top:0.9275625px solid var(--border)}
.lesson-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;margin:0;gap:12.91167px}.lesson-navigation button{flex:0 1 278.26875px;min-width:0;border-radius:11.2977112px;font-size:0.9080325rem;padding:13.7186438px 16.1395875px;min-height:51.64668px;display:flex;justify-content:center;align-items:center;gap:16.1395875px;line-height:1.3}.lesson-navigation .secondary{background:#e9ece5;border:0;color:#303547}.lesson-navigation .primary{background:#969a7d;color:white}.lesson-navigation button:disabled{opacity:.65}.previous-arrow,.next-arrow{font-size:1.4117513rem}.primary{background:#858d6a;border-radius:9.6837525px;font-size:0.8116762rem}.primary:hover{background:#707a55}.secondary{border-color:var(--border);border-radius:9.6837525px;font-size:0.8116762rem}.secondary:hover{background:#e9ede2}
.grammar-section{padding-block:18.5605313px}.grammar h3{font-size:0.9683775rem;line-height:1.5}.grammar p{font-size:0.8116762rem;color:#56604f}.grammar-section[data-step]:before{background:var(--mint);color:#626e4d}.grammar-example-group,.grammar blockquote{background:var(--surface);color:#56604f;border-radius:11.2977112px}.grammar .grammar-note{border-color:#88976e}
dialog{background:#fffffc;border:0.9275625px solid var(--border);border-radius:18.5605313px;box-shadow:0 18.55125px 74.205px #26312533;padding:24.2093812px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#26312555;backdrop-filter:blur(3.71025px)}dialog h2{font-size:1.3311113rem;line-height:1.3;padding-inline-end:29.0512575px}dialog p,#how-dialog ol,.news-list li{color:#56604f;font-size:0.8116762rem;line-height:1.7}.dialog-close,#about-close,#language-close{width:32.279175px;height:32.279175px;display:grid;place-items:center;border-radius:8.0697938px;background:var(--surface);color:#626e4d;padding:0;border:0}#language-dialog{border-radius:16.1395875px}#status{font-size:0.8116762rem;color:#59684a}.news-list li:first-child{color:#65714e}
:focus-visible{outline:2.7826875px solid #667a50!important;outline-offset:3.71025px!important}
[dir=rtl] .top-nav{margin:0}[dir=rtl] .lesson-picker select{padding:4.0348912px 83.925855px 4.0348912px 29.0512575px}[dir=rtl] .lesson-picker:after{left:8.0697938px;right:auto}[dir=rtl] .translation input:before{left:2.4209325px}[dir=rtl] .line.active{box-shadow:inset -2.7826875px 0 #8f9e76}
@media(min-width:1468.125px){header{margin-top:30.6652163px;margin-bottom:29.0512575px}.intro,.workspace{padding:24.2093812px}.listening-dialogue .line{padding-block:4.0348912px}.intro,.workspace{min-height:581.02515px}}
@media(max-width:1406.25px){header{gap:19.367505px}.top-nav{gap:19.367505px}.intro,.workspace{padding:19.367505px}.panel-head{grid-template-columns:43.5768863px minmax(0,1fr);gap:9.6837525px}.mode-icon{width:43.5768863px;height:43.5768863px}.mode-icon svg{width:27.4372988px;height:27.4372988px}.panel-head h2{font-size:1.2911625rem}.learning-controls{grid-column:2/-1;justify-content:flex-start}.workspace[data-mode=grammar] .panel-head{grid-template-columns:43.5768863px minmax(0,1fr)}.lesson-picker select{font-size:1.8968062rem;padding-inline-start:72.6281437px}.lesson-icon{width:56.4885563px;height:56.4885563px}.lesson-picker{min-height:56.4885563px}.lesson-picker select{min-height:56.4885563px}.lesson-heading p{font-size:1.12977rem;padding:19.367505px}.tabs button{font-size:0.8116762rem;gap:5.6488613px}.tabs button svg{width:18.5605313px;height:18.5605313px}.keyword{font-size:0.8116762rem;padding-inline:14.5256288px}.speed-label>span{display:none}}
@media(max-width:1012.5px){header{width:calc(100% - 32.279175px);margin:19.367505px auto;gap:14.5256288px;flex-wrap:wrap}.brand{font-size:2.0981475rem}.brand svg{width:38.73501px;height:35.5070925px}.language{margin-inline-start:auto}.top-nav{order:3;flex-basis:100%;justify-content:space-between;gap:9.6837525px}.top-nav button{font-size:0.8116762rem}.layout{padding:0 16.1395875px 16.1395875px}main{display:flex;flex-direction:column;gap:16.1395875px}.intro,.workspace{padding:19.367505px;min-height:0}.intro{margin:0}.lesson-heading p{font-size:1.0490175rem;margin-top:16.1395875px}.lesson-navigation{margin:0}.lesson-navigation button{flex:1;font-size:0.8116762rem;padding:12.104685px 9.6837525px;gap:8.0697938px}.panel-head{grid-template-columns:43.5768863px minmax(0,1fr) auto}.learning-controls{grid-column:auto}.panel-head h2{font-size:1.21041rem}.workspace[data-mode=learn] .learning-controls{grid-column:1/-1}.tabs+section{margin-top:19.367505px}.section-label{margin-top:19.367505px}.speed-label>span{display:inline}.spanish{font-size:1.0082025rem}.russian{font-size:0.85707rem}}
@media(max-width:585px){header{width:calc(100% - 25.82334px);margin:16.1395875px auto;gap:11.2977112px}.brand{font-size:1.7753513rem;gap:8.0697938px}.brand svg{width:31.47219px;height:29.0512575px}.language{padding:8.0697938px 9.6837525px;font-size:0.8116762rem;border-radius:10.4907262px}.top-nav{gap:9.6837525px}.top-nav button{font-size:0.8116762rem}.layout{padding:0 11.2977112px 16.1395875px}.intro,.workspace{padding:16.1395875px;border-radius:16.1395875px}.lesson-icon{width:46.8048038px;height:46.8048038px;border-radius:11.2977112px}.lesson-icon svg{width:28.2442725px;height:28.2442725px}.lesson-picker,.lesson-picker select{min-height:46.8048038px}.lesson-picker select{font-size:1.6139587rem;padding-inline-start:61.3304325px}.lesson-picker:after{top:5.6488613px}.lesson-heading p{padding:16.1395875px;font-size:0.9683775rem}.tabs{gap:6.455835px;grid-template-columns:1fr 1fr 1.2fr}.tabs button{font-size:0.8116762rem;flex-direction:column;gap:5.6488613px;padding:9.6837525px 3.2279175px}.section-label{font-size:0.8116762rem}.keyword{font-size:0.8116762rem;padding:6.455835px 12.104685px}.panel-head{grid-template-columns:37.1210513px minmax(0,1fr);gap:9.6837525px}.mode-icon{width:37.1210513px;height:37.1210513px;border-radius:9.6837525px}.mode-icon svg{width:24.2093812px;height:24.2093812px}.learning-controls{grid-column:2/-1;justify-content:flex-start}.panel-head h2{font-size:1.12977rem}.translation{font-size:0.8116762rem}.workspace[data-mode=grammar] .panel-head{grid-template-columns:37.1210513px minmax(0,1fr)}.player{gap:8.0697938px;padding:8.0697938px}#play{width:38.73501px;height:38.73501px}.speed-label>span{display:none}.speed-label select{min-width:50.0327213px;padding:7.2628088px 4.0348912px}.listening-dialogue .line{padding:4.8418763px 4.0348912px}.lesson-navigation button{font-size:0.8116762rem;gap:6.455835px;padding:10.4907262px 7.2628088px}.previous-arrow,.next-arrow{font-size:1.21041rem}.grammar-section[data-step]{padding-inline-start:32.279175px}.grammar h3{font-size:0.9080325rem}dialog{padding:19.367505px}dialog h2{font-size:1.12977rem}.language-row{grid-template-columns:1fr;gap:6.455835px}[dir=rtl] .lesson-picker select{padding-inline-start:61.3304325px;padding-inline-end:29.0512575px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tabs button .tab-label{font-size:inherit;line-height:inherit}
.tabs button[data-mode] .tab-label{font-size:inherit;line-height:inherit}

/* Smaller type within the original, naturally scrolling lesson layout. */
.lesson-picker select{font-size:1.6139587rem}
.lesson-heading p{font-size:1.0082025rem}
.panel-head h2{font-size:1.21041rem}
.spanish{font-size:0.9683775rem}
.russian{font-size:0.8116762rem}
@media(max-width:585px){.lesson-picker select{font-size:1.4525663rem}.lesson-heading p{font-size:0.9080325rem}.panel-head h2{font-size:1.0490175rem}.spanish{font-size:0.9080325rem}}

/* Reserve a separate close-button row without changing the language dialog layout. */
#language-dialog{padding-top:40.81275px}
#language-dialog #language-close{position:absolute;top:7.4205px;right:9.275625px;left:auto;inset-inline-start:auto;inset-inline-end:9.275625px;width:24.116625px;height:24.116625px;font-size:18.55125px;line-height:1;margin:0;padding:0;border-radius:6.4929375px}
#language-dialog[dir=rtl] #language-close{right:9.275625px;left:auto;inset-inline-start:9.275625px;inset-inline-end:auto}

/* Vector controls render consistently on mobile, without emoji substitution. */
#play::before{content:"";display:block;width:40%;height:44%;margin:0 0 0 35%;background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}
#play.is-playing::before{content:"";width:34%;height:34%;margin:0 auto;clip-path:none;border-radius:0.9275625px;background:#fff}
.lesson-navigation .primary,.lesson-navigation .secondary{background:#e7e9e0;color:#15172f;border:0.9275625px solid transparent;display:flex;align-items:center;justify-content:center;line-height:1.25}
.lesson-navigation button:not(:disabled):hover{background:#a8ba8b;color:#172310;border-color:#93a878}
.lesson-navigation button:not(:disabled):active{background:#95aa75}
.lesson-navigation button:disabled{opacity:.65}
.lesson-navigation button>[data-ui]{display:block;line-height:1.25}
.lesson-navigation .previous-arrow,.lesson-navigation .next-arrow{display:flex;align-items:center;justify-content:center;width:22.2615px;height:22.2615px;flex:0 0 22.2615px;line-height:1}
.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{display:block;width:22.2615px;height:22.2615px}
@media(max-width:585px){.lesson-navigation .previous-arrow,.lesson-navigation .next-arrow{width:18.55125px;height:18.55125px;flex-basis:18.55125px}.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{width:18.55125px;height:18.55125px}}

.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12.91167px 22.5954225px;max-width:1261.485px;width:calc(100% - 51.64668px);margin:0 auto;padding:17.7535463px 0 24.2093812px;border-top:0.9275625px solid var(--border);font-size:0.8116762rem;line-height:1.6;color:#657594}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8.0697938px 22.5954225px}.footer-links a{text-decoration:none;color:inherit}.footer-links a:hover{text-decoration:underline;color:#5e7149}.footer-dialog{width:min(484.187625px,calc(100vw - 25.82334px));padding:22.5954225px;text-align:start}.footer-dialog .dialog-close{float:inline-end;margin:0 0 9.6837525px 12.91167px}.footer-dialog p{clear:both}.contact-form{display:grid;gap:12.91167px;clear:both}.contact-form label{display:grid;gap:4.8418763px;font-size:0.8116762rem}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:9.6837525px;border:0.9275625px solid #cdd3c4;border-radius:8.0697938px;font:inherit;background:white;color:var(--ink)}.contact-form textarea{resize:vertical;min-height:104.9073188px}.contact-form button{justify-self:start;padding:9.6837525px 19.367505px}.contact-status{margin:0;color:var(--muted);font-size:0.8116762rem}.contact-form [name=email]{direction:ltr;text-align:start}.footer-dialog a{overflow-wrap:anywhere}[dir=rtl] .footer-dialog .dialog-close{margin:0 12.91167px 9.6837525px 0}
@media(max-width:1012.5px){.site-footer{width:calc(100% - 32.279175px)}.footer-links{gap:8.0697938px 16.1395875px}}
@media(max-width:585px){.site-footer{width:calc(100% - 25.82334px);padding-block:16.1395875px}.footer-dialog{padding:17.7535463px}.footer-links{gap:8.0697938px 14.5256288px}}

/* Design19: shared presentation for every lesson and mode. */
:root{--ink:#07185b;--muted:#7188ad;--green:#85936a;--border:#dce1e8;--surface:#edf3e8;--mint:#edf3e8;--shadow:0 11.13075px 32.4646875px #34452608}
body{background-color:#fcfbf7;color:var(--ink)}
header{max-width:1142.757px;width:calc(100% - 44.523px);min-height:40.81275px;margin:12.985875px auto 9.275625px;gap:22.2615px;padding:0 22.2615px}
.brand{font-size:35.247375px;letter-spacing:-1.3913438px;color:var(--ink);gap:11.13075px}.brand svg{width:37.1025px;height:37.1025px}.top-nav{gap:35.247375px}.top-nav button{color:var(--ink);font-size:12.985875px}.language{padding:7.4205px 14.841px;border:0;border-radius:14.841px;font-size:14.841px}
.layout{max-width:1187.28px;padding:0 22.2615px 27.826875px;margin:0 auto}main{grid-template-columns:346.908375px minmax(0,1fr);gap:22.2615px 14.841px;align-items:start}.intro,.workspace{padding:22.2615px;border:0;border-radius:20.406375px;min-height:0;background:#fffffff5}.intro{align-self:start}.workspace{padding:18.55125px 20.406375px 22.2615px}
.lesson-picker,.lesson-picker select{min-height:61.219125px}.lesson-icon{width:63.07425px;height:61.219125px;border-radius:11.13075px;background:#edf3e8}.lesson-icon svg{width:37.1025px;height:37.1025px}.lesson-picker select{font-size:27.826875px;padding:3.71025px 27.826875px 3.71025px 79.770375px;color:var(--ink)}.lesson-picker:after{top:12.0583125px;inset-inline-end:9.275625px}.lesson-heading p{font-size:16.696125px;line-height:1.35;margin:12.985875px 0 0;padding:11.13075px 22.2615px;border-radius:10.2031875px;background:#edf3e8;color:var(--ink)}
.section-label{font-size:14.841px;margin:20.406375px 0 9.275625px}.tabs{display:grid;grid-template-columns:1fr;gap:7.4205px;padding:0;margin:0}.tabs button{justify-content:flex-start;min-height:51.9435px;gap:20.406375px;padding:11.13075px 33.39225px;font-size:16.696125px;border-color:#d4dded;border-radius:9.275625px;color:var(--ink)}.tabs button svg{width:24.116625px;height:24.116625px}.tabs button[aria-selected=true]{background:linear-gradient(115deg,#89976e,#808c65);border-color:#85936a;color:white}.tabs+section{margin-top:20.406375px}.tabs+section .section-label{margin-top:20.406375px}.keywords{gap:7.4205px}.keyword{font-size:14.841px;padding:8.3480625px 20.406375px;background:#eeede6;color:var(--ink)}
.panel-head{grid-template-columns:57.508875px minmax(0,1fr) auto;gap:18.55125px;margin-bottom:12.985875px}.mode-icon{width:57.508875px;height:51.9435px;border-radius:11.13075px;background:#f4f4ee;color:#83936e}.mode-icon svg{width:31.537125px;height:31.537125px}.panel-head h2{font-size:22.2615px;line-height:1.25;font-weight:600;color:var(--ink)}.learning-controls{grid-column:auto}.translation{font-size:14.841px;color:var(--ink);gap:11.13075px}.translation input{width:48.23325px;height:26.8993125px}.translation input:before{width:21.3339375px;height:21.3339375px;top:2.7826875px;left:2.7826875px}.translation input:checked{background:#85936a}.translation input:checked:before{transform:translateX(21.3339375px)}
.player{padding:7.4205px 12.985875px;border-radius:14.841px;gap:14.841px;margin-bottom:14.841px;min-height:63.07425px}#play{width:48.23325px;height:48.23325px;background:linear-gradient(120deg,#8d9b77,#78865f)}.player-progress{flex-direction:row;align-items:center;gap:16.696125px}.player-progress progress{height:5.565375px;flex:1;min-width:22.2615px;background:#e5e5e8}.player-progress progress::-webkit-progress-bar{background:#e5e5e8}.player-progress output{font-size:14.841px;white-space:nowrap;color:#6287c5}.speed-label{font-size:14.841px;gap:16.696125px}.speed-label>span{display:inline}.speed-label select{font-size:14.841px;min-width:70.49475px;padding:11.13075px;border-color:#e5e5e8;border-radius:11.13075px}
.listening-dialogue .line{padding:8.3480625px 18.55125px;min-height:74.205px}.spanish{font-size:22.2615px;line-height:1.35;letter-spacing:-0.4637812px;color:#151a39}.russian{font-size:19.4788125px;line-height:1.35;color:var(--muted);margin-top:1.855125px}.learning-dialogue .spanish{color:#151a39}.learning-dialogue .russian{color:var(--muted)}.learning-dialogue .line{padding:14.841px 3.71025px}.learn-instruction,.grammar,.grammar p,dialog p,#how-dialog ol,.news-list li{font-size:14.841px;line-height:1.65}.grammar h3{font-size:18.55125px}.grammar p,dialog p,#how-dialog ol,.news-list li{color:#667798}.grammar-example-group,.grammar blockquote,.practice-card{background:#f1f4ec}.grammar .grammar-note{border-color:var(--green)}
.lesson-navigation{grid-column:2;gap:14.841px;padding:0 9.275625px}.lesson-navigation button{flex:1;min-height:51.9435px;font-size:16.696125px;padding:12.985875px 16.696125px;gap:18.55125px}.lesson-navigation .secondary{background:#eeede6;color:var(--ink)}.lesson-navigation .primary{background:linear-gradient(115deg,#89976e,#808c65);color:white}.lesson-navigation button:disabled{opacity:.65}.lesson-navigation button:not(:disabled):hover{background:#73845c;color:white}
.site-footer{max-width:1150.1775px;width:calc(100% - 44.523px);padding:16.696125px 0 27.826875px;font-size:12.985875px;color:#5b81b3;border-color:#dce1e8}.footer-links{gap:11.13075px 29.682px}dialog{background:#fffffc;border-radius:20.406375px}dialog h2{color:var(--ink);font-size:22.2615px}.contact-form input,.contact-form textarea{font-size:14.841px}.primary{background:var(--green)}
[dir=rtl] .lesson-picker select{padding:3.71025px 79.770375px 3.71025px 27.826875px}
@media(max-width:1237.5px) and (min-width:856.125px){main{grid-template-columns:278.26875px minmax(0,1fr)}.intro,.workspace{padding:18.55125px}.lesson-heading p{padding:12.985875px;font-size:14.841px}.tabs button{padding-inline:20.406375px}.keyword{padding-inline:14.841px}.panel-head{grid-template-columns:44.523px minmax(0,1fr);gap:11.13075px}.mode-icon{width:44.523px;height:44.523px}.learning-controls{grid-column:2}.panel-head h2{font-size:20.406375px}.speed-label>span{display:none}.spanish{font-size:20.406375px}.russian{font-size:17.6236875px}}
@media(max-width:855px){header{width:calc(100% - 29.682px);margin:14.841px auto;padding:0;flex-wrap:wrap;gap:14.841px}.brand{font-size:29.682px}.brand svg{width:33.39225px;height:33.39225px}.top-nav{order:3;justify-content:space-between;gap:9.275625px}.top-nav button{font-size:12.985875px}.language{font-size:12.985875px;padding:7.4205px 11.13075px}.layout{padding:0 14.841px 22.2615px}main{display:flex;flex-direction:column;gap:14.841px}.intro,.workspace{width:100%;padding:18.55125px;border-radius:18.55125px;margin:0}.lesson-picker select{font-size:25.97175px}.lesson-heading p{font-size:14.841px;padding:12.985875px 14.841px}.tabs{grid-template-columns:1fr 1fr 1.2fr;gap:7.4205px}.tabs button{font-size:12.985875px;justify-content:center;flex-direction:column;gap:7.4205px;padding:11.13075px 3.71025px}.section-label{font-size:12.985875px}.keyword{font-size:12.985875px;padding:7.4205px 14.841px}.panel-head{grid-template-columns:40.81275px minmax(0,1fr);gap:11.13075px}.mode-icon{width:40.81275px;height:40.81275px}.mode-icon svg{width:25.97175px;height:25.97175px}.panel-head h2{font-size:20.406375px}.learning-controls{grid-column:1/-1;justify-content:flex-start}.translation{font-size:12.985875px}.player{gap:9.275625px;padding:7.4205px 9.275625px}#play{width:40.81275px;height:40.81275px}.speed-label>span{display:none}.speed-label select{min-width:53.798625px;padding:8.3480625px 5.565375px;font-size:12.985875px}.player-progress{gap:5.565375px;flex-direction:column;align-items:stretch}.player-progress output{font-size:12.985875px}.spanish{font-size:19.4788125px}.russian{font-size:16.696125px}.listening-dialogue .line{padding:8.3480625px 0;min-height:66.7845px}.lesson-navigation{width:100%;padding:0;gap:9.275625px}.lesson-navigation button{font-size:12.985875px;gap:7.4205px;padding:11.13075px 7.4205px}.site-footer{width:calc(100% - 29.682px);gap:12.985875px}.footer-links{gap:11.13075px 18.55125px}.workspace[data-mode=grammar] .panel-head{grid-template-columns:40.81275px minmax(0,1fr)}.grammar h3{font-size:16.696125px}.language-row{grid-template-columns:1fr}.language-row select{font-size:14.841px}}
.lesson-navigation .primary,.lesson-navigation .secondary{font-size:16.696125px;font-weight:400}
@media(max-width:855px){.lesson-navigation .primary,.lesson-navigation .secondary{font-size:12.985875px}}

}

/* Final desktop tuning: menu type is 15% larger than the previous version. */
@media (min-width:856.125px){
 header{max-width:1142.757px;padding-inline:0;width:calc(100% - 44.523px)}
 header .top-nav button,header .top-nav a{font-size:15.395625px}
 header .language{margin-inline-start:auto}
}
/* On shorter desktop screens, use the available height for the dialogue rhythm. */
@media (min-width: 1013.625px) and (max-height: 1012.5px){
 .listening-dialogue .line{min-height:clamp(0px,calc((100dvh - 433.125px)/8),74.205px);padding-block:0}
 .workspace[data-mode=listen]{padding-bottom:13.5px}
 .layout{padding-bottom:18px}
 .site-footer{padding-top:13.5px;padding-bottom:18px}
}
/* Readability adjustments confined to language choices and the footer. */
@media (min-width:856.125px){
 #language-dialog .language-row label span{font-size:1.13em}
 #language-dialog .language-row select option{font-size:14.6740388px}
 #language-dialog .language-row label svg{width:21.7884431px;height:21.7884431px}
 .site-footer{font-size:14.8038975px;line-height:20.7774px}
}

/* ZUUNEE wordmark uses the supplied original, framed to its lettering. */
.brand-wordmark{display:block;position:relative;width:175.5px;height:28.125px;overflow:hidden;mix-blend-mode:multiply}
.brand-wordmark img{position:absolute;max-width:none;width:262.125px;height:auto;left:-42.75px;top:-18.5625px}
:root{--ink:#133e30;--green:#2e6249;--muted:#666b65;--mint:#eff4e8}
.workspace .panel-head h2{color:#123d2f}
.workspace .mode-icon{background:#edf3e3;color:#2e6249}
.workspace .translation{color:#173e30;font-size:1.125rem}
.workspace .translation input:checked{background:#2e6249}
.workspace .player{background:#f5f7ec;border:1.125px solid #e8ebdf;border-radius:27px;padding:11.25px 13.5px}
.workspace #play{background:#2e6249}
.workspace #play:hover{background:#1c4b36}
.workspace .player-progress progress::-webkit-progress-value{background:#2e6249}
.workspace .player-progress output{color:#73766e}
.workspace .listening-dialogue{display:flex;flex-direction:column;gap:11.25px;padding:4.5px 0;direction:ltr}
.workspace .listening-dialogue .line{display:flex;align-items:center;gap:13.5px;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.workspace .listening-dialogue .avatar{display:grid;place-items:center;flex:0 0 42.75px;width:42.75px;height:42.75px;border-radius:50%;background:#e1e9d3;color:#163e30;font:600 1.125rem/1 Arial,sans-serif}
.workspace .listening-dialogue .line>div{flex:0 1 auto;min-width:0;max-width:calc(100% - 83.25px);padding:13.5px 19.125px;border-radius:27px;background:#eff4e8}
.workspace .listening-dialogue .line[data-speaker=B]{flex-direction:row-reverse}
.workspace .listening-dialogue .line[data-speaker=B]>div,.workspace .listening-dialogue .line[data-speaker=B] .avatar{background:#faf5e4}
.workspace .listening-dialogue .line[data-speaker=B]>div{text-align:right}
.workspace .listening-dialogue .spanish{font-size:1.35rem;line-height:1.35;font-weight:500;letter-spacing:-0.28125px;color:#133e30;overflow-wrap:anywhere}
.workspace .listening-dialogue .russian{font-size:1.18125rem;line-height:1.4;color:#64645f;margin-top:3.375px;overflow-wrap:anywhere}
.workspace .listening-dialogue .line.active>div{box-shadow:0 0 0 2.25px #2e6249;background:#e4eddc}
.workspace .listening-dialogue .dialogue-section{color:#365a40}
@media(max-width:855px){
 .brand-wordmark{width:157.5px;height:25.875px}.brand-wordmark img{width:236.25px;left:-38.25px;top:-16.875px}
 .workspace{padding:20.25px 13.5px}
 .workspace .listening-dialogue .line{gap:9px}
 .workspace .listening-dialogue .avatar{flex-basis:38.25px;width:38.25px;height:38.25px}
 .workspace .listening-dialogue .line>div{max-width:calc(100% - 59.625px);padding:11.25px 14.625px;border-radius:24.75px}
 .workspace .listening-dialogue .spanish{font-size:1.2375rem}
 .workspace .listening-dialogue .russian{font-size:1.125rem}
}
/* Spacious, readable information dialogs, including right-to-left locales. */
#about-dialog,#how-dialog,#news-dialog,.footer-dialog{box-sizing:border-box;width:min(855px,calc(100vw - 36px));max-width:855px;max-height:88dvh;padding:40.5px 45px;border-radius:27px;text-align:start}
#about-dialog h2,#how-dialog h2,#news-dialog h2,.footer-dialog h2{font-size:1.96875rem;line-height:1.25;margin:0 0 27px;padding-inline-end:40.5px;color:#133e30}
#about-dialog p,#how-dialog ol,#news-dialog .news-list li,.footer-dialog p,.footer-dialog li,.footer-dialog .contact-form label,.footer-dialog .contact-form input,.footer-dialog .contact-form textarea,.footer-dialog .contact-form button{font-size:1.265625rem;line-height:1.65}
#about-dialog p,.footer-dialog p{margin:0 0 24.75px}
#how-dialog ol{list-style:none;padding:0;margin:0;counter-reset:steps}
#how-dialog li{position:relative;counter-increment:steps;padding-inline-start:58.5px;margin-block:0 27px}
#how-dialog li:before{content:counter(steps);position:absolute;inset-inline-start:0;top:0;width:40.5px;height:40.5px;display:grid;place-items:center;border-radius:50%;background:#edf3e3;color:#133e30;font-weight:600}
#how-dialog li strong{display:block;color:#133e30;font-size:1.40625rem;margin-bottom:4.5px}
#how-dialog li span{display:block}
.footer-dialog .contact-form{gap:22.5px}
.footer-dialog .contact-form input,.footer-dialog .contact-form textarea{padding:13.5px 15.75px}
.footer-dialog .contact-form textarea{min-height:191.25px}
.footer-dialog .contact-form button{padding:13.5px 27px}
#about-dialog .secondary,#how-dialog .dialog-close,#news-dialog .dialog-close,.footer-dialog .dialog-close{width:45px;height:45px;font-size:1.6875rem}
@media(max-width:675px){
 #about-dialog,#how-dialog,#news-dialog,.footer-dialog{width:calc(100vw - 27px);padding:29.25px 24.75px;border-radius:22.5px}
 #about-dialog h2,#how-dialog h2,#news-dialog h2,.footer-dialog h2{font-size:1.6875rem}
 #about-dialog p,#how-dialog ol,#news-dialog .news-list li,.footer-dialog p,.footer-dialog li,.footer-dialog .contact-form label,.footer-dialog .contact-form input,.footer-dialog .contact-form textarea,.footer-dialog .contact-form button{font-size:1.1953125rem}
 #how-dialog li{padding-inline-start:49.5px}
}

/* Equal resting states; only enabled buttons react to pointer hover. */
.lesson-navigation #next-lesson,.lesson-navigation #previous-lesson{background:#eeede6;color:var(--ink);border:0;transition:background-color .15s,color .15s}
.lesson-navigation #next-lesson:not(:disabled):hover,.lesson-navigation #previous-lesson:not(:disabled):hover{background:#73845c;color:white}
#news-dialog .news-list{padding-inline-start:27px;margin:0}
#news-dialog .news-list li{margin-bottom:18px}
#language-dialog .language-row select,#language-dialog .language-row select option{font-size:20.25px;line-height:1.5}

}