/* Learning screens favour legibility and task state over promotional styling. */
#app:has(.app-layout){--cabinet-ink:#35271f;--cabinet-muted:#6b5a4b;--cabinet-canvas:#f6f4ef;--cabinet-surface:#fff;--cabinet-line:#ded7ce;--cabinet-accent:#54331f;--cabinet-accent-hover:#3b2417;--cabinet-accent-soft:#f8eddb;--cabinet-focus:#8a571f;--cabinet-hover:#f3ece0;--cabinet-selection:#ead4a5;--cabinet-neutral:#ece7df;--cabinet-control-line:#99836c;--cabinet-green:#18744e;--cabinet-green-soft:#eaf6ee;--cabinet-ochre:#86530d;--cabinet-ochre-soft:#fff0ce;background:var(--cabinet-canvas);min-height:100vh;color:var(--cabinet-ink);--ink:var(--cabinet-ink);--muted:var(--cabinet-muted);--paper:var(--cabinet-surface);--line:var(--cabinet-line);--soft:var(--cabinet-neutral);--success:var(--cabinet-green);--success-bg:var(--cabinet-green-soft);--error:#a33d22;--error-bg:#fff0e7}
.cabinet-header{max-width:none;padding:18px max(28px,calc((100vw - 1440px)/2 + 28px));min-height:78px;background:#fff;border-color:var(--cabinet-line);gap:30px}
.cabinet-header .brand{color:#2f1b0e}
.cabinet-header>a:nth-child(2),.cabinet-header>span,.cabinet-header .text-link{font-size:15px}
.cabinet-header>a:nth-child(2){font-weight:700}
.app-layout{max-width:1440px;grid-template-columns:224px minmax(0,1fr);background:var(--cabinet-canvas)}
.app-layout .workspace{padding:32px 36px 56px;min-width:0}
.app-layout .sidebar{background:#fff;padding:32px 14px 24px;min-height:calc(100vh - 78px);border-right:1px solid var(--cabinet-line);gap:25px}
.app-layout .sidebar-course{font-size:14px;color:var(--cabinet-muted);padding:0 12px}
.app-layout .sidebar-nav{gap:8px}
.app-layout .sidebar-nav a{font-size:15px;font-weight:600;line-height:1.45;min-height:50px;padding:12px;gap:11px;color:var(--cabinet-muted);border-radius:9px}
.app-layout .sidebar-nav a.active{background:var(--cabinet-accent-soft);color:var(--cabinet-accent);font-weight:700}
.app-layout .sidebar-nav a:hover{background:var(--cabinet-hover);color:var(--cabinet-accent)}
.app-layout .sidebar-nav .icon{width:21px;height:21px;flex:none}
.app-layout .sidebar-bottom{gap:8px}
.app-layout .sidebar-bottom .small,.app-layout .sidebar-bottom button{font-size:13px;line-height:1.55;color:var(--cabinet-muted)}
.app-layout .page-heading{background:none;min-height:0;padding:0;margin:0 0 28px;border-radius:0}
.app-layout .page-heading::before,.app-layout .page-heading::after{content:none}
.app-layout .page-heading h1,.app-layout .demo-lesson-page h1{background:none;transform:none;padding:0;margin:0;font:700 30px/1.3 Manrope,sans-serif;text-transform:none;letter-spacing:-.025em;color:var(--cabinet-ink)}
.app-layout .page-heading p{font-size:16px;line-height:1.7;margin-top:10px;max-width:68ch;color:var(--cabinet-muted)}
.app-layout h2,.app-layout h3{font-family:Manrope,sans-serif;font-style:normal;text-transform:none;color:var(--cabinet-ink);font-weight:700;letter-spacing:-.02em}
.app-layout .button{font:700 15px/1.4 Manrope,sans-serif;min-height:46px;padding:12px 20px;border-radius:9px;text-transform:none}
.app-layout .button.primary{background:#2f1b0e;color:#fff;border-color:#2f1b0e}
.app-layout .button.primary:hover{background:#53311c;border-color:#53311c}
.app-layout .button.secondary{background:#fff;color:var(--cabinet-accent);border-color:var(--cabinet-control-line)}
.app-layout .button.secondary:hover{background:var(--cabinet-hover)}
.app-layout .text-link,.app-layout .back-link{font-size:15px;color:var(--cabinet-accent);font-weight:600;min-height:44px;align-items:center}
.app-layout .back-link{display:inline-flex;margin-bottom:18px}
.app-layout a:focus-visible,.app-layout button:focus-visible,.app-layout input:focus-visible,.app-layout select:focus-visible,.app-layout textarea:focus-visible{outline:3px solid var(--cabinet-focus);outline-offset:4px}
.app-layout :is(input,textarea,select){font-size:16px;background:#fff;color:var(--cabinet-ink);border-color:var(--cabinet-control-line);caret-color:var(--cabinet-focus)}
.app-layout .field label{font-size:15px;font-weight:600}
.app-layout .tag{font-size:13px;font-weight:600}
.app-layout .content-panel,.app-layout .mistake-item,.app-layout .empty-state{background:#fff}
.app-layout .content-panel h2,.app-layout .empty-state h2{font-size:24px}
.app-layout .content-panel p,.app-layout .empty-state p,.app-layout .mistake-item p{font-size:16px;line-height:1.7}
.app-layout .mistake-item h2{font-size:20px}
.app-layout .mistake-item{padding:26px;border-radius:12px;border:1px solid var(--cabinet-line)}
.app-layout .mistake-item .small,.app-layout .mistake-answer{font-size:14px}
.app-layout .cabinet-heading h1{font:700 30px/1.3 Manrope,sans-serif;color:var(--cabinet-ink)}
.app-layout .cabinet-heading p{font-size:16px;color:var(--cabinet-muted)}
.app-layout .guest-dashboard .current-lesson{background:#2f1b0e}
.app-layout .guest-dashboard .current-lesson h2{font:700 28px/1.35 Manrope,sans-serif;color:#fff}
.app-layout .guest-dashboard .current-lesson p{font-size:16px;color:#fff}
.app-layout .guest-dashboard .lesson-bottom{font-size:15px}
.app-layout .guest-access{background:var(--cabinet-accent-soft)}
.app-layout .guest-access h2{font-size:22px}
.app-layout .guest-access p{font-size:15px;color:var(--cabinet-muted)}
.app-layout .guest-access p.small{font-size:14px}
.app-layout .cabinet-account h2{font-size:18px}
.app-layout .cabinet-account span,.app-layout .cabinet-account button{font-size:14px}
#app:has(.app-layout) .cabinet-footer{max-width:1440px;padding:24px 30px;border-color:var(--cabinet-line);color:var(--cabinet-muted);font-size:13px;background:#fff}
@media(max-width:1100px){.app-layout{grid-template-columns:190px minmax(0,1fr)}.app-layout .workspace{padding:28px 24px 48px}.app-layout .sidebar-nav a{font-size:14px}.app-layout .sidebar{padding-inline:10px}}
@media(max-width:760px){
 .cabinet-header{padding:14px 20px;gap:16px;min-height:68px}.cabinet-header .brand{font-size:26px}.cabinet-header>span{display:none}.cabinet-header>a:nth-child(2){font-size:14px}.cabinet-header .text-link{margin-left:auto;font-size:14px}
 .app-layout{display:block}.app-layout .sidebar{min-height:0;height:auto;position:static;padding:10px 16px;border-right:0;border-bottom:1px solid var(--cabinet-line)}.app-layout .sidebar-course,.app-layout .sidebar-bottom{display:none}.app-layout .sidebar-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:0}.app-layout .sidebar-nav a{display:flex;flex-direction:column;gap:5px;text-align:center;justify-content:center;font-size:12px;line-height:1.35;white-space:normal;padding:8px 5px;min-height:63px}.app-layout .sidebar-nav .icon{display:block;width:20px;height:20px}.app-layout .workspace{padding:26px 20px 42px}.app-layout .page-heading h1,.app-layout .cabinet-heading h1,.app-layout .demo-lesson-page h1{font-size:26px}.app-layout .page-heading p{font-size:15px}.app-layout .button{font-size:15px}.app-layout .guest-dashboard{grid-template-columns:1fr}.app-layout .mistake-item{padding:20px}
}
@media(prefers-reduced-motion:reduce){.app-layout *{scroll-behavior:auto!important;transition:none!important}}

.app-layout .ege-range{white-space:nowrap}
.app-layout ::selection{background:var(--cabinet-selection);color:var(--cabinet-ink)}
.app-layout{scrollbar-color:var(--cabinet-control-line) var(--cabinet-canvas)}