/* 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: 761px) {
: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:11.543px/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.4735px solid #299782;outline-offset:3.298px}header{max-width:1022.38px;margin:0 auto;padding:15.78093px 11.47704px 14.3463px;display:flex;align-items:center;justify-content:space-between;border-bottom:0.8245px solid var(--border);gap:17.21556px}.brand{font-size:26.54065px;line-height:1;font-weight:750;color:#006052;letter-spacing:-1.3192px;text-decoration:none}.language{font-size:11.543px;border:0.8245px solid var(--border);padding:7.17315px 12.19435px;border-radius:9.32509px;background:white}.layout{max-width:1022.38px;margin:auto;padding:18.65019px 11.47704px 0}main{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);column-gap:43.0389px;row-gap:18.65019px;align-items:start}.intro{padding-top:0;position:sticky;top:21.51945px}.lesson-picker{display:block;position:relative}.lesson-picker:before{content:'▤';position:absolute;left:14.3463px;top:8.60778px;font-size:19.3675px;color:#8587bd;pointer-events:none}.lesson-picker select{width:100%;appearance:none;border:0.8245px solid var(--border);color:var(--ink);border-radius:9.32509px;background:#fff;padding:11.47704px 34.43112px 11.47704px 45.90816px;font-size:16.49825px;line-height:1.4;font-weight:600;cursor:pointer}.lesson-picker:after{content:'⌄';position:absolute;right:15.78093px;top:7.89046px;color:#777eb0;font-size:18.65019px;pointer-events:none}.lesson-heading p{font-size:13.62898px;color:#6069a4;line-height:1.65;margin:20.08482px 0 0}.tabs{display:flex;gap:6.45583px;margin-top:27.25797px}.tabs button{display:flex;align-items:center;justify-content:center;gap:7.17315px;flex:1;padding:10.04241px 8.60778px;border-radius:28.6926px;border:0.8245px solid #dfe2f1;background:transparent;color:var(--ink);font-size:11.543px;white-space:nowrap}.tabs button span{font-size:17.93287px;line-height:1}.tabs button[data-mode=listen] span{font-size:12.91167px}.tabs button[aria-selected=true]{background:var(--green);border-color:var(--green);color:white;box-shadow:0 2.4735px 7.4205px #00625210}.tabs button:hover{border-color:#8aa99f}.intro-note{font-size:11.543px;color:var(--muted);line-height:1.6;margin-top:16.49825px}.workspace{background:white;border-radius:12.91167px;padding:15.06362px 16.49825px 9.32509px;box-shadow:0 4.947px 37.927px #202c5810;border:0.8245px solid #fafafd}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10.75972px;margin-bottom:10.75972px}.panel-head h2{font-size:15.78093px;font-weight:600;margin:0;letter-spacing:-0.3298px}.eyebrow{font-size:11.543px;letter-spacing:0.8245px;color:var(--muted)}#mode-label{display:none}.translation{display:flex;align-items:center;gap:7.17315px;white-space:nowrap;font-size:11.543px;color:#626a9c}.translation input{appearance:none;cursor:pointer;width:27.25797px;height:16.49825px;margin:0;background:#dfe1ed;border-radius:14.3463px;position:relative;flex-shrink:0;transition:background .15s}.translation input:before{content:'';position:absolute;top:2.15194px;left:2.15194px;width:12.19435px;height:12.19435px;border-radius:50%;background:white;box-shadow:0 0.8245px 2.4735px #0001;transition:transform .15s}.translation input:checked{background:var(--green)}.translation input:checked:before{transform:translateX(10.75972px)}.player{border-radius:8.60778px;background:var(--surface);padding:7.89046px 10.04241px;display:flex;justify-content:space-between;align-items:center;gap:10.75972px;margin-bottom:4.30389px}.primary{border:0;border-radius:21.51945px;color:white;background:var(--green);padding:8.60778px 13.62898px;font-size:11.543px}#play{font-size:0;width:37.30038px;height:37.30038px;border-radius:50%;padding:0;flex-shrink:0}#play:before{content:'▶';font-size:16.49825px;margin-left:2.86926px}#play.is-playing:before{content:'■';font-size:15.06362px;margin-left:0}.player-caption{display:none}.speed-label{display:grid;color:#737cae;font-size:11.543px;line-height:1.4}select{font:inherit}.speed-label select{background:transparent;border:0;color:var(--ink);padding:2.15194px 0;font-size:12.19435px}.dialogue{padding:0 1.43463px}.line{display:grid;grid-template-columns:28.6926px minmax(0,1fr) 22.95408px;gap:10.75972px;align-items:center;padding:8.60778px 2.15194px;border-bottom:0.8245px solid #eceef6;border-radius:3.58657px}.line:last-child{border-bottom:0}.avatar{width:27.97528px;height:27.97528px;display:grid;place-items:center;border-radius:50%;background:#f0edeb;color:#856c51;font-size:12.91167px}.avatar[data-speaker=A]{background:#ffedde;color:#a56930}.spanish{font-size:12.91167px;line-height:1.4;letter-spacing:-0.20613px}.russian{font-size:11.543px;color:var(--muted);line-height:1.4}.sound{width:22.95408px;height:22.95408px;border:0;background:transparent;color:#7e85b9;font-size:17.93287px;padding:0;border-radius:50%}.sound:hover{background:#f0f3fa;color:var(--green)}.line.active{background:#f0f4fc;box-shadow:inset 2.4735px 0 #8d94c1}.line.your-turn{background:#edf7f2;box-shadow:inset 2.4735px 0 var(--green)}.hide-translations .russian{display:none}.lesson-navigation{display:flex;justify-content:space-between;gap:15.78093px;margin:14.3463px 7.17315px 0}.secondary,.lesson-navigation .primary{border:0.8245px solid #e0e4f1;border-radius:9.32509px;background:white;color:var(--ink);padding:9.32509px 10.75972px;font-size:11.543px}.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.8245px solid var(--border);padding-top:16.49825px;gap:15.78093px;margin-top:0}.path-card{display:flex;align-items:flex-start;gap:12.19435px;padding:0 14.3463px;border-right:0.8245px solid var(--border)}.path-card:first-child{padding-left:7.17315px}.path-card:last-child{border:0}.path-number{background:#e2f5ed;color:#056554;border-radius:9.32509px;min-width:38.73501px;height:38.73501px;display:grid;place-items:center;font-size:21.51945px}.path-card:nth-child(2) .path-number{background:#fff0e7;color:#a36935}.path-card strong{font-size:12.19435px;font-weight:600}.path-card p{color:var(--muted);font-size:11.543px;line-height:1.4;margin:2.15194px 0}footer{grid-column:1/-1;display:flex;justify-content:space-between;color:#999fbd;font-size:11.543px;padding:0 7.17315px 12.91167px}#status{font-size:11.543px;color:#646d99;margin:7.17315px 0}#status:empty{display:none}.practice-card{background:#f7f8fc;border-radius:9.32509px;padding:10.75972px;margin-bottom:8.60778px}.practice-top{display:flex;justify-content:space-between;gap:8.60778px;font-size:11.543px;color:#7b84a4;margin-bottom:5.73852px}.cue{font-size:15.78093px;margin:4.30389px 0;line-height:1.4}.voice-state{padding:5.73852px 8.60778px;border-radius:6.45583px;font-size:11.543px;margin:7.17315px 0 3.58657px;background:#e9edf5}.voice-state[data-phase=listening]{background:#e5f3ec;color:#16644d}.voice-state[data-phase=error]{background:#fff0dc;color:#7c5830}.transcript{font-size:12.19435px;overflow-wrap:anywhere}.feedback{color:#637292;font-size:11.543px;margin-top:5.73852px}.transcript:empty,.feedback:empty{display:none}.session-controls{margin-top:6.45583px}.session-controls button{padding:5.02121px 10.04241px;font-size:11.543px}.practice-note{font-size:11.543px;color:#8c94ac;line-height:1.5;margin:5.73852px 0 0}.hint{font-size:11.543px;color:#7d86a7}.practice-card h2{font-size:15.78093px;margin:3.58657px 0}.practice-card p{font-size:11.543px}progress{display:block;width:100%;height:2.86926px;accent-color:var(--green);margin-top:8.60778px}.sr-only{position:absolute;width:0.8245px;height:0.8245px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}@media(max-width:1080px){header,.layout{margin-left:14.3463px;margin-right:14.3463px}main{column-gap:21.51945px}.tabs{gap:4.30389px}.tabs button{font-size:11.543px;padding:9.32509px 6.45583px;gap:4.30389px}.lesson-heading p{font-size:12.19435px}.workspace{padding:12.91167px 12.19435px 8.60778px}.panel-head h2{font-size:14.3463px}.translation{font-size:11.543px;gap:4.30389px}.line{gap:7.17315px}.lesson-navigation{gap:8.60778px;margin-left:0;margin-right:0}.lesson-navigation button{padding:8.60778px 5.73852px;font-size:11.543px}.path-card{padding:0 7.17315px;gap:7.17315px}}@media(max-width:760px){header{margin:0 12.91167px;padding:14.3463px 1.43463px 12.91167px}.brand{font-size:22.23676px}.language{font-size:11.543px;padding:5.73852px 8.60778px}.layout{margin:0;padding:12.91167px}main{display:block}.intro{position:static;padding:0}.lesson-picker select{font-size:15.06362px;padding-top:8.60778px;padding-bottom:8.60778px}.lesson-picker:before{top:6.45583px}.lesson-picker:after{top:5.73852px}.lesson-heading p{margin-top:12.91167px;font-size:11.543px;line-height:1.6}.tabs{margin-top:15.78093px;gap:5.02121px}.tabs button{font-size:11.543px;padding:9.32509px 5.73852px;gap:5.02121px}.tabs button span{font-size:15.78093px}.intro-note{font-size:11.543px;margin:12.91167px 0 15.78093px}.workspace{padding:12.91167px 10.04241px 7.17315px;border-radius:11.47704px}.panel-head h2{font-size:14.3463px}.translation{font-size:11.543px}.translation input{width:24.38871px;height:15.06362px}.translation input:before{width:10.75972px;height:10.75972px}.translation input:checked:before{transform:translateX(9.32509px)}.line{grid-template-columns:24.38871px minmax(0,1fr) 20.08482px;gap:7.89046px;padding:7.89046px 0}.avatar{width:24.38871px;height:24.38871px;font-size:11.543px}.spanish{font-size:12.19435px}.russian{font-size:11.543px}.lesson-navigation{gap:7.17315px;margin-top:12.19435px}.lesson-navigation button{font-size:11.543px;padding:8.60778px 4.30389px}.learning-path{grid-template-columns:1fr;gap:14.3463px;margin-top:20.08482px;padding-top:17.21556px}.path-card,.path-card:first-child{padding:0;border:0;gap:12.19435px}.path-card p br{display:none}.path-number{min-width:34.43112px;height:34.43112px}footer{margin-top:17.93287px;padding:0 0 7.17315px;font-size:11.543px;gap:10.75972px}.cue{font-size:14.3463px}.practice-top{font-size:11.543px}.voice-state{font-size:11.543px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.translation input,.translation input:before{transition:none}}

.tabs svg{display:block;width:16.49825px;height:16.49825px}.path-number svg{width:20.80213px;height:20.80213px}

.top-nav{display:flex;align-items:center;gap:27.25797px;flex:1;margin-left:21.51945px}.top-nav a,.top-nav button{color:#4e59a0;font-size:12.19435px;text-decoration:none;background:none;border:0;padding:3.58657px 0;cursor:pointer}.top-nav a:hover,.top-nav button:hover{color:var(--green)}.language{display:flex;align-items:center;gap:6.45583px}.language select{border:0;background:transparent;color:var(--ink);font-size:11.543px;max-width:131.92px;padding-right:2.15194px;cursor:pointer}dialog{max-width:412.25px;width:calc(100% - 25.82334px);border:0.8245px solid var(--border);border-radius:14.3463px;padding:21.51945px;color:var(--ink);box-shadow:0 16.49px 74.205px #1113}dialog::backdrop{background:#16233366}dialog h2{margin:0 0 12.91167px}dialog p{color:#636d9d}#about-close{float:right;font-size:15.78093px;padding:0 8.60778px;margin:-7.17315px -7.17315px 7.17315px 7.17315px}#how-it-works{scroll-margin-top:20.6125px}@media(max-width:760px){header{flex-wrap:wrap;gap:11.47704px}.top-nav{order:3;flex-basis:100%;margin:0;gap:17.93287px}.top-nav a,.top-nav button{font-size:11.543px}.language select{font-size:11.543px}.brand{font-size:23.6714px}}

.layout{padding-bottom:17.93287px}.dialog-close{float:right;font-size:15.78093px;padding:0 8.60778px;margin:-7.17315px -7.17315px 7.17315px 7.17315px}#how-dialog{max-width:502.945px;max-height:85vh;overflow:auto}#how-dialog ol{padding-left:16.49825px;color:#636d9d}#how-dialog li{margin-bottom:10.04241px}#how-dialog strong{color:var(--ink)}

.dialogue-section{font-size:0.72149rem;color:var(--muted,#7274a6);margin:14.3463px 0 4.30389px;font-weight:600}.dialogue-section:first-child{margin-top:10.04241px}

/* Optical centering with the visible letterforms of the Lexio wordmark. */
header .top-nav,header .language{position:relative;top:2.15194px}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:11.543px;line-height:1.65;color:#636d9d;margin:0 0 12.91167px}.listening-dialogue .line{grid-template-columns:28.6926px minmax(0,1fr)}.grammar{font-size:11.543px;line-height:1.7;overflow-wrap:anywhere}.grammar-section{padding:14.3463px 0;border-top:0.8245px solid var(--border)}.grammar-section:first-child{padding-top:0;border-top:0}.grammar h3{font-size:12.91167px;line-height:1.5;margin:0 0 10.04241px;font-weight:650}.grammar p{margin:8.60778px 0;color:#626a9c}.grammar strong{color:var(--ink);font-weight:600}.grammar blockquote{margin:0;padding:10.75972px 12.91167px;background:var(--surface);border-left:2.4735px solid var(--green);border-radius:0 7.17315px 7.17315px 0;line-height:1.9}.tabs button{min-width:0}@media(max-width:760px){.listening-dialogue .line{grid-template-columns:24.38871px minmax(0,1fr)}.tabs button{gap:3.58657px;padding-left:4.30389px;padding-right:4.30389px}.tabs svg{width:13.62898px;height:13.62898px}}

.listening-dialogue .line{grid-template-columns:minmax(0,1fr)}.review-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7.17315px;margin:17.21556px 0 4.30389px}.review-heading .dialogue-section{margin:0}.review-heading .secondary{padding:6.45583px 10.04241px}#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.8245px solid var(--border);border-radius:11.47704px;box-shadow:0 6.596px 24.735px #202c5805}
header{max-width:1022.38px;width:calc(100% - 34.43112px);margin:14.3463px auto 0;padding:14.3463px 20.08482px}
.layout{max-width:1061.956px;padding:12.91167px 17.21556px 17.21556px}
main{grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);column-gap:11.47704px;row-gap:11.47704px;align-items:stretch}
.intro{grid-column:1;grid-row:1;position:static;padding:17.21556px 20.08482px;min-width:0}
.lesson-surface{display:contents}
.workspace{grid-column:2;grid-row:1;padding:17.21556px 20.08482px 11.47704px;min-width:0}
.lesson-heading p{margin:14.3463px 0 0;padding:14.3463px;background:#f3f9f8;border-radius:8.60778px;color:var(--ink);font-size:12.91167px;line-height:1.6}
.tabs{margin-top:12.91167px;padding:11.47704px;border:0.8245px solid var(--border);border-radius:8.60778px;gap:6.45583px}
.tabs button{padding:10.04241px 5.73852px;font-size:11.543px}
.tabs button[aria-selected=true]{outline:1.649px solid #299782;outline-offset:3.298px;box-shadow:none}
.lesson-navigation{grid-column:2;grid-row:2;margin:0;gap:10.04241px}
.learning-path{grid-column:1/-1;grid-row:3;margin:0;padding:15.78093px 20.08482px;gap:15.78093px}
.path-card,.path-card:first-child{padding-left:0}
@media(max-width:1080px){
 header{margin:12.91167px auto 0;padding:14.3463px 15.78093px}.layout{margin:0 auto;padding:12.91167px 17.21556px 17.21556px}
 .intro,.workspace{padding:14.3463px}.tabs{padding:9.32509px 7.17315px;gap:5.73852px}.tabs button{font-size:11.543px;padding:9.32509px 3.58657px}
 .lesson-heading p{font-size:12.19435px;padding:11.47704px}.learning-path{padding:15.78093px 14.3463px;gap:11.47704px}
}
@media(max-width:760px){
 header{width:calc(100% - 22.95408px);margin:11.47704px auto 0;padding:14.3463px}
 .layout{padding:11.47704px}main{display:block}.intro{padding:14.3463px;margin-bottom:11.47704px}
 .workspace{padding:14.3463px 11.47704px 8.60778px}.lesson-heading p{margin-top:11.47704px;font-size:11.543px}
 .tabs{margin-top:12.91167px;padding:9.32509px 7.17315px}.tabs button{font-size:11.543px}
 .lesson-navigation{margin:11.47704px 0}.learning-path{display:grid;padding:15.78093px 14.3463px;margin-top:11.47704px;gap:14.3463px}
}

/* Quiet active tabs and the lesson-reference palette. */
.tabs button[aria-selected=true]{outline:none;box-shadow:none}
.tabs button:focus-visible{outline:2.4735px solid #299782;outline-offset:3.298px}
.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:25.82334px;height:25.82334px}
.learning-dialogue .avatar[data-speaker=A]~.sound{color:#a9cbbf}
.learning-dialogue .sound svg{width:17.93287px;height:17.93287px}
.learning-dialogue .sound:hover{background:#edf5f1;color:#006252}
.learning-dialogue .line.active{background:#f0f7f3;box-shadow:inset 2.4735px 0 #93baac}
.grammar-section{position:relative;padding:18.65019px 0 18.65019px 34.43112px}
.grammar-section:first-child{padding-top:2.86926px}
.grammar-section[data-step]::before{content:attr(data-step);position:absolute;left:0;top:18.65019px;width:22.95408px;height:22.95408px;border-radius:50%;display:grid;place-items:center;background:#f3f4f9;color:#626a9c;font-size:11.543px}
.grammar-section[data-step]:first-child::before{top:2.86926px}
.grammar-section:not([data-step]){padding-left:0}
.grammar h3{font-size:13.62898px;line-height:1.5;margin:0 0 11.47704px;font-weight:650}
.grammar p{margin:10.04241px 0;color:#7c83a2;line-height:1.7}
.grammar strong{color:var(--ink);font-weight:650}
.grammar-example-group,.grammar blockquote{margin:11.47704px 0;padding:11.47704px 14.3463px;background:#f5f6fb;border:0;border-radius:8.60778px;color:#7c83a2}
.grammar-example-group p{margin:0;line-height:1.8}
.grammar-example-group p+p{margin-top:2.86926px}
.grammar .grammar-note{border-left:2.4735px solid #65b394;padding:2.86926px 0 2.86926px 11.47704px;margin-top:12.91167px}
@media(max-width:760px){.grammar-section{padding-left:28.6926px}.grammar h3{font-size:12.91167px}.grammar-example-group,.grammar blockquote{padding:10.04241px}.grammar-section[data-step]::before{width:20.80213px;height:20.80213px}}

/* Language preferences reuse the existing surfaces and controls. */
#language-open{color:var(--ink);white-space:nowrap;gap:6.45583px;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:351.48435px;max-width:calc(100vw - 19.788px);max-height:calc(100dvh - 19.788px);overflow:auto;padding:25.82334px 17.21556px 14.3463px;box-shadow:0 9.894px 32.98px #202c5820;border-radius:12.91167px}
#language-dialog::backdrop{background:transparent}
#language-close{position:absolute;inset-inline-end:6.45583px;top:3.58657px;width:22.95408px;height:22.95408px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:17.93287px}
.language-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:14.3463px;margin:5.73852px 0 12.91167px}
.language-row label{display:flex;align-items:center;gap:8.60778px;font-weight:600;line-height:1.4}
.language-row label svg{width:17.93287px;height:17.93287px;flex-shrink:0}
.language-row select{width:100%;min-width:0;padding:9.32509px 8.60778px;background:white;color:var(--ink);border:0.8245px solid var(--border);border-radius:9.32509px;font-size:11.543px}
.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:5.73852px}.language-actions button{min-width:78.90465px;font-size:11.543px}
.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:20.08482px;row-gap:5.73852px}.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:11.543px}
[dir=rtl] .top-nav{margin-left:0;margin-right:21.51945px}[dir=rtl] .lesson-picker:before{left:auto;right:14.3463px}[dir=rtl] .lesson-picker:after{right:auto;left:15.78093px}
[dir=rtl] .lesson-picker select{padding-left:34.43112px;padding-right:45.90816px}[dir=rtl] .grammar-section[data-step]{padding-left:0;padding-right:34.43112px}
[dir=rtl] .grammar-section[data-step]::before{left:auto;right:0}[dir=rtl] .grammar .grammar-note{border-left:0;border-right:2.4735px solid #65b394;padding-left:0;padding-right:11.47704px}
[dir=rtl] .path-card{border-right:0;border-left:0.8245px solid var(--border)}[dir=rtl] .path-card:last-child{border-left:0}
[dir=rtl] #how-dialog ol{padding-left:0;padding-right:16.49825px}[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:22.95408px 12.91167px 12.91167px}.language-row{gap:8.60778px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .language-row label{gap:5.73852px;font-size:11.543px}.language-row select{padding:8.60778px 5.02121px;font-size:11.543px}
 .language-row label svg{width:15.06362px;height:15.06362px}.top-nav{column-gap:14.3463px}.tabs{padding-inline:5.73852px}.tabs button{font-size:11.543px}
 [dir=rtl] .top-nav{margin:0}[dir=rtl] .grammar-section[data-step]{padding-right:28.6926px}[dir=rtl] .path-card{border:0}
}

#news-dialog{max-width:502.945px;max-height:85dvh;overflow:auto;text-align:start}#news-title{padding-inline-end:21.51945px}.news-list{list-style:none;margin:0;padding:0}.news-list li{font-size:11.543px;line-height:1.65;padding:12.91167px 0;border-top:0.8245px 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:17.21556px}.top-nav{row-gap:8.60778px}}

.learning-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8.60778px 12.91167px;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 6.596px 23.086px #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:1121.32px;width:calc(100% - 45.90816px);margin:20.08482px auto 21.51945px;padding:0;min-height:45.90816px;background:transparent;border:0;border-radius:0;box-shadow:none;gap:22.95408px}
.brand{display:flex;align-items:center;gap:11.47704px;color:#10132c;font:700 2.15194rem/1 Georgia,'Times New Roman',serif;letter-spacing:-1.4841px;flex-shrink:0}.brand svg{width:43.0389px;height:37.30038px}
header .top-nav,header .language{top:0}.top-nav{justify-content:center;margin:0;gap:27.25797px}.top-nav button{font-size:0.80714rem;color:var(--ink);padding:7.17315px 0}.top-nav button:hover{color:#626d48}
.language{background:#fffffff2;border:0.8245px solid var(--border);border-radius:12.19435px;box-shadow:0 2.4735px 8.245px #25352006;padding:8.60778px 12.91167px;font-size:0.80714rem}#language-open>svg{display:none}#language-pair{font-weight:400;letter-spacing:0.1649px}
.layout{max-width:1174.088px;padding:0 22.95408px 17.21556px;margin:0 auto}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:18.65019px;align-items:stretch}.lesson-surface{display:contents}
.intro,.workspace{padding:21.51945px;background:#fffffff0;border:0.8245px solid var(--border);border-radius:18.65019px;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:58.81983px}.lesson-picker:before{display:none}.lesson-picker:after{inset-inline-end:7.17315px;inset-inline-start:auto;top:12.19435px;color:var(--ink)}.lesson-icon{position:absolute;inset-inline-start:0;top:0;width:58.81983px;height:58.81983px;display:grid;place-items:center;background:var(--mint);color:#79875f;border-radius:13.62898px;pointer-events:none}.lesson-icon svg{width:33.71381px;height:33.71381px}.lesson-picker select{min-height:58.81983px;border:0;background:transparent;padding:3.58657px 25.82334px 3.58657px 74.60076px;font:700 2.08026rem/1.4 Georgia,'Times New Roman',serif;color:var(--ink);border-radius:8.60778px}
.lesson-heading p{padding:18.65019px 21.51945px;margin:20.08482px 0 0;border-radius:14.3463px;background:var(--surface);font-size:1.18321rem;line-height:1.45;color:#2d3042}
.section-label{font-size:0.72149rem;font-weight:400;line-height:1.4;text-transform:uppercase;margin:21.51945px 0 10.04241px}.tabs{padding:0;margin:0;border:0;border-radius:0;gap:8.60778px;display:grid;grid-template-columns:1fr 1fr 1.2fr}.tabs button{background:transparent;border:0.8245px solid var(--border);border-radius:9.32509px;padding:11.47704px 5.73852px;font-size:0.80714rem;min-height:45.90816px;line-height:1.3;gap:7.17315px;overflow-wrap:normal}.tabs button svg{width:20.08482px;height:20.08482px;flex-shrink:0}.tabs button[aria-selected=true]{background:#95977d;color:#fff;border-color:#95977d;outline:0;box-shadow:0 1.649px 3.298px #27351b0b}.tabs+section{margin-top:21.51945px;padding-top:0;border-top:0.8245px solid var(--border)}.tabs+section .section-label{margin-top:18.65019px}.keywords{display:flex;flex-wrap:wrap;gap:7.17315px}.keyword{border:0;background:#eaece5;border-radius:22.95408px;padding:6.45583px 15.78093px;font-size:0.80714rem;direction:ltr;unicode-bidi:isolate;max-width:100%;overflow-wrap:anywhere}
.panel-head{display:grid;grid-template-columns:50.21205px minmax(0,1fr) auto;align-items:center;gap:12.91167px;margin-bottom:14.3463px}.mode-icon{width:50.21205px;height:50.21205px;background:#f0f2eb;color:#7b8861;border-radius:12.91167px;display:grid;place-items:center}.mode-icon svg{width:28.6926px;height:28.6926px}.panel-head h2{font-size:1.43463rem;font-weight:600;letter-spacing:-0.57715px;line-height:1.2;margin:0;overflow-wrap:normal}.learning-controls{gap:7.17315px;margin:0;align-self:center;justify-content:flex-end}.translation{font-size:0.72149rem;color:#34364b;flex-direction:row-reverse;gap:6.45583px;white-space:normal}.translation input{width:32.99649px;height:20.08482px;background:#d7dacf}.translation input:before{width:15.78093px;height:15.78093px;top:2.15194px;left:2.15194px}.translation input:checked{background:#a0a38a}.translation input:checked:before{transform:translateX(12.91167px)}
.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:50.21205px minmax(0,1fr)}
.player{border:0.8245px solid var(--border);background:transparent;border-radius:10.75972px;padding:7.17315px 10.04241px;gap:10.04241px;margin:0 0 12.91167px}#play{width:41.60427px;height:41.60427px;background:#969b7c}#play:hover{background:#79805f}.player-caption{display:none}.player-progress{flex:1;min-width:17.21556px;display:flex;flex-direction:column;gap:3.58657px}.player-progress progress{width:100%;margin:0;height:5.02121px;appearance:none;overflow:hidden;border:0;border-radius:14.3463px;background:#e7e9e2}.player-progress progress::-webkit-progress-bar{background:#e7e9e2}.player-progress progress::-webkit-progress-value{background:#83916c;border-radius:14.3463px}.player-progress progress::-moz-progress-bar{background:#83916c}.player-progress output{font-size:0.72149rem;color:var(--muted);line-height:1.2;text-align:end}.player-progress output:empty{display:none}.speed-label{display:flex;align-items:center;gap:8.60778px;font-size:0.72149rem;color:var(--ink)}.speed-label select{border:0.8245px solid var(--border);border-radius:7.17315px;background:transparent;padding:7.17315px;font-size:0.72149rem;min-width:47.34279px}
.dialogue{padding:0}.listening-dialogue .line{border:0;border-radius:5.73852px;padding:2.86926px 12.91167px;min-height:0}.spanish{font-size:1.00424rem;line-height:1.35;color:#1c2034;letter-spacing:-0.24735px}.russian{font-size:0.80714rem;line-height:1.35;color:#7384a2;margin-top:1.43463px}.line.active,.learning-dialogue .line.active{background:var(--mint);box-shadow:inset 2.4735px 0 #8f9e76}.learning-dialogue .line{grid-template-columns:25.82334px minmax(0,1fr) 31.56186px;padding:11.47704px 1.43463px;gap:8.60778px;border-color:var(--border)}.learning-dialogue .sound{width:31.56186px;height:31.56186px;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.72149rem;color:#59634f;background:var(--surface);border-radius:8.60778px;padding:12.91167px}.dialogue-section{color:#59684a}.review-heading{margin-top:18.65019px;padding-top:12.91167px;border-top:0.8245px solid var(--border)}
.lesson-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:center;margin:0;gap:11.47704px}.lesson-navigation button{flex:0 1 247.35px;min-width:0;border-radius:10.04241px;font-size:0.80714rem;padding:12.19435px 14.3463px;min-height:45.90816px;display:flex;justify-content:center;align-items:center;gap:14.3463px;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.25489rem}.primary{background:#858d6a;border-radius:8.60778px;font-size:0.72149rem}.primary:hover{background:#707a55}.secondary{border-color:var(--border);border-radius:8.60778px;font-size:0.72149rem}.secondary:hover{background:#e9ede2}
.grammar-section{padding-block:16.49825px}.grammar h3{font-size:0.86078rem;line-height:1.5}.grammar p{font-size:0.72149rem;color:#56604f}.grammar-section[data-step]:before{background:var(--mint);color:#626e4d}.grammar-example-group,.grammar blockquote{background:var(--surface);color:#56604f;border-radius:10.04241px}.grammar .grammar-note{border-color:#88976e}
dialog{background:#fffffc;border:0.8245px solid var(--border);border-radius:16.49825px;box-shadow:0 16.49px 65.96px #26312533;padding:21.51945px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#26312555;backdrop-filter:blur(3.298px)}dialog h2{font-size:1.18321rem;line-height:1.3;padding-inline-end:25.82334px}dialog p,#how-dialog ol,.news-list li{color:#56604f;font-size:0.72149rem;line-height:1.7}.dialog-close,#about-close,#language-close{width:28.6926px;height:28.6926px;display:grid;place-items:center;border-radius:7.17315px;background:var(--surface);color:#626e4d;padding:0;border:0}#language-dialog{border-radius:14.3463px}#status{font-size:0.72149rem;color:#59684a}.news-list li:first-child{color:#65714e}
:focus-visible{outline:2.4735px solid #667a50!important;outline-offset:3.298px!important}
[dir=rtl] .top-nav{margin:0}[dir=rtl] .lesson-picker select{padding:3.58657px 74.60076px 3.58657px 25.82334px}[dir=rtl] .lesson-picker:after{left:7.17315px;right:auto}[dir=rtl] .translation input:before{left:2.15194px}[dir=rtl] .line.active{box-shadow:inset -2.4735px 0 #8f9e76}
@media(min-width:1305px){header{margin-top:27.25797px;margin-bottom:25.82334px}.intro,.workspace{padding:21.51945px}.listening-dialogue .line{padding-block:3.58657px}.intro,.workspace{min-height:516.4668px}}
@media(max-width:1250px){header{gap:17.21556px}.top-nav{gap:17.21556px}.intro,.workspace{padding:17.21556px}.panel-head{grid-template-columns:38.73501px minmax(0,1fr);gap:8.60778px}.mode-icon{width:38.73501px;height:38.73501px}.mode-icon svg{width:24.38871px;height:24.38871px}.panel-head h2{font-size:1.1477rem}.learning-controls{grid-column:2/-1;justify-content:flex-start}.workspace[data-mode=grammar] .panel-head{grid-template-columns:38.73501px minmax(0,1fr)}.lesson-picker select{font-size:1.68605rem;padding-inline-start:64.55835px}.lesson-icon{width:50.21205px;height:50.21205px}.lesson-picker{min-height:50.21205px}.lesson-picker select{min-height:50.21205px}.lesson-heading p{font-size:1.00424rem;padding:17.21556px}.tabs button{font-size:0.72149rem;gap:5.02121px}.tabs button svg{width:16.49825px;height:16.49825px}.keyword{font-size:0.72149rem;padding-inline:12.91167px}.speed-label>span{display:none}}
@media(max-width:900px){header{width:calc(100% - 28.6926px);margin:17.21556px auto;gap:12.91167px;flex-wrap:wrap}.brand{font-size:1.86502rem}.brand svg{width:34.43112px;height:31.56186px}.language{margin-inline-start:auto}.top-nav{order:3;flex-basis:100%;justify-content:space-between;gap:8.60778px}.top-nav button{font-size:0.72149rem}.layout{padding:0 14.3463px 14.3463px}main{display:flex;flex-direction:column;gap:14.3463px}.intro,.workspace{padding:17.21556px;min-height:0}.intro{margin:0}.lesson-heading p{font-size:0.93246rem;margin-top:14.3463px}.lesson-navigation{margin:0}.lesson-navigation button{flex:1;font-size:0.72149rem;padding:10.75972px 8.60778px;gap:7.17315px}.panel-head{grid-template-columns:38.73501px minmax(0,1fr) auto}.learning-controls{grid-column:auto}.panel-head h2{font-size:1.07592rem}.workspace[data-mode=learn] .learning-controls{grid-column:1/-1}.tabs+section{margin-top:17.21556px}.section-label{margin-top:17.21556px}.speed-label>span{display:inline}.spanish{font-size:0.89618rem}.russian{font-size:0.76184rem}}
@media(max-width:520px){header{width:calc(100% - 22.95408px);margin:14.3463px auto;gap:10.04241px}.brand{font-size:1.57809rem;gap:7.17315px}.brand svg{width:27.97528px;height:25.82334px}.language{padding:7.17315px 8.60778px;font-size:0.72149rem;border-radius:9.32509px}.top-nav{gap:8.60778px}.top-nav button{font-size:0.72149rem}.layout{padding:0 10.04241px 14.3463px}.intro,.workspace{padding:14.3463px;border-radius:14.3463px}.lesson-icon{width:41.60427px;height:41.60427px;border-radius:10.04241px}.lesson-icon svg{width:25.10602px;height:25.10602px}.lesson-picker,.lesson-picker select{min-height:41.60427px}.lesson-picker select{font-size:1.43463rem;padding-inline-start:54.51594px}.lesson-picker:after{top:5.02121px}.lesson-heading p{padding:14.3463px;font-size:0.86078rem}.tabs{gap:5.73852px;grid-template-columns:1fr 1fr 1.2fr}.tabs button{font-size:0.72149rem;flex-direction:column;gap:5.02121px;padding:8.60778px 2.86926px}.section-label{font-size:0.72149rem}.keyword{font-size:0.72149rem;padding:5.73852px 10.75972px}.panel-head{grid-template-columns:32.99649px minmax(0,1fr);gap:8.60778px}.mode-icon{width:32.99649px;height:32.99649px;border-radius:8.60778px}.mode-icon svg{width:21.51945px;height:21.51945px}.learning-controls{grid-column:2/-1;justify-content:flex-start}.panel-head h2{font-size:1.00424rem}.translation{font-size:0.72149rem}.workspace[data-mode=grammar] .panel-head{grid-template-columns:32.99649px minmax(0,1fr)}.player{gap:7.17315px;padding:7.17315px}#play{width:34.43112px;height:34.43112px}.speed-label>span{display:none}.speed-label select{min-width:44.47353px;padding:6.45583px 3.58657px}.listening-dialogue .line{padding:4.30389px 3.58657px}.lesson-navigation button{font-size:0.72149rem;gap:5.73852px;padding:9.32509px 6.45583px}.previous-arrow,.next-arrow{font-size:1.07592rem}.grammar-section[data-step]{padding-inline-start:28.6926px}.grammar h3{font-size:0.80714rem}dialog{padding:17.21556px}dialog h2{font-size:1.00424rem}.language-row{grid-template-columns:1fr;gap:5.73852px}[dir=rtl] .lesson-picker select{padding-inline-start:54.51594px;padding-inline-end:25.82334px}}
@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.43463rem}
.lesson-heading p{font-size:0.89618rem}
.panel-head h2{font-size:1.07592rem}
.spanish{font-size:0.86078rem}
.russian{font-size:0.72149rem}
@media(max-width:520px){.lesson-picker select{font-size:1.29117rem}.lesson-heading p{font-size:0.80714rem}.panel-head h2{font-size:0.93246rem}.spanish{font-size:0.80714rem}}

/* Reserve a separate close-button row without changing the language dialog layout. */
#language-dialog{padding-top:36.278px}
#language-dialog #language-close{position:absolute;top:6.596px;right:8.245px;left:auto;inset-inline-start:auto;inset-inline-end:8.245px;width:21.437px;height:21.437px;font-size:16.49px;line-height:1;margin:0;padding:0;border-radius:5.7715px}
#language-dialog[dir=rtl] #language-close{right:8.245px;left:auto;inset-inline-start:8.245px;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.8245px;background:#fff}
.lesson-navigation .primary,.lesson-navigation .secondary{background:#e7e9e0;color:#15172f;border:0.8245px 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:19.788px;height:19.788px;flex:0 0 19.788px;line-height:1}
.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{display:block;width:19.788px;height:19.788px}
@media(max-width:520px){.lesson-navigation .previous-arrow,.lesson-navigation .next-arrow{width:16.49px;height:16.49px;flex-basis:16.49px}.lesson-navigation .previous-arrow svg,.lesson-navigation .next-arrow svg{width:16.49px;height:16.49px}}

.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:11.47704px 20.08482px;max-width:1121.32px;width:calc(100% - 45.90816px);margin:0 auto;padding:15.78093px 0 21.51945px;border-top:0.8245px solid var(--border);font-size:0.72149rem;line-height:1.6;color:#657594}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:7.17315px 20.08482px}.footer-links a{text-decoration:none;color:inherit}.footer-links a:hover{text-decoration:underline;color:#5e7149}.footer-dialog{width:min(430.389px,calc(100vw - 22.95408px));padding:20.08482px;text-align:start}.footer-dialog .dialog-close{float:inline-end;margin:0 0 8.60778px 11.47704px}.footer-dialog p{clear:both}.contact-form{display:grid;gap:11.47704px;clear:both}.contact-form label{display:grid;gap:4.30389px;font-size:0.72149rem}.contact-form input,.contact-form textarea{width:100%;min-width:0;padding:8.60778px;border:0.8245px solid #cdd3c4;border-radius:7.17315px;font:inherit;background:white;color:var(--ink)}.contact-form textarea{resize:vertical;min-height:93.25095px}.contact-form button{justify-self:start;padding:8.60778px 17.21556px}.contact-status{margin:0;color:var(--muted);font-size:0.72149rem}.contact-form [name=email]{direction:ltr;text-align:start}.footer-dialog a{overflow-wrap:anywhere}[dir=rtl] .footer-dialog .dialog-close{margin:0 11.47704px 8.60778px 0}
@media(max-width:900px){.site-footer{width:calc(100% - 28.6926px)}.footer-links{gap:7.17315px 14.3463px}}
@media(max-width:520px){.site-footer{width:calc(100% - 22.95408px);padding-block:14.3463px}.footer-dialog{padding:15.78093px}.footer-links{gap:7.17315px 12.91167px}}

/* Design19: shared presentation for every lesson and mode. */
:root{--ink:#07185b;--muted:#7188ad;--green:#85936a;--border:#dce1e8;--surface:#edf3e8;--mint:#edf3e8;--shadow:0 9.894px 28.8575px #34452608}
body{background-color:#fcfbf7;color:var(--ink)}
header{max-width:1015.784px;width:calc(100% - 39.576px);min-height:36.278px;margin:11.543px auto 8.245px;gap:19.788px;padding:0 19.788px}
.brand{font-size:31.331px;letter-spacing:-1.23675px;color:var(--ink);gap:9.894px}.brand svg{width:32.98px;height:32.98px}.top-nav{gap:31.331px}.top-nav button{color:var(--ink);font-size:11.543px}.language{padding:6.596px 13.192px;border:0;border-radius:13.192px;font-size:13.192px}
.layout{max-width:1055.36px;padding:0 19.788px 24.735px;margin:0 auto}main{grid-template-columns:308.363px minmax(0,1fr);gap:19.788px 13.192px;align-items:start}.intro,.workspace{padding:19.788px;border:0;border-radius:18.139px;min-height:0;background:#fffffff5}.intro{align-self:start}.workspace{padding:16.49px 18.139px 19.788px}
.lesson-picker,.lesson-picker select{min-height:54.417px}.lesson-icon{width:56.066px;height:54.417px;border-radius:9.894px;background:#edf3e8}.lesson-icon svg{width:32.98px;height:32.98px}.lesson-picker select{font-size:24.735px;padding:3.298px 24.735px 3.298px 70.907px;color:var(--ink)}.lesson-picker:after{top:10.7185px;inset-inline-end:8.245px}.lesson-heading p{font-size:14.841px;line-height:1.35;margin:11.543px 0 0;padding:9.894px 19.788px;border-radius:9.0695px;background:#edf3e8;color:var(--ink)}
.section-label{font-size:13.192px;margin:18.139px 0 8.245px}.tabs{display:grid;grid-template-columns:1fr;gap:6.596px;padding:0;margin:0}.tabs button{justify-content:flex-start;min-height:46.172px;gap:18.139px;padding:9.894px 29.682px;font-size:14.841px;border-color:#d4dded;border-radius:8.245px;color:var(--ink)}.tabs button svg{width:21.437px;height:21.437px}.tabs button[aria-selected=true]{background:linear-gradient(115deg,#89976e,#808c65);border-color:#85936a;color:white}.tabs+section{margin-top:18.139px}.tabs+section .section-label{margin-top:18.139px}.keywords{gap:6.596px}.keyword{font-size:13.192px;padding:7.4205px 18.139px;background:#eeede6;color:var(--ink)}
.panel-head{grid-template-columns:51.119px minmax(0,1fr) auto;gap:16.49px;margin-bottom:11.543px}.mode-icon{width:51.119px;height:46.172px;border-radius:9.894px;background:#f4f4ee;color:#83936e}.mode-icon svg{width:28.033px;height:28.033px}.panel-head h2{font-size:19.788px;line-height:1.25;font-weight:600;color:var(--ink)}.learning-controls{grid-column:auto}.translation{font-size:13.192px;color:var(--ink);gap:9.894px}.translation input{width:42.874px;height:23.9105px}.translation input:before{width:18.9635px;height:18.9635px;top:2.4735px;left:2.4735px}.translation input:checked{background:#85936a}.translation input:checked:before{transform:translateX(18.9635px)}
.player{padding:6.596px 11.543px;border-radius:13.192px;gap:13.192px;margin-bottom:13.192px;min-height:56.066px}#play{width:42.874px;height:42.874px;background:linear-gradient(120deg,#8d9b77,#78865f)}.player-progress{flex-direction:row;align-items:center;gap:14.841px}.player-progress progress{height:4.947px;flex:1;min-width:19.788px;background:#e5e5e8}.player-progress progress::-webkit-progress-bar{background:#e5e5e8}.player-progress output{font-size:13.192px;white-space:nowrap;color:#6287c5}.speed-label{font-size:13.192px;gap:14.841px}.speed-label>span{display:inline}.speed-label select{font-size:13.192px;min-width:62.662px;padding:9.894px;border-color:#e5e5e8;border-radius:9.894px}
.listening-dialogue .line{padding:7.4205px 16.49px;min-height:65.96px}.spanish{font-size:19.788px;line-height:1.35;letter-spacing:-0.41225px;color:#151a39}.russian{font-size:17.3145px;line-height:1.35;color:var(--muted);margin-top:1.649px}.learning-dialogue .spanish{color:#151a39}.learning-dialogue .russian{color:var(--muted)}.learning-dialogue .line{padding:13.192px 3.298px}.learn-instruction,.grammar,.grammar p,dialog p,#how-dialog ol,.news-list li{font-size:13.192px;line-height:1.65}.grammar h3{font-size:16.49px}.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:13.192px;padding:0 8.245px}.lesson-navigation button{flex:1;min-height:46.172px;font-size:14.841px;padding:11.543px 14.841px;gap:16.49px}.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:1022.38px;width:calc(100% - 39.576px);padding:14.841px 0 24.735px;font-size:11.543px;color:#5b81b3;border-color:#dce1e8}.footer-links{gap:9.894px 26.384px}dialog{background:#fffffc;border-radius:18.139px}dialog h2{color:var(--ink);font-size:19.788px}.contact-form input,.contact-form textarea{font-size:13.192px}.primary{background:var(--green)}
[dir=rtl] .lesson-picker select{padding:3.298px 70.907px 3.298px 24.735px}
@media(max-width:1100px) and (min-width:761px){main{grid-template-columns:247.35px minmax(0,1fr)}.intro,.workspace{padding:16.49px}.lesson-heading p{padding:11.543px;font-size:13.192px}.tabs button{padding-inline:18.139px}.keyword{padding-inline:13.192px}.panel-head{grid-template-columns:39.576px minmax(0,1fr);gap:9.894px}.mode-icon{width:39.576px;height:39.576px}.learning-controls{grid-column:2}.panel-head h2{font-size:18.139px}.speed-label>span{display:none}.spanish{font-size:18.139px}.russian{font-size:15.6655px}}
@media(max-width:760px){header{width:calc(100% - 26.384px);margin:13.192px auto;padding:0;flex-wrap:wrap;gap:13.192px}.brand{font-size:26.384px}.brand svg{width:29.682px;height:29.682px}.top-nav{order:3;justify-content:space-between;gap:8.245px}.top-nav button{font-size:11.543px}.language{font-size:11.543px;padding:6.596px 9.894px}.layout{padding:0 13.192px 19.788px}main{display:flex;flex-direction:column;gap:13.192px}.intro,.workspace{width:100%;padding:16.49px;border-radius:16.49px;margin:0}.lesson-picker select{font-size:23.086px}.lesson-heading p{font-size:13.192px;padding:11.543px 13.192px}.tabs{grid-template-columns:1fr 1fr 1.2fr;gap:6.596px}.tabs button{font-size:11.543px;justify-content:center;flex-direction:column;gap:6.596px;padding:9.894px 3.298px}.section-label{font-size:11.543px}.keyword{font-size:11.543px;padding:6.596px 13.192px}.panel-head{grid-template-columns:36.278px minmax(0,1fr);gap:9.894px}.mode-icon{width:36.278px;height:36.278px}.mode-icon svg{width:23.086px;height:23.086px}.panel-head h2{font-size:18.139px}.learning-controls{grid-column:1/-1;justify-content:flex-start}.translation{font-size:11.543px}.player{gap:8.245px;padding:6.596px 8.245px}#play{width:36.278px;height:36.278px}.speed-label>span{display:none}.speed-label select{min-width:47.821px;padding:7.4205px 4.947px;font-size:11.543px}.player-progress{gap:4.947px;flex-direction:column;align-items:stretch}.player-progress output{font-size:11.543px}.spanish{font-size:17.3145px}.russian{font-size:14.841px}.listening-dialogue .line{padding:7.4205px 0;min-height:59.364px}.lesson-navigation{width:100%;padding:0;gap:8.245px}.lesson-navigation button{font-size:11.543px;gap:6.596px;padding:9.894px 6.596px}.site-footer{width:calc(100% - 26.384px);gap:11.543px}.footer-links{gap:9.894px 16.49px}.workspace[data-mode=grammar] .panel-head{grid-template-columns:36.278px minmax(0,1fr)}.grammar h3{font-size:14.841px}.language-row{grid-template-columns:1fr}.language-row select{font-size:13.192px}}
.lesson-navigation .primary,.lesson-navigation .secondary{font-size:14.841px;font-weight:400}
@media(max-width:760px){.lesson-navigation .primary,.lesson-navigation .secondary{font-size:11.543px}}

}

/* Final desktop tuning: menu type is 15% larger than the previous version. */
@media (min-width:761px){
 header{max-width:1015.784px;padding-inline:0;width:calc(100% - 39.576px)}
 header .top-nav button,header .top-nav a{font-size:13.685px}
 header .language{margin-inline-start:auto}
}
/* On shorter desktop screens, use the available height for the dialogue rhythm. */
@media (min-width: 901px) and (max-height: 900px){
 .listening-dialogue .line{min-height:clamp(0px,calc((100dvh - 385px)/8),65.96px);padding-block:0}
 .workspace[data-mode=listen]{padding-bottom:12px}
 .layout{padding-bottom:16px}
 .site-footer{padding-top:12px;padding-bottom:16px}
}
/* Readability adjustments confined to language choices and the footer. */
@media (min-width:761px){
 #language-dialog .language-row label span{font-size:1.13em}
 #language-dialog .language-row select option{font-size:13.04359px}
 #language-dialog .language-row label svg{width:19.367505px;height:19.367505px}
 .site-footer{font-size:13.15902px;line-height:18.4688px}
}