/* Laravel study experience: retain the familiar palette, improve hierarchy and touch targets. */
:root{--muted:#607357}body{font-size:15px}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.page-intro{font-size:14px;color:#63775c;line-height:1.8;margin-top:12px}.heading-row h1{line-height:1.2}.sidebar nav a{min-height:45px;font-size:12px}.sidebar .profile{margin-top:auto}.topbar-link{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#315a42;font-size:12px;min-height:40px}.topbar-link .icon{width:18px;height:18px}.study-hero{grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);background:#edf3df;gap:24px}.study-hero h2{font-size:38px;line-height:1.2}.study-hero p{font-size:14px;line-height:1.8}.study-hero .hero-caption{font-size:11px;margin-top:13px;color:#6a7e5e}.hero-picture{text-align:center;position:relative}.hero-picture img{width:100%;max-height:240px}.hero-word{display:inline-block;font-family:Georgia,serif;font-style:italic;color:#456349;font-size:21px;background:#fffdf5;padding:10px 17px;border-radius:10px;transform:rotate(-3deg)}.lesson-ill img{height:110px;width:100%;object-fit:contain}.lesson-card p{font-size:12px;line-height:1.7}.catalog-grid{row-gap:22px}.catalog-grid .lesson-card{content-visibility:auto;contain-intrinsic-size:auto 315px}.result-count{font-size:12px;color:#607357}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#637b55;margin-bottom:24px}.back-link .icon{width:17px}.lesson-status{font-size:12px;background:#edf3e3;border-radius:20px;padding:9px 13px;color:#466a3c}.study-aside{position:sticky;top:24px;height:fit-content;background:#f2f6ea;border:1px solid #dce5cf;border-radius:16px;padding:23px}.study-aside h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:15px 0}.study-aside p{font-size:12px;line-height:2;color:#637659;margin:16px 0}.study-aside .btn{width:100%;font-size:11px}.lesson-pagination{display:flex;justify-content:space-between;border-top:1px solid #e0e6d7;padding:22px 0;margin-top:32px;font-size:13px;color:#3c643d}.rule-overview a{min-height:38px}.native-rule-block{scroll-margin-top:20px}.exercise-row.is-correct{border-color:#a8c493}.exercise-row.is-incorrect{border-color:#dbab98;background:#fffaf6}.answer-feedback p{line-height:1.8;margin-top:6px;font-size:13px}.answer-feedback .sentence-audio{vertical-align:middle;margin-left:6px}.answer-input{min-height:42px}.answer-input:read-only{background:#f2f5ec}.score-banner{margin:20px 0;font-size:14px;line-height:1.8}.exercise-intro p{font-size:13px;line-height:1.8;color:#687a5f}.source-switch{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chip{min-height:42px}.source-switch .active{background:#235e4d;color:#fff;border-color:#235e4d}.source-switch label{display:flex;align-items:center;gap:7px}.source-switch input{accent-color:#235e4d}.form-error{font-size:13px}.word-heading,.word-day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.word-day-heading h2{margin-top:15px}.word-heading h3{font-size:23px;margin:15px 0 10px}.word-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.word-example{line-height:1.9}.word-example .sentence-audio{width:28px;height:28px;min-width:28px;vertical-align:middle;margin-left:6px}.word-example p{margin-top:8px}.word-learned{display:block;font-size:11px;color:#47723c;margin-top:14px}.switches{flex-wrap:wrap;margin:20px 0}.switches label{display:flex;align-items:center;gap:7px;min-height:32px}.favorite-btn{min-width:40px;min-height:40px}.favorite-btn.active .icon{fill:#e4c47d;stroke:#a28a40}.text-link{color:#235e4d;background:transparent;border:0;font-size:13px;text-decoration:underline;text-underline-offset:3px}.empty-state{padding:28px;line-height:1.8;color:#697c5e}.quiz-panel label,.audio-dialog label,.settings-card label:not(.check-row){display:block;font-size:13px;color:#526b45;margin-top:18px}fieldset{border:0;padding:0;margin:20px 0}legend{font-size:13px;color:#526b45}.quiz-panel h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.quiz-panel .source-switch{margin:10px 0}.quiz-panel .source-switch label{margin:0}.quiz-card-inner{max-width:730px;margin:0 auto;background:#fff;border:1px solid #dce5cf;border-radius:20px}.quiz-card-inner>p{font-size:14px;line-height:1.8;color:#63765a}.quiz-card-inner h2{margin:20px 0;font-size:31px}.quiz-answer{display:block;width:100%;border:1px solid #c6d7b9;border-radius:10px;padding:15px 17px;margin:22px 0 12px;font-size:18px;background:#fdfefb}.quiz-answer:focus{outline:2px solid #7d9d61;outline-offset:3px}.quiz-answer:read-only{background:#f1f5e9}.quiz-feedback{padding:17px;border-radius:12px;background:#edf5e4;margin:20px 0;line-height:1.8}.quiz-feedback.incorrect{background:#fff1e8}.quiz-feedback .sentence-audio{vertical-align:middle}.quiz-feedback p{margin-top:8px}.quiz-results{margin:22px 0}.quiz-results>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ecdf;padding:12px 0;font-size:14px}.activity-panel{background:white;border:1px solid #dce5cf;border-radius:16px;padding:22px;margin:24px 0}.activity-days{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:7px}.activity-day{text-align:center}.activity-day span{display:flex;justify-content:center;align-items:center;background:#f0f3e8;min-height:43px;border-radius:8px;color:#99aa85}.activity-day.studied span{background:#235e4d;color:white}.activity-day small{display:block;font-size:9px;color:#627454;margin-top:7px}.activity-panel .section-header span{font-size:12px;color:#64775a}.progress-table{margin-top:22px}.progress-table table{width:100%;border-collapse:collapse}.progress-table th{text-align:left}.progress-table td,.progress-table th{font-size:12px}.progress-table a{color:#235e4d;white-space:nowrap}.settings-card p{font-size:13px;line-height:1.9;margin:12px 0;color:#617556}.settings-card .settings-details{font-size:12px}.settings-card li{font-size:13px}.audio-dialog{border:1px solid #d5e1c8;border-radius:20px;padding:28px;color:#294b39;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:visible;box-shadow:0 25px 80px #17332630}.audio-dialog::backdrop{background:#182b2866;backdrop-filter:blur(3px)}.audio-dialog h2{font-family:Georgia,serif;font-size:27px;font-weight:400}.audio-dialog>p{font-size:13px;line-height:1.8;color:#617556}.audio-dialog .select-menu{margin:8px 0}.audio-dialog .settings-details{margin-top:18px;font-size:12px}.icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#f0f4e7;color:#3d6143;font-size:26px}.btn:disabled{opacity:.65;cursor:wait}.btn{min-height:44px}.select-menu-option{min-height:44px}.toast{font-size:13px}.sidebar nav a:focus-visible,.btn:focus-visible,.chip:focus-visible,.tab:focus-visible,.favorite-btn:focus-visible,.icon-button:focus-visible,.topbar-link:focus-visible{outline:2px solid #6d9459;outline-offset:4px}.audio-dialog .section-header{margin-bottom:15px}
.study-hero h2{color:#244c3d}.study-hero p{color:#58724e}.study-hero .tiny-badge{color:#577745}.study-hero .btn{background:#235e4d;color:#fff}.study-hero .btn:hover{background:#1b4d3e}
.audio-player{position:fixed;bottom:15px;right:20px;left:270px;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #d3e0c7;border-radius:15px;padding:11px 15px;box-shadow:0 8px 35px #203d3429;z-index:60}.audio-player>span{font-size:13px;color:#32573d;flex:1;max-height:48px;overflow:auto}.audio-player audio{width:260px;height:36px}.audio-player .icon-button{width:34px;height:34px;flex-shrink:0}.toast{bottom:90px}.audio-player~.toast{z-index:70}@media(max-width:900px){.audio-player{left:200px}}@media(max-width:650px){.audio-player{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:7px;padding:10px}.audio-player>span{flex-basis:calc(100% - 45px);font-size:12px}.audio-player audio{width:calc(100% - 43px);order:3}.audio-player .icon-button{margin-left:auto}.toast{bottom:115px}}
@media(min-width:1200px){.lesson-layout{grid-template-columns:minmax(0,1fr) 235px}.native-rule-text{font-size:15px!important}.native-rule-table{font-size:14px}.native-example .sentence-ru{font-size:13px}}
@media(max-width:900px){.study-hero{grid-template-columns:1fr}.hero-picture{display:none}.study-hero h2{font-size:34px}.study-aside{display:none}}
@media(max-width:650px){.sidebar{padding:15px 16px 0}.sidebar nav a{font-size:12px}.sidebar nav{scrollbar-width:thin;gap:5px}.sidebar nav a.active{background:#235e4d;color:white}.page-intro{font-size:13px}.study-hero{padding:24px}.study-hero h2{font-size:31px}.study-hero p{font-size:13px}.catalog-grid .lesson-card{contain-intrinsic-size:auto 210px}.lesson-ill img{height:90px}.topbar-link{font-size:11px}.lesson-status{font-size:11px}.tabs{overflow-x:auto}.tab{min-height:44px;white-space:nowrap}.activity-days{grid-template-columns:repeat(7,minmax(0,1fr));row-gap:14px}.dictionary-grid{grid-template-columns:1fr}.word-card{padding:20px}.word-heading h3{font-size:24px}.word-example{font-size:13px}.word-card .ipa{font-size:13px}.switches{gap:14px;font-size:12px}.switches input{width:17px;height:17px;accent-color:#235e4d}.quiz-card-inner{padding:22px}.quiz-word{font-size:27px!important}.audio-dialog{padding:21px}.audio-dialog .exercise-actions{flex-wrap:wrap}.settings-card{padding:22px}.lesson-pagination{font-size:12px}.native-rule-text{font-size:14px!important}.native-example .sentence-ru{font-size:12px}.source-switch{gap:7px}.exercise-line{font-size:15px}.exercise-actions{flex-wrap:wrap}.study-hero .btn{font-size:12px}.heading-row .btn{min-height:44px}}

.word-pronunciation{margin:6px 0 12px}.word-pronunciation .ipa{margin:0}.word-pronunciation .ipa small{font:10px/1.5 Arial,sans-serif;color:#65775f;white-space:nowrap}.pronunciation-ru{font:13px/1.7 Arial,sans-serif!important;color:#56714e!important;margin:4px 0 0!important}.pronunciation-ru span{color:#345940;font-weight:500}.word-popover .pronunciation-ru{font-size:13px!important}.lesson-vocabulary-word .word-pronunciation p{margin:3px 0}.word-pronunciation .ipa{overflow-wrap:anywhere}

.sentence-pronunciation{margin-top:7px}.sentence-pronunciation p{font-size:13px!important;line-height:1.8!important;margin:0!important;color:#456b52!important}.sentence-pronunciation p>span{color:#7a8b73;font-size:11px}.lesson-hide-ru .sentence-pronunciation{display:none}.word-example .sentence-pronunciation{margin-top:6px}

.lesson-videos{margin:35px 0;padding-top:28px;border-top:1px solid #dce5cf}.lesson-videos>.settings-details{margin:10px 0 20px}.lesson-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lesson-video-card{border:1px solid #dce5cf;border-radius:16px;padding:22px;background:#fffdf6;min-width:0}.lesson-video-card h3{font:24px/1.35 Georgia,serif;margin:15px 0}.lesson-video-card video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#eff4e5;object-fit:contain}.video-caption{font-size:11px;color:#6c805e;line-height:1.8;margin-top:10px}.video-pending{aspect-ratio:16/9;background:#f1f5e9;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px;text-align:center}.video-pending .icon{width:30px;height:30px;color:#779567}.video-pending p{font-size:14px;margin:12px 0 5px;color:#59714c}.video-pending small{font-size:12px;line-height:1.7;color:#738369}@media(max-width:850px){.lesson-video-grid{grid-template-columns:1fr}.lesson-video-card{padding:18px}}

/* Account progress and lesson-specific covers. */
.mini-progress i{display:block;height:100%;background:#6c986f;border-radius:inherit;transition:width .2s}
.lesson-ill{height:136px}.lesson-ill img{height:100%;width:100%;object-fit:contain}
.account-notice{padding:13px 18px;border:1px solid #dbe5d0;background:#f4f8ed;border-radius:12px;margin-bottom:24px;font-size:13px;line-height:1.7}.account-notice a{color:#235e4d;text-decoration:underline}
.account-card{max-width:540px;margin:20px auto;padding:30px;background:#fffdf6;border:1px solid #e1e8d7;border-radius:20px}.account-card h1{font-size:30px;margin:12px 0}.account-card p{color:#6c7768;line-height:1.8;font-size:13px}.account-card label,.settings-card form>label{display:block;margin:17px 0 7px;font-size:13px}.account-input{width:100%;padding:12px 14px;border:1px solid #cbd8c3;border-radius:9px;background:white;font:inherit;color:#223c35;min-height:44px}.account-card .btn,.settings-card form .btn{margin-top:20px}.account-card .check-row{display:flex;gap:8px;align-items:center}.account-errors{border:1px solid #eacdc6;background:#fff3ee;color:#96392e;border-radius:10px;padding:14px;font-size:13px}.account-errors ul{margin:0;padding-left:18px}.muted{color:#758078}.save-status{font-size:11px;color:#658261}.save-status.is-error{color:#a94032}
.admin-table{overflow-x:auto;background:white;border:1px solid #e3e7df;border-radius:14px;margin-top:20px}.admin-table table{width:100%;border-collapse:collapse;min-width:780px;font-size:13px}.admin-table td,.admin-table th{padding:15px;text-align:left;border-bottom:1px solid #edf0e8;vertical-align:top}.admin-table th{background:#f2f6ea;font-weight:600}.admin-table small{display:block;color:#758078;font-size:11px;line-height:1.7}.admin-pagination{display:flex;justify-content:center;gap:25px;margin-top:20px;font-size:13px}.admin-table .mini-progress{margin-bottom:6px}
@media(max-width:650px){.topbar{height:auto;min-height:55px;padding-block:8px;gap:10px;flex-wrap:wrap}.topbar-right{flex-wrap:wrap;gap:8px}.save-status{font-size:10px}.account-card{padding:22px;margin-top:0}.account-card h1{font-size:26px}.lesson-ill{height:105px}.lesson-ill img{height:100%}}

/* Reviewed original lesson artwork: preserve the complete teaching scene. */
.lesson-ill-vivid{padding:0;overflow:hidden;background:#f7f2e7}
.lesson-ill-vivid img{display:block;width:100%;height:155px;object-fit:cover}
.lesson-scene-vivid .scene-picture{padding:12px;background:#f7f2e7}
.lesson-scene-vivid .lesson-scene-art{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px}
.hero-picture .home-illustration{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:16px;margin-bottom:12px}
@media(max-width:650px){.lesson-ill-vivid img{height:175px}.lesson-scene-vivid .scene-picture{padding:9px}}