: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:14px/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:3px solid #299782;outline-offset:4px}header{max-width:1240px;margin:0 auto;padding:19.14px 13.92px 17.4px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20.88px}.brand{font-size:32.19px;line-height:1;font-weight:750;color:#006052;letter-spacing:-1.6px;text-decoration:none}.language{font-size:14px;border:1px solid var(--border);padding:8.7px 14.79px;border-radius:11.31px;background:white}.layout{max-width:1240px;margin:auto;padding:22.62px 13.92px 0}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);column-gap:52.2px;row-gap:22.62px;align-items:start}.intro{padding-top:0;position:sticky;top:26.1px}.lesson-picker{display:block;position:relative}.lesson-picker:before{content:'▤';position:absolute;left:17.4px;top:10.44px;font-size:23.49px;color:#8587bd;pointer-events:none}.lesson-picker select{width:100%;appearance:none;border:1px solid var(--border);color:var(--ink);border-radius:11.31px;background:#fff;padding:13.92px 41.76px 13.92px 55.68px;font-size:20.01px;line-height:1.4;font-weight:600;cursor:pointer}.lesson-picker:after{content:'⌄';position:absolute;right:19.14px;top:9.57px;color:#777eb0;font-size:22.62px;pointer-events:none}.lesson-heading p{font-size:16.53px;color:#6069a4;line-height:1.65;margin:24.36px 0 0}.tabs{display:flex;gap:7.83px;margin-top:33.06px}.tabs button{display:flex;align-items:center;justify-content:center;gap:8.7px;flex:1;padding:12.18px 10.44px;border-radius:34.8px;border:1px solid #dfe2f1;background:transparent;color:var(--ink);font-size:14px;white-space:nowrap}.tabs button span{font-size:21.75px;line-height:1}.tabs button[data-mode=listen] span{font-size:15.66px}.tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:white;box-shadow:0 3px 9px #00625210}.tabs button:hover{border-color:#8aa99f}.intro-note{font-size:14px;color:var(--muted);line-height:1.6;margin-top:20.01px}.workspace{background:white;border-radius:15.66px;padding:18.27px 20.01px 11.31px;box-shadow:0 6px 46px #202c5810;border:1px solid #fafafd}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:13.05px;margin-bottom:13.05px}.panel-head h2{font-size:19.14px;font-weight:600;margin:0;letter-spacing:-.4px}.eyebrow{font-size:14px;letter-spacing:1px;color:var(--muted)}#mode-label{display:none}.translation{display:flex;align-items:center;gap:8.7px;white-space:nowrap;font-size:14px;color:#626a9c}.translation input{appearance:none;cursor:pointer;width:33.06px;height:20.01px;margin:0;background:#dfe1ed;border-radius:17.4px;position:relative;flex-shrink:0;transition:background .15s}.translation input:before{content:'';position:absolute;top:2.61px;left:2.61px;width:14.79px;height:14.79px;border-radius:50%;background:white;box-shadow:0 1px 3px #0001;transition:transform .15s}.translation input:checked{background:var(--green)}.translation input:checked:before{transform:translateX(13.05px)}.player{border-radius:10.44px;background:var(--surface);padding:9.57px 12.18px;display:flex;justify-content:space-between;align-items:center;gap:13.05px;margin-bottom:5.22px}.primary{border:0;border-radius:26.1px;color:white;background:var(--green);padding:10.44px 16.53px;font-size:14px}#play{font-size:0;width:45.24px;height:45.24px;border-radius:50%;padding:0;flex-shrink:0}#play:before{content:'▶';font-size:20.01px;margin-left:3.48px}#play.is-playing:before{content:'■';font-size:18.27px;margin-left:0}.player-caption{display:none}.speed-label{display:grid;color:#737cae;font-size:14px;line-height:1.4}select{font:inherit}.speed-label select{background:transparent;border:0;color:var(--ink);padding:2.61px 0;font-size:14.79px}.dialogue{padding:0 1.74px}.line{display:grid;grid-template-columns:34.8px minmax(0,1fr) 27.84px;gap:13.05px;align-items:center;padding:10.44px 2.61px;border-bottom:1px solid #eceef6;border-radius:4.35px}.line:last-child{border-bottom:0}.avatar{width:33.93px;height:33.93px;display:grid;place-items:center;border-radius:50%;background:#f0edeb;color:#856c51;font-size:15.66px}.avatar[data-speaker=A]{background:#ffedde;color:#a56930}.spanish{font-size:15.66px;line-height:1.4;letter-spacing:-.25px}.russian{font-size:14px;color:var(--muted);line-height:1.4}.sound{width:27.84px;height:27.84px;border:0;background:transparent;color:#7e85b9;font-size:21.75px;padding:0;border-radius:50%}.sound:hover{background:#f0f3fa;color:var(--green)}.line.active{background:#f0f4fc;box-shadow:inset 3px 0 #8d94c1}.line.your-turn{background:#edf7f2;box-shadow:inset 3px 0 var(--green)}.hide-translations .russian{display:none}.lesson-navigation{display:flex;justify-content:space-between;gap:19.14px;margin:17.4px 8.7px 0}.secondary,.lesson-navigation .primary{border:1px solid #e0e4f1;border-radius:11.31px;background:white;color:var(--ink);padding:11.31px 13.05px;font-size:14px}.lesson-navigation button{flex:1;min-width:0}.learning-path{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding-top:20.01px;gap:19.14px;margin-top:0}.path-card{display:flex;align-items:flex-start;gap:14.79px;padding:0 17.4px;border-right:1px solid var(--border)}.path-card:first-child{padding-left:8.7px}.path-card:last-child{border:0}.path-number{background:#e2f5ed;color:#056554;border-radius:11.31px;min-width:46.98px;height:46.98px;display:grid;place-items:center;font-size:26.1px}.path-card:nth-child(2) .path-number{background:#fff0e7;color:#a36935}.path-card strong{font-size:14.79px;font-weight:600}.path-card p{color:var(--muted);font-size:14px;line-height:1.4;margin:2.61px 0}footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#999fbd;font-size:14px;padding:0 8.7px 15.66px}#status{font-size:14px;color:#646d99;margin:8.7px 0}#status:empty{display:none}.practice-card{background:#f7f8fc;border-radius:11.31px;padding:13.05px;margin-bottom:10.44px}.practice-top{display:flex;justify-content:space-between;gap:10.44px;font-size:14px;color:#7b84a4;margin-bottom:6.96px}.cue{font-size:19.14px;margin:5.22px 0;line-height:1.4}.voice-state{padding:6.96px 10.44px;border-radius:7.83px;font-size:14px;margin:8.7px 0 4.35px;background:#e9edf5}.voice-state[data-phase=listening]{background:#e5f3ec;color:#16644d}.voice-state[data-phase=error]{background:#fff0dc;color:#7c5830}.transcript{font-size:14.79px;overflow-wrap:anywhere}.feedback{color:#637292;font-size:14px;margin-top:6.96px}.transcript:empty,.feedback:empty{display:none}.session-controls{margin-top:7.83px}.session-controls button{padding:6.09px 12.18px;font-size:14px}.practice-note{font-size:14px;color:#8c94ac;line-height:1.5;margin:6.96px 0 0}.hint{font-size:14px;color:#7d86a7}.practice-card h2{font-size:19.14px;margin:4.35px 0}.practice-card p{font-size:14px}progress{display:block;width:100%;height:3.48px;accent-color:var(--green);margin-top:10.44px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1080px){header,.layout{margin-left:17.4px;margin-right:17.4px}main{column-gap:26.1px}.tabs{gap:5.22px}.tabs button{font-size:14px;padding:11.31px 7.83px;gap:5.22px}.lesson-heading p{font-size:14.79px}.workspace{padding:15.66px 14.79px 10.44px}.panel-head h2{font-size:17.4px}.translation{font-size:14px;gap:5.22px}.line{gap:8.7px}.lesson-navigation{gap:10.44px;margin-left:0;margin-right:0}.lesson-navigation button{padding:10.44px 6.96px;font-size:14px}.path-card{padding:0 8.7px;gap:8.7px}}@media(max-width:760px){header{margin:0 15.66px;padding:17.4px 1.74px 15.66px}.brand{font-size:26.97px}.language{font-size:14px;padding:6.96px 10.44px}.layout{margin:0;padding:15.66px}main{display:block}.intro{position:static;padding:0}.lesson-picker select{font-size:18.27px;padding-top:10.44px;padding-bottom:10.44px}.lesson-picker:before{top:7.83px}.lesson-picker:after{top:6.96px}.lesson-heading p{margin-top:15.66px;font-size:14px;line-height:1.6}.tabs{margin-top:19.14px;gap:6.09px}.tabs button{font-size:14px;padding:11.31px 6.96px;gap:6.09px}.tabs button span{font-size:19.14px}.intro-note{font-size:14px;margin:15.66px 0 19.14px}.workspace{padding:15.66px 12.18px 8.7px;border-radius:13.92px}.panel-head h2{font-size:17.4px}.translation{font-size:14px}.translation input{width:29.58px;height:18.27px}.translation input:before{width:13.05px;height:13.05px}.translation input:checked:before{transform:translateX(11.31px)}.line{grid-template-columns:29.58px minmax(0,1fr) 24.36px;gap:9.57px;padding:9.57px 0}.avatar{width:29.58px;height:29.58px;font-size:14px}.spanish{font-size:14.79px}.russian{font-size:14px}.lesson-navigation{gap:8.7px;margin-top:14.79px}.lesson-navigation button{font-size:14px;padding:10.44px 5.22px}.learning-path{grid-template-columns:1fr;gap:17.4px;margin-top:24.36px;padding-top:20.88px}.path-card,.path-card:first-child{padding:0;border:0;gap:14.79px}.path-card p br{display:none}.path-number{min-width:41.76px;height:41.76px}footer{margin-top:21.75px;padding:0 0 8.7px;font-size:14px;gap:13.05px}.cue{font-size:17.4px}.practice-top{font-size:14px}.voice-state{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.translation input,.translation input:before{transition:none}}

.tabs svg{display:block;width:20.01px;height:20.01px}.path-number svg{width:25.23px;height:25.23px}

.top-nav{display:flex;align-items:center;gap:33.06px;flex:1;margin-left:26.1px}.top-nav a,.top-nav button{color:#4e59a0;font-size:14.79px;text-decoration:none;background:none;border:0;padding:4.35px 0;cursor:pointer}.top-nav a:hover,.top-nav button:hover{color:var(--green)}.language{display:flex;align-items:center;gap:7.83px}.language select{border:0;background:transparent;color:var(--ink);font-size:14px;max-width:160px;padding-right:2.61px;cursor:pointer}dialog{max-width:500px;width:calc(100% - 31.32px);border:1px solid var(--border);border-radius:17.4px;padding:26.1px;color:var(--ink);box-shadow:0 20px 90px #1113}dialog::backdrop{background:#16233366}dialog h2{margin:0 0 15.66px}dialog p{color:#636d9d}#about-close{float:right;font-size:19.14px;padding:0 10.44px;margin:-8.7px -8.7px 8.7px 8.7px}#how-it-works{scroll-margin-top:25px}@media(max-width:760px){header{flex-wrap:wrap;gap:13.92px}.top-nav{order:3;flex-basis:100%;margin:0;gap:21.75px}.top-nav a,.top-nav button{font-size:14px}.language select{font-size:14px}.brand{font-size:28.71px}}

.layout{padding-bottom:21.75px}.dialog-close{float:right;font-size:19.14px;padding:0 10.44px;margin:-8.7px -8.7px 8.7px 8.7px}#how-dialog{max-width:610px;max-height:85vh;overflow:auto}#how-dialog ol{padding-left:20.01px;color:#636d9d}#how-dialog li{margin-bottom:12.18px}#how-dialog strong{color:var(--ink)}

.dialogue-section{font-size:0.875rem;color:var(--muted,#7274a6);margin:17.4px 0 5.22px;font-weight:600}.dialogue-section:first-child{margin-top:12.18px}

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

.learn-instruction{font-size:14px;line-height:1.65;color:#636d9d;margin:0 0 15.66px}.listening-dialogue .line{grid-template-columns:34.8px minmax(0,1fr)}.grammar{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.grammar-section{padding:17.4px 0;border-top:1px solid var(--border)}.grammar-section:first-child{padding-top:0;border-top:0}.grammar h3{font-size:15.66px;line-height:1.5;margin:0 0 12.18px;font-weight:650}.grammar p{margin:10.44px 0;color:#626a9c}.grammar strong{color:var(--ink);font-weight:600}.grammar blockquote{margin:0;padding:13.05px 15.66px;background:var(--surface);border-left:3px solid var(--green);border-radius:0 8.7px 8.7px 0;line-height:1.9}.tabs button{min-width:0}@media(max-width:760px){.listening-dialogue .line{grid-template-columns:29.58px minmax(0,1fr)}.tabs button{gap:4.35px;padding-left:5.22px;padding-right:5.22px}.tabs svg{width:16.53px;height:16.53px}}

.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.7px;margin:20.88px 0 5.22px}.review-heading .dialogue-section{margin:0}.review-heading .secondary{padding:7.83px 12.18px}#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:1px solid var(--border);border-radius:13.92px;box-shadow:0 8px 30px #202c5805}
header{max-width:1240px;width:calc(100% - 41.76px);margin:17.4px auto 0;padding:17.4px 24.36px}
.layout{max-width:1288px;padding:15.66px 20.88px 20.88px}
main{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);column-gap:13.92px;row-gap:13.92px;align-items:stretch}
.intro{grid-column:1;grid-row:1;position:static;padding:20.88px 24.36px;min-width:0}
.lesson-surface{display:contents}
.workspace{grid-column:2;grid-row:1;padding:20.88px 24.36px 13.92px;min-width:0}
.lesson-heading p{margin:17.4px 0 0;padding:17.4px;background:#f3f9f8;border-radius:10.44px;color:var(--ink);font-size:15.66px;line-height:1.6}
.tabs{margin-top:15.66px;padding:13.92px;border:1px solid var(--border);border-radius:10.44px;gap:7.83px}
.tabs button{padding:12.18px 6.96px;font-size:14px}
.tabs button[aria-selected=true]{outline:2px solid #299782;outline-offset:4px;box-shadow:none}
.lesson-navigation{grid-column:2;grid-row:2;margin:0;gap:12.18px}
.learning-path{grid-column:1/-1;grid-row:3;margin:0;padding:19.14px 24.36px;gap:19.14px}
.path-card,.path-card:first-child{padding-left:0}
@media(max-width:1080px){
 header{margin:15.66px auto 0;padding:17.4px 19.14px}.layout{margin:0 auto;padding:15.66px 20.88px 20.88px}
 .intro,.workspace{padding:17.4px}.tabs{padding:11.31px 8.7px;gap:6.96px}.tabs button{font-size:14px;padding:11.31px 4.35px}
 .lesson-heading p{font-size:14.79px;padding:13.92px}.learning-path{padding:19.14px 17.4px;gap:13.92px}
}
@media(max-width:760px){
 header{width:calc(100% - 27.84px);margin:13.92px auto 0;padding:17.4px}
 .layout{padding:13.92px}main{display:block}.intro{padding:17.4px;margin-bottom:13.92px}
 .workspace{padding:17.4px 13.92px 10.44px}.lesson-heading p{margin-top:13.92px;font-size:14px}
 .tabs{margin-top:15.66px;padding:11.31px 8.7px}.tabs button{font-size:14px}
 .lesson-navigation{margin:13.92px 0}.learning-path{display:grid;padding:19.14px 17.4px;margin-top:13.92px;gap:17.4px}
}

/* Quiet active tabs and the lesson-reference palette. */
.tabs button[aria-selected=true]{outline:none;box-shadow:none}
.tabs button:focus-visible{outline:3px solid #299782;outline-offset:4px}
.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:31.32px;height:31.32px}
.learning-dialogue .avatar[data-speaker=A]~.sound{color:#a9cbbf}
.learning-dialogue .sound svg{width:21.75px;height:21.75px}
.learning-dialogue .sound:hover{background:#edf5f1;color:#006252}
.learning-dialogue .line.active{background:#f0f7f3;box-shadow:inset 3px 0 #93baac}
.grammar-section{position:relative;padding:22.62px 0 22.62px 41.76px}
.grammar-section:first-child{padding-top:3.48px}
.grammar-section[data-step]::before{content:attr(data-step);position:absolute;left:0;top:22.62px;width:27.84px;height:27.84px;border-radius:50%;display:grid;place-items:center;background:#f3f4f9;color:#626a9c;font-size:14px}
.grammar-section[data-step]:first-child::before{top:3.48px}
.grammar-section:not([data-step]){padding-left:0}
.grammar h3{font-size:16.53px;line-height:1.5;margin:0 0 13.92px;font-weight:650}
.grammar p{margin:12.18px 0;color:#7c83a2;line-height:1.7}
.grammar strong{color:var(--ink);font-weight:650}
.grammar-example-group,.grammar blockquote{margin:13.92px 0;padding:13.92px 17.4px;background:#f5f6fb;border:0;border-radius:10.44px;color:#7c83a2}
.grammar-example-group p{margin:0;line-height:1.8}
.grammar-example-group p+p{margin-top:3.48px}
.grammar .grammar-note{border-left:3px solid #65b394;padding:3.48px 0 3.48px 13.92px;margin-top:15.66px}
@media(max-width:760px){.grammar-section{padding-left:34.8px}.grammar h3{font-size:15.66px}.grammar-example-group,.grammar blockquote{padding:12.18px}.grammar-section[data-step]::before{width:25.23px;height:25.23px}}

/* Language preferences reuse the existing surfaces and controls. */
#language-open{color:var(--ink);white-space:nowrap;gap:7.83px;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:426.3px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:31.32px 20.88px 17.4px;box-shadow:0 12px 40px #202c5820;border-radius:15.66px}
#language-dialog::backdrop{background:transparent}
#language-close{position:absolute;inset-inline-end:7.83px;top:4.35px;width:27.84px;height:27.84px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:21.75px}
.language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:17.4px;margin:6.96px 0 15.66px}
.language-row label{display:flex;align-items:center;gap:10.44px;font-weight:600;line-height:1.4}
.language-row label svg{width:21.75px;height:21.75px;flex-shrink:0}
.language-row select{width:100%;min-width:0;padding:11.31px 10.44px;background:white;color:var(--ink);border:1px solid var(--border);border-radius:11.31px;font-size:14px}
.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.96px}.language-actions button{min-width:95.7px;font-size:14px}
.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:24.36px;row-gap:6.96px}.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:14px}
[dir=rtl] .top-nav{margin-left:0;margin-right:26.1px}[dir=rtl] .lesson-picker:before{left:auto;right:17.4px}[dir=rtl] .lesson-picker:after{right:auto;left:19.14px}
[dir=rtl] .lesson-picker select{padding-left:41.76px;padding-right:55.68px}[dir=rtl] .grammar-section[data-step]{padding-left:0;padding-right:41.76px}
[dir=rtl] .grammar-section[data-step]::before{left:auto;right:0}[dir=rtl] .grammar .grammar-note{border-left:0;border-right:3px solid #65b394;padding-left:0;padding-right:13.92px}
[dir=rtl] .path-card{border-right:0;border-left:1px solid var(--border)}[dir=rtl] .path-card:last-child{border-left:0}
[dir=rtl] #how-dialog ol{padding-left:0;padding-right:20.01px}[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:760px){
 #language-dialog{padding:27.84px 15.66px 15.66px}.language-row{gap:10.44px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .language-row label{gap:6.96px;font-size:14px}.language-row select{padding:10.44px 6.09px;font-size:14px}
 .language-row label svg{width:18.27px;height:18.27px}.top-nav{column-gap:17.4px}.tabs{padding-inline:6.96px}.tabs button{font-size:14px}
 [dir=rtl] .top-nav{margin:0}[dir=rtl] .grammar-section[data-step]{padding-right:34.8px}[dir=rtl] .path-card{border:0}
}

#news-dialog{max-width:610px;max-height:85dvh;overflow:auto;text-align:start}#news-title{padding-inline-end:26.1px}.news-list{list-style:none;margin:0;padding:0}.news-list li{font-size:14px;line-height:1.65;padding:15.66px 0;border-top:1px 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:760px){#news-dialog{padding:20.88px}.top-nav{row-gap:10.44px}}

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