/* Design19: shared presentation for every lesson and mode. */
:root{--ink:#07185b;--muted:#7188ad;--green:#85936a;--border:#dce1e8;--surface:#edf3e8;--mint:#edf3e8;--shadow:0 12px 35px #34452608}
body{background-color:#fcfbf7;color:var(--ink)}
header{max-width:1232px;width:calc(100% - 48px);min-height:44px;margin:14px auto 10px;gap:24px;padding:0 24px}
.brand{font-size:38px;letter-spacing:-1.5px;color:var(--ink);gap:12px}.brand svg{width:40px;height:40px}.top-nav{gap:38px}.top-nav button{color:var(--ink);font-size:14px}.language{padding:8px 16px;border:0;border-radius:16px;font-size:16px}
.layout{max-width:1280px;padding:0 24px 30px;margin:0 auto}main{grid-template-columns:374px minmax(0,1fr);gap:24px 16px;align-items:start}.intro,.workspace{padding:24px;border:0;border-radius:22px;min-height:0;background:#fffffff5}.intro{align-self:start}.workspace{padding:20px 22px 24px}
.lesson-picker,.lesson-picker select{min-height:66px}.lesson-icon{width:68px;height:66px;border-radius:12px;background:#edf3e8}.lesson-icon svg{width:40px;height:40px}.lesson-picker select{font-size:30px;padding:4px 30px 4px 86px;color:var(--ink)}.lesson-picker:after{top:13px;inset-inline-end:10px}.lesson-heading p{font-size:18px;line-height:1.35;margin:14px 0 0;padding:12px 24px;border-radius:11px;background:#edf3e8;color:var(--ink)}
.section-label{font-size:16px;margin:22px 0 10px}.tabs{display:grid;grid-template-columns:1fr;gap:8px;padding:0;margin:0}.tabs button{justify-content:flex-start;min-height:56px;gap:22px;padding:12px 36px;font-size:18px;border-color:#d4dded;border-radius:10px;color:var(--ink)}.tabs button svg{width:26px;height:26px}.tabs button[aria-selected=true]{background:linear-gradient(115deg,#89976e,#808c65);border-color:#85936a;color:white}.tabs+section{margin-top:22px}.tabs+section .section-label{margin-top:22px}.keywords{gap:8px}.keyword{font-size:16px;padding:9px 22px;background:#eeede6;color:var(--ink)}
.panel-head{grid-template-columns:62px minmax(0,1fr) auto;gap:20px;margin-bottom:14px}.mode-icon{width:62px;height:56px;border-radius:12px;background:#f4f4ee;color:#83936e}.mode-icon svg{width:34px;height:34px}.panel-head h2{font-size:24px;line-height:1.25;font-weight:600;color:var(--ink)}.learning-controls{grid-column:auto}.translation{font-size:16px;color:var(--ink);gap:12px}.translation input{width:52px;height:29px}.translation input:before{width:23px;height:23px;top:3px;left:3px}.translation input:checked{background:#85936a}.translation input:checked:before{transform:translateX(23px)}
.player{padding:8px 14px;border-radius:16px;gap:16px;margin-bottom:16px;min-height:68px}#play{width:52px;height:52px;background:linear-gradient(120deg,#8d9b77,#78865f)}.player-progress{flex-direction:row;align-items:center;gap:18px}.player-progress progress{height:6px;flex:1;min-width:24px;background:#e5e5e8}.player-progress progress::-webkit-progress-bar{background:#e5e5e8}.player-progress output{font-size:16px;white-space:nowrap;color:#6287c5}.speed-label{font-size:16px;gap:18px}.speed-label>span{display:inline}.speed-label select{font-size:16px;min-width:76px;padding:12px;border-color:#e5e5e8;border-radius:12px}
.listening-dialogue .line{padding:9px 20px;min-height:80px}.spanish{font-size:24px;line-height:1.35;letter-spacing:-.5px;color:#151a39}.russian{font-size:21px;line-height:1.35;color:var(--muted);margin-top:2px}.learning-dialogue .spanish{color:#151a39}.learning-dialogue .russian{color:var(--muted)}.learning-dialogue .line{padding:16px 4px}.learn-instruction,.grammar,.grammar p,dialog p,#how-dialog ol,.news-list li{font-size:16px;line-height:1.65}.grammar h3{font-size:20px}.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:16px;padding:0 10px}.lesson-navigation button{flex:1;min-height:56px;font-size:18px;padding:14px 18px;gap:20px}.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:1240px;width:calc(100% - 48px);padding:18px 0 30px;font-size:14px;color:#5b81b3;border-color:#dce1e8}.footer-links{gap:12px 32px}dialog{background:#fffffc;border-radius:22px}dialog h2{color:var(--ink);font-size:24px}.contact-form input,.contact-form textarea{font-size:16px}.primary{background:var(--green)}
[dir=rtl] .lesson-picker select{padding:4px 86px 4px 30px}
@media(max-width:1100px) and (min-width:761px){main{grid-template-columns:300px minmax(0,1fr)}.intro,.workspace{padding:20px}.lesson-heading p{padding:14px;font-size:16px}.tabs button{padding-inline:22px}.keyword{padding-inline:16px}.panel-head{grid-template-columns:48px minmax(0,1fr);gap:12px}.mode-icon{width:48px;height:48px}.learning-controls{grid-column:2}.panel-head h2{font-size:22px}.speed-label>span{display:none}.spanish{font-size:22px}.russian{font-size:19px}}
@media(max-width:760px){header{width:calc(100% - 32px);margin:16px auto;padding:0;flex-wrap:wrap;gap:16px}.brand{font-size:32px}.brand svg{width:36px;height:36px}.top-nav{order:3;justify-content:space-between;gap:10px}.top-nav button{font-size:14px}.language{font-size:14px;padding:8px 12px}.layout{padding:0 16px 24px}main{display:flex;flex-direction:column;gap:16px}.intro,.workspace{width:100%;padding:20px;border-radius:20px;margin:0}.lesson-picker select{font-size:28px}.lesson-heading p{font-size:16px;padding:14px 16px}.tabs{grid-template-columns:1fr 1fr 1.2fr;gap:8px}.tabs button{font-size:14px;justify-content:center;flex-direction:column;gap:8px;padding:12px 4px}.section-label{font-size:14px}.keyword{font-size:14px;padding:8px 16px}.panel-head{grid-template-columns:44px minmax(0,1fr);gap:12px}.mode-icon{width:44px;height:44px}.mode-icon svg{width:28px;height:28px}.panel-head h2{font-size:22px}.learning-controls{grid-column:1/-1;justify-content:flex-start}.translation{font-size:14px}.player{gap:10px;padding:8px 10px}#play{width:44px;height:44px}.speed-label>span{display:none}.speed-label select{min-width:58px;padding:9px 6px;font-size:14px}.player-progress{gap:6px;flex-direction:column;align-items:stretch}.player-progress output{font-size:14px}.spanish{font-size:21px}.russian{font-size:18px}.listening-dialogue .line{padding:9px 0;min-height:72px}.lesson-navigation{width:100%;padding:0;gap:10px}.lesson-navigation button{font-size:14px;gap:8px;padding:12px 8px}.site-footer{width:calc(100% - 32px);gap:14px}.footer-links{gap:12px 20px}.workspace[data-mode=grammar] .panel-head{grid-template-columns:44px minmax(0,1fr)}.grammar h3{font-size:18px}.language-row{grid-template-columns:1fr}.language-row select{font-size:16px}}
.lesson-navigation .primary,.lesson-navigation .secondary{font-size:18px;font-weight:400}
@media(max-width:760px){.lesson-navigation .primary,.lesson-navigation .secondary{font-size:14px}}