/* Daily study interface. Content and actions take priority over presentation. */
:root{--bg:#f5f7f6;--white:#fff;--ink:#202d27;--muted:#59645e;--line:#dde4df;--green:#285d48;--mint:#edf4ef;--orange:#91633d}
body{font:400 16px/1.9 Vazirmatn,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1{font-size:30px;line-height:1.6;font-weight:700}h2{font-size:20px;line-height:1.7}h3{font-size:18px;line-height:1.8}
a,button,input,select,textarea{touch-action:manipulation}button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #618dba;outline-offset:3px}
.sidebar{width:230px;padding:28px 18px 22px;background:#fff;border-left:1px solid var(--line);gap:28px;overflow-y:auto}
.brand{font:700 23px/1.2 Vazirmatn,system-ui,sans-serif;gap:10px;margin:0 8px}.brand small{font-size:13px;color:var(--muted);margin-top:6px}.brand-icon{width:42px;height:44px;font-size:24px;border-radius:8px;background:var(--green);color:#fff}.brand-icon>span,.side-label,.level{display:none}
nav{gap:4px}nav a{font-size:15px;line-height:1.6;min-height:46px;padding:11px 13px;color:#4b5750;border-radius:6px;gap:12px}nav a.active{background:#edf4ef;color:#1f583f;box-shadow:none;font-weight:600}nav a:hover{background:#f2f5f3}nav svg{width:19px;height:19px}nav a small{display:none}
.side-bottom{margin-top:auto}.data-tools{border-top:1px solid var(--line);padding:18px 8px 0}.data-tools summary{font-size:14px;cursor:pointer;color:var(--muted)}.data-tools button{font-size:14px;min-height:40px;padding:7px 0;color:var(--green)}.data-tools p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.8}
.app{margin-right:230px}.app>header{display:none}main{max-width:1320px;margin:auto;padding:42px 48px 72px;min-height:100vh}footer{display:none}
.page-heading{margin-bottom:28px;gap:16px}.page-heading p{font-size:16px;line-height:1.9;margin-top:5px;color:var(--muted)}.page-heading .btn{flex-shrink:0}.study-date{font-size:14px;color:var(--muted)}
.btn{border-radius:6px;font-size:15px;line-height:1.7;padding:10px 18px;min-height:44px;gap:8px;background:var(--green);color:#fff;box-shadow:none;transition:background .12s}.btn:hover{transform:none;background:#1e4d39}.btn.outline{border:1px solid #cad6ce;background:#fff;color:#285d48}.btn.outline:hover,.btn.light:hover{background:#f1f5f2}.btn.light{background:#fff;border:1px solid #dde4df;color:#3f5747}.btn.small{font-size:14px;padding:8px 12px;min-height:40px}.btn.full{width:100%}.back-link{display:inline-block;color:var(--green);font-size:14px;margin-bottom:14px;text-decoration:underline;text-underline-offset:4px}
.actions{gap:10px;flex-wrap:wrap}.panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:24px;box-shadow:none}.section-heading{margin:24px 0 16px;gap:12px}.section-heading h2{font-size:20px}.section-heading small,.section-heading a,.shelf-count,.course-foot,.settings-line,.image-label,.writing-label,.lang-card-actions,.tk-card-foot{font-size:14px;color:var(--muted)}.section-heading small{margin-right:10px}.tag{font-size:13px;line-height:1.7;padding:4px 8px;border-radius:4px;background:#eff4ef;color:#3e6049}.tag.warm{background:#f4f0e9;color:#715735}
.eyebrow,.hero-art,.tk-hero-word,.exam-number{display:none}.hero,.tk-hero{display:none}
.tabs{gap:22px;border-bottom:1px solid var(--line);margin:0 0 24px;padding:0;overflow-x:auto;flex-wrap:nowrap}.tab{font-size:15px;min-height:46px;white-space:nowrap;border-radius:0;border:0;background:transparent;padding:8px 0 12px;color:#59645e;border-bottom:2px solid transparent}.tab.active{color:var(--green);background:transparent;border-bottom-color:var(--green);font-weight:600}.tab:hover{background:transparent;color:#202d27}.tk-tabs{margin-top:0}
.toolbar{margin:0 0 20px;gap:12px;flex-wrap:wrap}.search,.select{font-size:15px;min-height:46px;border:1px solid #ccd7cf;border-radius:6px;padding:10px 14px;background:#fff;color:var(--ink)}.search::placeholder{color:#66746a}.search{min-width:180px}.select{max-width:100%}#tk-grammar-sort{margin:0 0 20px;font-size:14px}#tk-skill{min-width:155px}
.lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-list .tk-card{border:1px solid #cbd7cf;border-radius:10px;box-shadow:0 2px 4px #203d2c05;background:#fff;padding:22px 24px;min-width:0;transition:background .15s,border-color .15s,box-shadow .15s}.lesson-list .tk-card:hover{background:#fafdFA;border-color:#7b9c88;box-shadow:0 4px 12px #203d2c0d}.lesson-list .tk-card:focus-visible{outline:3px solid #285d48;outline-offset:3px}.lesson-row>div{min-width:0}.lesson-row{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;gap:16px;min-height:102px}.lesson-row:hover{transform:none}.lesson-row h3{font-size:17px;margin:0 0 3px;line-height:1.8}.lesson-row p{font:400 15px/1.7 Vazirmatn,system-ui,sans-serif;text-align:right;color:var(--muted)}.lesson-state{font-size:14px;color:#53645a;flex-shrink:0;white-space:nowrap}.task-type{font-size:13px;color:var(--muted)}
.tk-card{box-shadow:none;transition:background .12s}.tk-card:hover{transform:none;box-shadow:none}.tk-card-grid:not(.lesson-list){gap:16px}.tk-card-grid:not(.lesson-list) .tk-card{border:1px solid var(--line);border-radius:7px;padding:22px;background:#fff}.tk-card-grid:not(.lesson-list) .tk-card h3{font-size:18px;margin:10px 0}.tk-card-grid:not(.lesson-list) .tk-card p{font-size:15px;line-height:1.8}.tk-skill-tags{gap:7px;margin:15px 0}
.page-reference{margin:28px 0 0;padding:16px 0;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}.page-reference>summary{font-size:15px;cursor:pointer;color:#41574a;font-weight:500}.page-reference>p{margin:14px 0;max-width:78ch;line-height:2}.page-reference>a{display:inline-block;margin:12px 0 0 22px;color:var(--green);text-decoration:underline;text-underline-offset:3px}.page-reference>.panel,.page-reference>.notice{margin-top:18px}.priority-panel{border:0;background:transparent;box-shadow:none;padding:16px 0;border-radius:0}.priority-panel summary{font-size:15px}.priority-panel summary span{font-size:14px}.priority-panel p,.priority-panel li,.lang-body{font-size:16px;line-height:2.1}.priority-panel li{margin:10px 0}.priority-evidence span{font-size:14px}.frequency-badge{font-size:13px}
.notice{font-size:15px;line-height:2;padding:16px 20px;border:1px solid #d7e4d9;border-radius:6px;background:#f0f6f1;color:#425a48}.notice.warm{background:#fbf7ee;border-color:#e8dbc0;color:#715b34}.notice p{font-size:15px}.settings-line{line-height:1.9}.empty{padding:48px 20px;border:1px dashed #d7e0d9;border-radius:8px;background:#fff}.empty h2{font-size:20px}.empty p{font-size:16px}.empty .btn{margin-top:20px}
/* Lessons remain readable paragraphs; evidence is secondary. */
.lesson-reading{max-width:840px;margin:0 auto 28px;background:transparent;border:0;padding:0;color:var(--ink)}.lesson-lead{font-size:18px;line-height:2.1;margin-bottom:22px}.grammar-form{font:400 18px/1.9 Vazirmatn,system-ui,sans-serif;background:#edf3ef;border:0;border-radius:6px;padding:20px 24px;margin:22px 0;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.lesson-pitfall{margin:24px 0;padding:16px 20px;border-right:3px solid #bc9f6f;background:#faf8f1;font-size:16px}.lesson-pitfall p{margin-top:6px;line-height:2}
.ga-lesson{line-height:2.1}.ga-lesson .ga-steps{font-size:16px;padding-right:24px}.ga-steps li{font-size:16px;line-height:2.15;margin:16px 0;padding-right:4px}.ga-examples{display:block}.ga-examples .tk-example,.tk-example{padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.tk-de,.ga-examples .tk-de{font:400 20px/1.85 Vazirmatn,system-ui,sans-serif;color:#253d2d}.tk-fa{font-size:16px;line-height:2;margin-top:8px;color:#59645e}.ga-example-note{font-size:15px;margin-top:10px;color:#59645e}.ga-foundation,.ga-worked,.ga-production,.ga-refs{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:14px 0;margin:0}.ga-lesson summary,.ga-refs summary{font-size:15px;font-weight:500}.ga-foundation p,.ga-worked p,.ga-production p,.ga-production li,.ga-refs li{font-size:16px;line-height:2}.ga-production summary{cursor:pointer}.ga-worked details{padding-top:12px}.ga-refs{margin-top:8px}.ga-refs li{font-size:14px}
.tk-quiz{margin:28px 0;padding:24px;max-width:100%}.tk-quiz .section-heading{margin-top:0}.quiz-progress{font-size:14px;color:var(--muted)}.tk-quiz fieldset{margin:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 24px}.tk-quiz legend{font-size:18px;line-height:1.9;padding:0;margin-bottom:18px}.tk-options{gap:12px}.tk-options label{font-size:17px;line-height:1.8;min-height:52px;padding:12px 16px;background:#fff;border:1px solid #d3ded5;border-radius:6px;gap:10px}.tk-options label:has(input:checked){background:#edf5ef;border-color:#62836c}.tk-options input{width:18px;height:18px}.tk-qfeedback p,.tk-correct,.tk-wrong{font-size:15px;line-height:2}.tk-correct,.tk-wrong{border-radius:6px}.result-box{font-size:16px;line-height:2;padding:18px;border-radius:6px}.lesson-note{margin-top:24px;padding:16px 22px}.lesson-note summary{font-size:16px;cursor:pointer}.tk-writing textarea{font-size:18px;line-height:2;background:#fff;border:1px solid #ccd7cf;border-radius:6px}.tk-writing p{font-size:15px}.pronoun-reference{margin:24px 0;padding:24px}.pronoun-reference table{background:#fff}.pronoun-reference td,.pronoun-reference th{font:400 17px/1.6 Vazirmatn,system-ui,sans-serif}.pronoun-reference h3{font-size:17px}
/* Task catalogs and workspaces. */
.lang-links{gap:8px;flex-wrap:wrap;margin-bottom:24px}.lang-links .btn{font-size:14px;padding:8px 12px;min-height:40px}.lang-controls{gap:12px;align-items:center;margin:20px 0}.lang-controls label{font-size:14px}.lang-controls .search{min-width:150px}.lang-phrase{border-radius:7px;border-color:var(--line);padding:24px;margin:12px 0}.lang-phrase>p{font-size:20px;line-height:1.85}.lang-translation p{font-size:16px}.lang-translation small{font-size:14px;line-height:1.9;color:var(--muted)}.lang-section-heading h2{font-size:20px}.lang-section-heading p{font-size:15px}.lang-topic-list{margin-top:22px}.lang-lexicon{font-size:15px!important;line-height:1.8!important}.lang-detail-grid{gap:24px}.lang-detail-grid h2{font-size:19px}.lang-script{font:400 19px/2 Vazirmatn,system-ui,sans-serif;max-width:76ch;white-space:pre-wrap}.lang-model summary,.lang-followup summary{font-size:16px;cursor:pointer}.lang-model{border-radius:7px}.lang-body{color:var(--muted)}.lang-model .settings-line{font-size:14px}.lang-card-actions{gap:8px}
.exam-facts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 28px;padding:16px 0;border-block:1px solid var(--line);font-size:15px;color:#44564a}.writing-label{font-size:16px;color:var(--ink);margin-top:18px}.writing-situation{font-size:17px;line-height:2.1}.writing-workspace,.lang-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.leadpoints{font-size:17px;line-height:1.9;padding-left:22px}.leadpoints li{margin:12px 0}.writing-input{padding:20px;background:#f2f5f3;border:0;border-radius:6px}.writing-input h3{font-size:15px}.writing-input p{font:400 18px/1.85 Vazirmatn,system-ui,sans-serif}.writing-editor textarea,.lang-personal textarea{font:400 18px/2 Vazirmatn,system-ui,sans-serif;min-height:440px;padding:20px;border:1px solid #cbd8cd;border-radius:6px;background:#fff}.writing-count{font-size:14px;margin-top:12px}.writing-review p,.writing-checks,.writing-review summary,.writing-help summary,.writing-stems p{font-size:16px;line-height:2}.writing-checks label{font-size:15px;line-height:2;margin:8px 0}.writing-ratings{gap:14px}.writing-ratings label{font-size:15px}.writing-help{border-radius:7px}.writing-stems p[dir=ltr]{font-size:18px}
.speaking-parts{display:grid;gap:0;border-top:1px solid var(--line)}.speaking-part{display:flex;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.speaking-part h2{font-size:20px}.speaking-part p{font-size:16px;color:var(--muted);margin-top:5px}.part-number{display:grid;place-items:center;width:42px;height:42px;background:#edf3ef;color:var(--green);font-size:20px;border-radius:50%;flex-shrink:0}.speaking-part:hover{background:#eef3ef}
.exam-models{gap:20px;margin:24px 0}.exam-model h2{font-size:22px}.exam-model>p{font-size:16px;line-height:1.9;margin:10px 0 24px;color:var(--muted)}.exam-model .btn{margin-top:10px}.exam-table td,.exam-table th{font-size:16px;line-height:1.9}.exam-table td{padding:14px 16px}.exam-audio p,.exam-format-grid p,.exam-start p{font-size:16px;line-height:2}.exam-reader{gap:24px}.exam-sheet h2{font-size:20px}.exam-sheet p{font-size:15px}.exam-written{font:400 19px/2 Vazirmatn,system-ui,sans-serif}.timer{font:500 20px/1.5 Vazirmatn,system-ui,sans-serif;background:#eff4f0;border-radius:5px;padding:6px 12px}.reader-toolbar{gap:10px;margin-bottom:24px}.reader-heading h1{font-size:28px}.answer-panel .panel{padding:22px}.answer-panel h2{font-size:19px}.answer-panel p{font-size:15px;line-height:2}.answer-row{gap:14px;margin:12px 0}.answer-row select{font-size:17px;min-height:44px}.answer-panel textarea{font-size:16px;line-height:2;background:#fff}.self-actions .btn{font-size:14px}.source-panel{border-radius:8px;border-color:var(--line)}.native-text{font-size:21px;line-height:1.9}.headline{font-size:18px;line-height:1.9}.bookpager{font-size:14px}.text-page{border-radius:6px}.text-page-toolbar{background:#f4f7f4;font-size:14px}.text-page-status{font-size:14px;color:#59645e}.text-page-body{font-size:19px;line-height:1.9}.text-quality-note{font-size:14px}.text-page-original summary{font-size:14px}.tk-source{font-size:15px;background:#f1f5f1;border-radius:6px}.tk-source p{font-size:16px}
.continue-study{background:#fff;border:1px solid var(--line);border-right:4px solid var(--green);border-radius:6px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.continue-study h2{font-size:24px;line-height:1.7;margin:5px 0}.continue-study p,.study-caption{font-size:15px;color:var(--muted)}.study-progress{display:flex;gap:16px 32px;flex-wrap:wrap;padding:20px 0;color:var(--muted);font-size:15px}.study-progress a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.study-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.study-section{background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px}.study-section h3{font-size:20px}.study-section span{display:block;font-size:16px;margin-top:8px;color:var(--muted)}.study-section:hover{border-color:#93aa98;background:#fbfdfb}.exam-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:32px;padding:24px 0}.exam-entry h2{font-size:20px}.exam-entry p{font-size:16px;color:var(--muted);margin-top:6px}.exam-entry>span{font-size:15px;color:var(--green)}
.exercise-grid{gap:16px}.exercise-card{border-radius:7px;padding:22px;background:#fff}.exercise-card h3{font-size:19px;line-height:1.8}.exercise-card p,.exercise-card .top,.exercise-card .bottom{font-size:14px;line-height:1.9}.exercise-card:hover{transform:none;box-shadow:none;border-color:#96ad9b}.bookmark{font-size:23px;min-width:40px;min-height:40px}.pager{font-size:15px}.tk-path{gap:20px}.tk-path .panel{padding:24px}.tk-path h2{font-size:21px}.tk-path p{font-size:16px}.tk-path-links a{font-size:14px;padding:8px 12px;border-radius:5px;background:#f2f6f2}.tk-phrase{padding:24px}.tk-de{text-align:left}.tk-flash h2{font-size:25px}.tk-flash>p{font-size:16px}
#translation-toggle{font-size:14px;min-height:42px;padding:9px 15px;border-radius:6px;background:#285d48;box-shadow:0 2px 8px #20352a12}#translation-tip{font-size:16px;border-radius:8px}#translation-tip small{font-size:13px}.tr-actions button{font-size:14px}#toast{font-size:15px;line-height:1.8;border-radius:6px}
@media(min-width:1450px){main{padding-inline:64px}.lesson-list{column-gap:22px}.lesson-reading{margin-right:0}}
@media(max-width:1100px){main{padding:32px 28px 70px}.sidebar{width:212px;padding-inline:14px}.app{margin-right:212px}.lesson-list{grid-template-columns:1fr}.study-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-workspace,.lang-detail-grid{grid-template-columns:1fr}.tk-options{grid-template-columns:repeat(3,minmax(0,1fr))}.exam-models{grid-template-columns:1fr}.reader-layout,.exam-reader{grid-template-columns:1fr}.answer-panel{position:static}.tk-card-grid:not(.lesson-list){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:18px 18px 0;gap:18px;overflow:visible;border-left:0}.brand{font-size:22px;margin:0}.brand small{display:none}.brand-icon{width:34px;height:36px;font-size:22px}.sidebar nav{display:flex;flex-direction:row;gap:18px;overflow-x:auto;margin:0 -18px;padding:0 18px;scrollbar-width:thin}.sidebar nav a{min-width:max-content;min-height:44px;padding:8px 0 12px;border-radius:0;border-bottom:2px solid transparent;font-size:14px;gap:7px}.sidebar nav a.active{background:transparent;border-bottom-color:var(--green)}.sidebar nav svg{width:17px;height:17px}.side-bottom{position:static;margin:0;padding:0 0 14px}.data-tools{padding:0;border:0}.data-tools summary{font-size:13px}.data-tools[open]{padding:12px;border:1px solid var(--line);border-radius:6px;margin-bottom:12px}.sidebar:has(.data-tools:not([open])){gap:14px}.app{margin:0}main{padding:26px 18px 76px;min-height:calc(100vh - 130px)}h1{font-size:26px}.page-heading{margin-bottom:20px;align-items:flex-start}.page-heading p{font-size:15px}.page-heading .btn.small{font-size:13px;padding:7px 10px}.tabs{gap:22px;margin-bottom:20px}.tab{font-size:15px}.toolbar{gap:10px}.search{min-width:0;width:100%;flex-basis:100%}.select{font-size:14px;flex:1}.lesson-list{grid-template-columns:1fr}.lesson-list .tk-card{padding:18px;min-height:106px;gap:12px}.lesson-list{gap:14px}.lesson-row h3{font-size:17px}.lesson-row p{font-size:14px;text-align:right}.lesson-state{font-size:13px}.panel{padding:20px}.tk-card-grid:not(.lesson-list){grid-template-columns:1fr}.lesson-lead{font-size:17px}.grammar-form{font-size:17px;padding:16px}.ga-steps li{font-size:16px}.ga-examples .tk-de,.tk-de{font-size:19px}.tk-fa{font-size:16px}.tk-quiz{padding:20px 16px}.tk-options{grid-template-columns:1fr}.tk-quiz legend{font-size:17px}.tk-options label{font-size:17px}.tk-quiz .actions .btn{flex:1;min-width:120px}.tk-quiz .actions #tk-reset-quiz{flex-basis:100%;background:transparent;border:0;color:var(--muted);padding:6px}.page-reference{margin-top:24px}.lang-controls{flex-wrap:wrap}.lang-controls label{min-height:36px}.lang-links{gap:7px}.lang-links .btn{font-size:13px;padding:7px 10px}.lang-script{font-size:18px}.lang-phrase>p{font-size:19px}.writing-editor textarea{min-height:400px;font-size:18px;padding:16px}.writing-input{padding:16px}.writing-input p{font-size:17px}.leadpoints{font-size:17px}.exam-facts{gap:8px 22px;font-size:14px;padding:13px 0}.speaking-part{gap:16px;padding:22px 0}.speaking-part h2{font-size:19px}.speaking-part p{font-size:15px}.study-sections{gap:12px}.study-section{padding:18px}.study-section h3{font-size:18px}.study-section span{font-size:14px}.continue-study{align-items:flex-start;flex-direction:column;padding:22px}.continue-study h2{font-size:22px}.continue-study .btn{width:100%}.study-progress{font-size:14px;gap:6px 20px;padding:16px 0}.exam-entry{align-items:flex-start;flex-direction:column;gap:12px}.reader-heading{gap:16px;align-items:flex-start}.reader-heading h1{font-size:25px}.reader-toolbar{gap:8px}.reader-toolbar .btn{font-size:13px}.source-panel{padding:14px}.native-text,.text-page-body{font-size:18.05px}.text-page-body{padding:12px 16px 20px}.headline{font-size:17px}.answer-panel .panel{padding:20px}.text-page-toolbar{padding:12px;gap:10px}.text-page-actions .btn{font-size:13px}.text-page-status{font-size:14px;padding:12px 16px}.exam-table td,.exam-table th{font-size:15px}.pronoun-reference{padding:18px 14px}.pronoun-reference td,.pronoun-reference th{font-size:16px;padding:12px}.pronoun-reference table{min-width:390px}.tk-path{grid-template-columns:1fr}#translation-toggle{left:12px;bottom:12px;font-size:13px;min-height:40px}.study-date{font-size:13px}.exercise-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.sidebar .brand{display:flex}.sidebar .brand>div{display:block}.sidebar nav a span{display:inline}.sidebar .side-bottom{display:block}.sidebar .data-tools{margin-top:0}.sidebar .data-tools summary{font-size:13px}.sidebar .brand small{display:none}}
#tr-lemma{font:14px/1.7 Vazirmatn,system-ui,sans-serif;color:#59645e;text-align:left;margin:-6px 0 10px}#tr-lemma[hidden]{display:none}#translation-tip #tr-fa{font-size:16px}#translation-tip #tr-source{color:#59645e}
/* Exercises are continuous documents with separate, labelled answer banks. */
.source-panel{overflow:hidden;background:#fff;border:1px solid #cfdad4;border-radius:12px}
.mode-tabs{position:relative;display:flex;gap:8px;padding:16px 22px;background:#f4f7f5;border-bottom:1px solid #d7e1db}
#source-content{padding:28px 30px 40px}
.exercise-instruction{font-size:16px;color:#53645d;margin:0 0 30px;line-height:1.9}
.exercise-text-section{margin:0 0 38px}
.exercise-text-section>h2{font-size:19px;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #d9e2dd;color:#244b3c}
.exercise-title-bank{display:grid;grid-template-columns:1fr;gap:9px}
.exercise-title{display:flex;align-items:baseline;gap:15px;padding:13px 16px;background:#f5f8f6;border:1px solid #dce5df;border-radius:6px;font-size:18.05px;line-height:1.7;text-align:left}
.exercise-title b,.exercise-options b,.exercise-word-bank b{flex:none;color:#285b47;font:600 15px/1.6 Arial,sans-serif;border:1px solid #c6d6cc;border-radius:4px;min-width:27px;text-align:center;background:white}
.reading-passage{margin:28px 0 36px;padding:0 0 28px;border-bottom:1px solid #dce5df;scroll-margin-top:24px}
.reading-passage:last-child{border:0;padding-bottom:0}
.reading-passage>h3{font-size:17px;margin-bottom:16px;color:#285b47}
.exercise-prose,.exercise-ad p{font-family:Georgia,'Times New Roman',serif;font-size:19.95px;line-height:1.95;letter-spacing:0;text-align:left;color:#273a31;overflow-wrap:anywhere;white-space:normal}
.exercise-prose p{margin:0 0 20px}
.exercise-question{margin:16px 0;padding:20px;border:1px solid #d3dfd7;border-radius:8px;background:#fcfdfc;scroll-margin-top:24px}
.exercise-question h3{display:flex;align-items:baseline;gap:16px;font-size:19px;line-height:1.8;margin:0 0 15px}
.exercise-question h3>span:first-child{flex:none;font-family:inherit;color:#285b47;min-width:28px}
.exercise-question h3>[lang=de]{text-align:left;flex:1}
.exercise-options{display:grid;gap:10px;font-size:18.05px;line-height:1.7;text-align:left}
.exercise-options>div{display:flex;gap:13px;align-items:baseline}
.exercise-word-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:16.15px;line-height:1.8;text-align:left}
.exercise-word-bank>div{padding:10px;display:flex;align-items:baseline;gap:10px;background:#f4f7f5;border:1px solid #dce5df;border-radius:6px}
.exercise-ad-bank{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.exercise-ad{padding:20px 24px;border:1px solid #cedbd2;border-radius:8px;background:#fcfdfc}
.exercise-ad h3{width:32px;height:32px;text-align:center;font:600 19px/32px Arial,sans-serif;background:#285b47;color:white;border-radius:5px;margin:0 0 14px auto}
.exercise-source-note{padding:15px 18px;background:#faf3e8;border:1px solid #e4cfad;border-radius:6px;font-size:15px;line-height:1.9}
.reader-gap{display:inline-block;min-width:44px;padding:0 7px;margin:0 4px;border-bottom:2px solid #47745e;background:#edf4ef;font:600 16px/1.7 Arial,sans-serif;text-align:center;vertical-align:baseline}
.exercise-solution{display:flex;flex-wrap:wrap;gap:12px}
.exercise-solution>span{display:flex;gap:18px;align-items:center;padding:10px 18px;border:1px solid #d6e2da;border-radius:6px}
.exercise-solution strong{color:#285b47;font-size:21px}
/* Keep intrinsic text and native option widths inside the reader columns. */
.reader-layout>*,#source-content,.exercise-text-section,.exercise-ad,.exercise-title,.exercise-question{min-width:0}
.exercise-title>[lang=de],.exercise-question h3>[lang=de],.exercise-options [lang=de]{min-width:0;overflow-wrap:anywhere}
.answer-row b{flex:none}
.answer-rows select{width:0;min-width:0;max-width:100%;text-overflow:ellipsis}
.reader-loading{padding:24px;font-size:17px}
.answer-source-heading p{font-size:15px;color:#607268;margin-bottom:20px}
@media(max-width:1200px){.reader-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}#source-content{padding:24px}.exercise-word-bank{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.reader-layout{display:flex;flex-direction:column}.source-panel,.answer-panel{width:100%;min-width:0}#source-content{padding:20px 16px}.mode-tabs{padding:12px 16px}.exercise-title{font-size:17.1px;padding:10px 12px;gap:10px}.exercise-prose,.exercise-ad p{font-size:18.05px;line-height:1.9}.exercise-question{padding:16px 12px}.exercise-question h3,.exercise-options{font-size:17.1px}.exercise-word-bank{grid-template-columns:repeat(2,minmax(0,1fr));font-size:14.25px;gap:8px}.exercise-word-bank>div{padding:7px;gap:6px}.exercise-ad{padding:18px 16px}}

/* Each Grammatik aktiv citation opens its original page in place. */
.ga-refs .ga-source-list{list-style:none;padding:0;margin:16px 0}
.ga-refs .ga-source-list>li{margin:0;min-width:0}
.ga-source{border-bottom:1px solid var(--line);min-width:0}
.ga-source>summary{padding:15px 4px;line-height:2;cursor:pointer;color:var(--green);overflow-wrap:anywhere}
.ga-source>summary:hover{text-decoration:underline;text-underline-offset:4px}
.ga-source>summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
.ga-source[open]>summary{font-weight:600}
.ga-source-pages{padding:8px 0 24px;min-width:0}
.ga-source-pages figure{margin:0 0 20px;min-width:0}
.ga-source-pages figure:last-child{margin-bottom:0}
.ga-source-pages figcaption{font-size:14px;color:var(--muted);margin-bottom:10px}
.ga-source-pages img{display:block;width:100%;max-width:1100px;height:auto;margin-inline:auto;background:white;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){.ga-source>summary{font-size:14px;padding-block:14px}.ga-source-pages{padding-bottom:16px}}

/* The navigation can be tucked away without changing the study route. */
.sidebar-toggle{position:fixed;top:18px;right:214px;z-index:30;display:grid;place-items:center;width:32px;height:36px;padding:5px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--green);cursor:pointer}
.sidebar-toggle svg{width:22px;height:22px}
.sidebar-toggle:hover{background:#edf4ef;border-color:#9fb6a9}
.sidebar-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
body.sidebar-collapsed .sidebar{display:none}
body.sidebar-collapsed .app{margin-right:0}
body.sidebar-collapsed .sidebar-toggle{right:14px}
body.sidebar-collapsed .sidebar-toggle-arrow{transform:rotate(180deg);transform-origin:9px 12px}
@media(max-width:1100px) and (min-width:761px){.sidebar-toggle{right:196px}}
@media(max-width:760px){.sidebar-toggle,body.sidebar-collapsed .sidebar-toggle{top:18px;right:18px}.sidebar .brand{padding-right:34px}body.sidebar-collapsed main{padding-top:74px}}

/* One continuous teaching column: relation, comparison, worked example, practice. */
.grammar-study{max-width:900px;margin-inline:auto;min-width:0}
.grammar-study .page-heading{margin-bottom:24px}
.cause-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);margin-bottom:24px;gap:4px}
.cause-tabs button{font:600 18px/1.7 Vazirmatn,system-ui,sans-serif;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:12px 8px 14px;cursor:pointer;min-width:0}
.cause-tabs button span{display:block;font:400 14px/1.7 Vazirmatn,system-ui,sans-serif;margin-top:3px}
.cause-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);background:#edf4ef}
.cause-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.cause-panel{padding:28px;background:white;border:1px solid var(--line);border-radius:10px;min-width:0}
.cause-panel[hidden]{display:none}
.cause-panel>header{display:block;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0}
.cause-panel header h2{font-size:22px;line-height:1.8;margin:0 0 10px}
.cause-panel header p{font-size:16px;line-height:2;margin:0 0 24px;color:var(--muted)}
.cause-example{padding:22px 0;border-top:1px solid var(--line)}
.cause-example-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.cause-example-heading h3{font:600 21px/1.6 Vazirmatn,system-ui,sans-serif;margin:0;color:var(--green)}
.cause-example-heading>span{font-size:15px;color:var(--muted)}
.cause-german{font:400 20px/1.9 Vazirmatn,system-ui,sans-serif;text-align:left;overflow-wrap:anywhere;margin:0 0 12px;color:var(--ink)}
.cause-example>.cause-german{background:#f2f6f3;border-left:3px solid #7f9f8c;border-radius:3px;padding:16px 18px}
.cause-connector{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#7b9c87}
.cause-verb{font-weight:600;background:#f4e6c6;padding:1px 4px;border-radius:3px}
.cause-translation{font-size:16px;line-height:2;margin:0 0 10px}
.cause-explanation{font-size:16px;line-height:2;color:#52625a;margin:0}
.cause-extra{font-size:15px;line-height:2.1;margin:0 0 24px;padding:14px 16px;background:#f5f7f5;border-radius:4px;overflow-wrap:anywhere}
.cause-worked{padding-top:24px;border-top:1px solid var(--line)}
.cause-worked h3{font-size:18px;margin:0 0 12px}
.cause-worked>p,.cause-worked details>p{font-size:16px;line-height:2;margin:0 0 12px}
.cause-worked .cause-task{font-size:19px;text-align:left;color:var(--ink)}
.cause-worked summary,.cause-extra-reading>summary{cursor:pointer;color:var(--green);font-size:16px;line-height:2;padding-block:8px}
.cause-worked details[open]>summary{margin-bottom:12px}
.cause-worked details .cause-german{font-size:19px}
.grammar-study>.tk-quiz{margin-block:28px}
.grammar-study .tk-quiz .section-heading h2{font-size:22px}
.cause-extra-reading{border-bottom:1px solid var(--line);padding-block:10px}
.cause-extra-reading>.ga-lesson{margin:16px 0 24px}
@media(max-width:760px){.cause-tabs{gap:0;margin-bottom:18px}.cause-tabs button{font-size:16px;padding:10px 4px}.cause-tabs button span{font-size:11.5px}.cause-panel{padding:20px 16px}.cause-panel>header{display:block;height:auto;min-height:0;padding:0;margin:0;background:transparent;border:0}
.cause-panel header h2{font-size:20px}.cause-german{font-size:18.5px}.cause-example>.cause-german{padding:12px}.cause-example-heading{gap:10px}.cause-example-heading>span{font-size:14px}.cause-extra{padding:12px}.cause-worked .cause-task,.cause-worked details .cause-german{font-size:18px}}

/* Shared teaching layout, with topic-specific content in every lesson. */
.study-course .cause-tabs{grid-template-columns:repeat(var(--study-tab-count),minmax(0,1fr))}
.study-course .cause-tabs button span{overflow-wrap:anywhere}
.study-course .cause-example-heading h3{overflow-wrap:anywhere;max-width:70%}
.study-worked{margin-top:24px}
.study-worked h2{font-size:20px;line-height:1.8;margin:0 0 16px}
.study-worked>p,.study-worked details>p{font-size:16px;line-height:2;margin:0 0 14px}
.study-worked .cause-task{font-size:19px;text-align:left;overflow-wrap:anywhere}
.study-worked details{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
.study-worked summary,.study-reference-table>summary{font-size:16px;line-height:2;cursor:pointer;color:var(--green);padding:8px 0}
.study-worked details[open]>summary{margin-bottom:14px}
.study-worked details .cause-german{font-size:19px;text-align:left}
.study-reference-table{margin-top:18px;padding:10px 0;border-bottom:1px solid var(--line)}
.study-reference-table .pronoun-reference{margin-top:14px}
.study-reference-table .exam-table-wrap{max-width:100%}
.grammar-catalog-tools{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:20px 0}
.grammar-groups{display:flex;flex-wrap:wrap;gap:8px}
.grammar-groups button{font:400 15px/1.8 Vazirmatn,system-ui,sans-serif;background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:9px 13px;cursor:pointer}
.grammar-groups button[aria-pressed=true]{color:var(--green);border-color:#86a592;background:#edf4ef;font-weight:600}
.grammar-groups button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.grammar-catalog-tools>.select{flex:none}
@media(max-width:760px){.study-course[data-study-count="4"] .cause-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.study-course .cause-tabs button span{font-size:12px}.study-worked{margin-top:20px}.study-worked .cause-task,.study-worked details .cause-german{font-size:18px}.grammar-catalog-tools{display:block}.grammar-catalog-tools>.select{margin-top:14px;max-width:100%}.grammar-groups{gap:7px}.grammar-groups button{font-size:14px;padding:8px 10px}}
.select{appearance:none;-webkit-appearance:none;padding-inline:14px 42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23506358' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:18px}
.grammar-catalog-tools>#tk-grammar-sort{margin-bottom:0}
.tk-quiz .actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.tk-quiz .actions .btn{flex:1 1 160px;min-height:46px;margin:0;padding:10px 16px;font-size:15px;line-height:1.6;border-width:1px;border-style:solid}
.tk-quiz .actions .btn:not(.outline):not(.light){border-color:transparent}
@media(max-width:760px){.tk-quiz .actions{gap:10px}.tk-quiz .actions .btn{flex:1 1 120px}.tk-quiz .actions #tk-reset-quiz{flex:1 1 100%;min-height:44px;margin:0;padding:10px 16px}}

/* Experimental daily plan: one goal, a dated list, and measured completion. */
.daily-page{max-width:1040px;margin:auto}.daily-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.daily-heading h1{margin:8px 0}.daily-heading p{margin:0;color:var(--muted);font-size:16px}.daily-preview{display:inline-block;color:var(--green);font-size:13px;background:var(--mint);border:1px solid #d7e3da;padding:2px 9px;border-radius:4px}.daily-setup{max-width:800px;padding:30px}.daily-setup h2{font-size:22px;margin:0 0 26px}.daily-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.daily-fields>label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:600}.daily-fields .select,.daily-fields .search{width:100%;min-width:0;font-weight:400;min-height:48px}.daily-fields input[type=date]{direction:ltr;text-align:right}.daily-optional{display:inline;color:var(--muted);font-size:13px;font-weight:400}.daily-weekdays{border:0;margin:28px 0 18px;padding:0;min-width:0}.daily-weekdays legend{padding:0 0 12px;font-size:16px;font-weight:600}.daily-weekdays>div{display:flex;gap:8px;flex-wrap:wrap}.daily-weekdays label{cursor:pointer}.daily-weekdays input{position:absolute;opacity:0;pointer-events:none}.daily-weekdays span{display:block;border:1px solid #cbd6cf;padding:7px 12px;border-radius:5px;background:#fff;font-size:15px}.daily-weekdays input:checked+span{background:var(--mint);color:var(--green);border-color:#719782}.daily-weekdays input:focus-visible+span{outline:3px solid #618dba;outline-offset:3px}.daily-note{color:var(--muted);font-size:14px;line-height:1.9}.daily-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}#daily-error{color:#9c3636}.daily-overview{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:9px;padding:26px 30px;gap:40px}.daily-overview>div+div{border-right:1px solid var(--line);padding-right:40px}.daily-overview span{font-size:16px}.daily-overview strong{display:block;font-size:36px;font-weight:700;line-height:1.5;margin:8px 0;color:var(--green)}.daily-overview strong small{font-size:20px;margin-right:5px}.daily-overview p{font-size:14px;color:var(--muted);margin:8px 0 0}.daily-overview progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#e9eeeb;accent-color:var(--green)}.daily-overview progress::-webkit-progress-bar{background:#e9eeeb;border-radius:8px}.daily-overview progress::-webkit-progress-value{background:var(--green);border-radius:8px}.daily-overview progress::-moz-progress-bar{background:var(--green);border-radius:8px}.daily-agenda{margin-top:34px}.daily-agenda-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.daily-agenda-head h2{margin:0;font-size:22px}.daily-calendar-actions{display:flex;gap:8px}.daily-calendar-actions button:disabled{opacity:.4;cursor:default}.daily-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:24px}.daily-days button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 4px;color:var(--ink);cursor:pointer}.daily-days button.selected{border-color:var(--green);box-shadow:inset 0 -3px var(--green);background:var(--mint)}.daily-days span,.daily-days small{display:block;font-size:13px;color:var(--muted)}.daily-days b{display:block;font-size:21px;line-height:1.8}.daily-days .selected span,.daily-days .selected small{color:var(--green)}.daily-task{display:flex;gap:18px;background:#fff;border:1px solid #d2ddd6;border-radius:8px;padding:23px 24px;margin-top:14px;align-items:flex-start}.daily-task.is-done{background:#f1f6f2;border-color:#b9d1bf}.daily-tick{padding-top:7px;display:flex;min-width:24px;min-height:44px;align-items:flex-start;cursor:pointer}.daily-tick input{width:22px;height:22px;accent-color:var(--green);margin:0;cursor:pointer}.daily-tick input:disabled{cursor:default}.daily-task-body{flex:1;min-width:0}.daily-task-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.daily-task-done{color:var(--green);font-weight:600}.daily-task h3{font-size:19px;margin:7px 0}.daily-task p{font-size:16px;margin:5px 0 10px;color:var(--muted);max-width:68ch}.daily-open{color:var(--green);font-weight:600;font-size:15px;display:inline-flex;gap:10px;align-items:center;min-height:44px}.daily-open:hover{text-decoration:underline;text-underline-offset:5px}.daily-audio summary{cursor:pointer;color:var(--green);padding:10px 0;font-size:15px}.daily-audio audio{display:block;width:100%;max-width:480px;margin:8px 0}.daily-audio label{font-size:14px;color:var(--muted)}.daily-task small.daily-note{display:block}.daily-overdue{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff8ed;border:1px solid #ead8bc;border-radius:6px;padding:12px 18px;font-size:15px}.daily-overdue .text-button{font-size:14px}.daily-rest{padding:32px;background:#fff;border:1px solid var(--line);border-radius:8px}.daily-rest p{color:var(--muted)}.daily-explanation{border-top:1px solid var(--line);margin-top:32px;padding:20px 0}.daily-explanation summary{cursor:pointer;font-size:15px;color:var(--muted)}.daily-explanation p{font-size:15px;color:var(--muted);max-width:78ch}.daily-return{position:fixed;top:14px;left:18px;z-index:95;display:block;border:1px solid #abc2b3;border-radius:6px;background:#fff;color:var(--green);padding:8px 14px;font-size:14px;box-shadow:0 2px 8px #1a352a12}.daily-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;margin-bottom:18px;border-bottom:1px solid var(--line);color:var(--green);font-size:16px}.daily-entry small{font-size:13px;color:var(--muted)}
@media(max-width:760px){.daily-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.daily-heading h1{font-size:25px}.daily-heading p{font-size:14px}.daily-heading>.btn,.daily-heading>.back-link{flex-shrink:0;margin-top:8px}.daily-setup{padding:22px 18px}.daily-fields{grid-template-columns:1fr;gap:18px}.daily-weekdays>div{gap:7px}.daily-weekdays span{font-size:14px;padding:7px 10px}.daily-overview{gap:18px;padding:20px 16px}.daily-overview>div+div{padding-right:18px}.daily-overview span{font-size:14px}.daily-overview strong{font-size:30px}.daily-overview p{font-size:12px}.daily-note{font-size:13px}.daily-agenda-head{align-items:flex-start;flex-wrap:wrap}.daily-agenda-head h2{font-size:20px}.daily-calendar-actions .btn{font-size:13px;padding:7px 10px}.daily-days{gap:5px}.daily-days span,.daily-days small{font-size:11px;white-space:nowrap}.daily-days b{font-size:19px}.daily-task{padding:18px 14px;gap:12px}.daily-task-meta{gap:8px 12px;font-size:13px}.daily-task h3{font-size:18px}.daily-task p{font-size:15px}.daily-overdue{flex-direction:column;align-items:flex-start;gap:4px}.daily-return{top:auto;bottom:62px;left:12px;font-size:13px;padding:8px 12px}.daily-entry{font-size:15px}.daily-form-actions .btn{flex:1}.daily-rest{padding:22px}}
.daily-overview{padding:20px 26px}.daily-overview strong{line-height:1.3;margin:4px 0 8px}.daily-days button{padding:6px 4px}.daily-days b{line-height:1.5}.daily-task{padding:18px 22px}.daily-setup .daily-fields input{flex:none}
@media(max-width:760px){.daily-overview{padding:18px 16px}.daily-task{padding:18px 14px}.daily-days button{padding:8px 2px}}
.daily-learning-summary{display:flex;align-items:center;gap:12px 26px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:24px;font-size:14px;color:var(--muted)}.daily-learning-summary a{font-size:16px;font-weight:600;color:var(--green);display:flex;gap:12px}.daily-learning-state{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding:8px 0;margin:4px 0}.daily-learning-state label{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;color:var(--green)}.daily-learning-state input{width:17px;height:17px;accent-color:var(--green);margin:0}.daily-why{border-right:2px solid #dce7df;margin:10px 0;padding-right:12px}.daily-why summary{font-size:14px;color:var(--muted);cursor:pointer}.daily-why p{font-size:14px;margin:8px 0}.daily-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.daily-material{border:1px solid var(--line);border-radius:7px;background:#fff;padding:22px;min-width:0}.daily-material h2{font-size:18px;margin:8px 0}.daily-material h2 a{color:var(--ink)}.daily-material h2 a:hover{color:var(--green)}.daily-material .daily-learning-state{align-items:flex-start;flex-direction:column;gap:6px}.daily-material audio{display:block;max-width:100%;width:100%;margin-top:12px}.daily-explanation a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.daily-explanation h3{margin-top:24px}.daily-explanation li{margin:12px 0;font-size:15px;max-width:78ch}.daily-material-filters .select{max-width:100%}
@media(max-width:760px){.daily-learning-summary{gap:10px 18px;font-size:13px}.daily-learning-summary a{flex-basis:100%}.daily-materials{grid-template-columns:1fr}.daily-material{padding:18px}.daily-learning-state{font-size:13px;align-items:flex-start;flex-direction:column;gap:6px}.daily-material-filters .select{flex:1 1 100%;width:100%}.daily-why summary{font-size:13px}}
.daily-study-check{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;border:1px solid #d6e1d9;background:#f6faf7;border-radius:6px;padding:11px 16px;margin-bottom:22px;font-size:14px;color:var(--muted)}.daily-study-check label{display:flex;gap:8px;align-items:center;min-height:32px;color:var(--green);cursor:pointer}.daily-study-check input{width:17px;height:17px;accent-color:var(--green)}.daily-study-check a{margin-inline-start:auto;text-decoration:underline;text-underline-offset:4px;color:var(--green)}
@media(max-width:760px){.daily-study-check{font-size:13px;padding:10px 12px;gap:8px 16px}.daily-study-check label{flex-basis:100%}}
.daily-adjustment{background:#edf4ef;border:1px solid #cedfd3;border-radius:6px;padding:12px 16px;margin:0 0 20px;font-size:15px;color:#285d48}
@media(max-width:760px){.daily-adjustment{font-size:14px;padding:12px}}

/* A quieter skill hub, with visible boundaries and a single daily starting point. */
:root{--bg:#f6f7f4;--line:#d5dfd8;--ink:#23352c;--muted:#5c6b62}.panel{border-radius:10px}.sidebar nav a{border-radius:7px}.sidebar nav a.active{background:#eaf2ed;box-shadow:inset -3px 0 #285d48}.home-start{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;margin:0 0 32px}.home-today,.home-resume{border:1px solid #cbd9ce;border-radius:12px;padding:26px;background:#fff;min-width:0}.home-today{background:#f0f5ef;border-color:#bfd0c3}.home-today header{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-today h2{font-size:24px;margin:0}.home-duration{font-size:14px;background:#fff;border:1px solid #d2dfd5;border-radius:5px;padding:4px 10px;white-space:nowrap}.home-day-progress{display:flex;gap:12px;align-items:center;margin:18px 0}.home-day-progress progress{height:6px;flex:1;width:100%;accent-color:var(--green)}.home-day-progress span{font-size:13px;white-space:nowrap;color:var(--green)}.home-today ol{list-style:none;padding:0;margin:0 0 20px}.home-today li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid #dce5dc;font-size:16px}.home-today li:last-child{border:0}.home-today li>span{color:var(--green);flex-shrink:0}.home-today li a{flex:1;min-width:0}.home-today li small{font-size:13px;white-space:nowrap;color:var(--muted)}.home-today li.done a{text-decoration:line-through;color:var(--muted)}.home-today>p{font-size:17px;max-width:48ch;margin:18px 0 24px}.home-label{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}.home-resume h2{font-size:22px;line-height:1.65;margin:0 0 8px}.home-resume p{font-size:15px;color:var(--muted);margin-bottom:20px}.home-review-link{display:block;margin-top:18px;color:var(--green);font-size:14px;text-decoration:underline;text-underline-offset:4px}.home-section-heading{margin:0 0 18px}.home-section-heading h2{font-size:21px}.home-section-heading>span{font-size:13px;color:var(--muted)}.home-skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-skill{display:grid;grid-template-columns:40px 1fr 18px;column-gap:14px;row-gap:16px;align-items:center;border:1px solid #cbd8ce;border-radius:11px;background:#fff;padding:22px;min-width:0;transition:border-color .15s,background .15s}.home-skill:hover{border-color:#638b72;background:#fbfdfb}.home-skill-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--green);background:#edf3ec;border-radius:9px}.home-skill-icon svg{width:25px;height:25px}.home-skill h3{font-size:20px;margin:0}.home-skill p{font-size:14px;color:var(--muted);margin:2px 0 0;text-align:right}.home-skill-arrow{color:var(--green)}.home-skill small{grid-column:2/4;color:var(--muted);font-size:14px}.home-utilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0;margin-top:26px;border-top:1px solid var(--line)}.home-utilities>a{display:flex;align-items:center;gap:12px;padding:12px 0;min-width:0}.home-utilities svg{width:24px;height:24px;flex-shrink:0;color:var(--green)}.home-utilities div{flex:1;min-width:0}.home-utilities strong{display:block;font-size:16px}.home-utilities span{font-size:13px;color:var(--muted)}.home-utilities b{font-size:16px;color:var(--green)}
.skill-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.skill-intro p{font-size:16px;color:var(--muted);margin:0}.listening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.listening-set{padding:22px}.listening-set .section-heading{margin:0 0 12px}.listening-set h2{font-size:21px}.listening-set .section-heading>span{font-size:13px;color:var(--muted)}.listening-entry{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:19px 0}.listening-part{display:grid;place-items:center;width:30px;height:32px;border-radius:6px;background:#edf3ec;color:var(--green);flex-shrink:0}.listening-entry>div{flex:1;min-width:0}.listening-entry h3{font-size:17px;margin:0 0 5px}.listening-entry div>span{font-size:13px;color:var(--muted)}.listening-entry>b{font-size:13px;white-space:nowrap;color:var(--green)}.listening-entry:hover h3{color:var(--green)}.listening-workspace{max-width:940px;margin:auto}.listening-player{margin-bottom:24px;background:#f1f5ef;border-color:#c8d8cc}.listening-player-head{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px}.listening-player-head h2{font-size:20px;margin:0}.listening-player-head>span{font-size:13px;color:var(--muted)}.listening-player audio{display:block;width:100%}.listening-controls{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:16px}.listening-controls label{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px}.listening-controls .select{min-height:40px;min-width:88px}.listening-controls input{accent-color:var(--green)}.listening-questions{margin-bottom:24px}.listening-questions>.section-heading{margin-top:0}.listening-questions .section-heading>span{font-size:14px;color:var(--muted)}.listening-question{min-width:0;border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin:0 0 28px}.listening-question legend{width:100%;display:flex;gap:12px;align-items:baseline;margin-bottom:15px;font-size:18px;text-align:left;direction:ltr;line-height:1.8}.listening-question legend>span{font-size:14px;background:#eef3ee;color:var(--green);padding:2px 9px;border-radius:5px;flex-shrink:0}.listening-question legend b{font-weight:500}.listening-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.listening-options label{cursor:pointer;display:flex;gap:10px;align-items:center;border:1px solid #cdd9cf;border-radius:6px;padding:12px 16px;font-size:16px;background:#fafcf9}.listening-options label:has(input:checked){border-color:#638d70;background:#edf4ee}.listening-options input{accent-color:var(--green);width:17px;height:17px}.listening-options label:has(input:disabled){cursor:default}.listening-feedback{font-size:15px;padding:10px 0 0;margin:0}.listening-feedback.correct{color:#285d48}.listening-feedback.wrong{color:#943b32}.listening-questions .actions,.vocab-review .actions{display:flex;gap:12px;flex-wrap:wrap}.listening-transcript{margin-bottom:24px}.listening-transcript summary{font-size:18px;cursor:pointer;min-height:36px}.listening-transcript>div{font:400 18px/1.95 Georgia,serif;max-width:70ch;margin:22px auto}.listening-transcript>div p{margin:0 0 18px;white-space:normal;overflow-wrap:anywhere}.listening-notes h2{font-size:19px}.listening-notes textarea{width:100%;min-height:120px;font-size:16px;line-height:1.8;border:1px solid var(--line);border-radius:6px;padding:14px}.practice-answer-progress{color:var(--green);font-size:14px;padding:7px 10px;border:1px solid #d1dfd5;border-radius:5px;background:#eff5ee}.model-speak{margin:10px 0 18px}
.vocab-form-panel{margin-bottom:22px}.vocab-form-panel summary{font-size:17px;cursor:pointer}.vocab-form-panel form{margin-top:22px}.vocab-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.vocab-form-panel label{display:flex;flex-direction:column;gap:8px;font-size:15px}.vocab-form-panel .search{min-width:0;width:100%;flex:none}.vocab-form-panel textarea{width:100%;min-height:100px;padding:12px;font-size:17px;border:1px solid var(--line);border-radius:6px;margin-bottom:18px}.vocab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vocab-card{padding:22px;min-width:0}.vocab-card-top{display:flex;gap:16px;justify-content:space-between;align-items:center;direction:ltr}.vocab-card h2{font-size:22px;font-family:Georgia,serif;margin:0;overflow-wrap:anywhere;min-width:0}.vocab-card-top .btn{flex-shrink:0;font-size:13px;min-height:38px}.vocab-card>p{font-size:16px}.vocab-card .vocab-example{font-family:Georgia,serif;font-size:18px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.vocab-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px;margin-top:18px}.vocab-actions .text-button{padding:0;font-size:14px;min-height:36px}.vocab-actions a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.vocab-review{max-width:740px;margin:24px auto;text-align:center;padding:32px}.vocab-prompt{font:500 30px/1.6 Georgia,serif;margin:12px 0 20px}.vocab-reveal{border-top:1px solid var(--line);margin:24px 0;padding-top:20px}.vocab-reveal p{font-size:19px}.vocab-reveal [lang=de]{font-family:Georgia,serif;line-height:1.8}.vocab-review .actions{justify-content:center}.vocab-review .back-link{display:block;margin:24px 0 0;font-size:14px}.tr-actions{flex-wrap:wrap;gap:8px}#tr-save{flex-basis:100%;background:#edf4ee;color:var(--green);border:1px solid #c4d6c9;border-radius:5px;min-height:38px}#tr-save:disabled{opacity:.55}#toast button{margin-inline-start:16px;background:transparent;color:#fff;border:0;text-decoration:underline;font:inherit;cursor:pointer}
@media(max-width:1000px) and (min-width:761px){.home-start{grid-template-columns:1.3fr 1fr}.home-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.listening-grid{grid-template-columns:1fr}.listening-entry{padding:16px 0}.vocab-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-start{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.home-today,.home-resume{padding:20px}.home-today h2{font-size:22px}.home-today li{font-size:15px;gap:8px}.home-today li small{font-size:12px}.home-resume h2{font-size:20px}.home-section-heading{align-items:flex-start;gap:12px;flex-direction:column}.home-section-heading h2{font-size:20px}.home-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-skill{grid-template-columns:1fr 16px;padding:16px;gap:10px;align-items:start}.home-skill-icon{grid-column:1;grid-row:1;width:34px;height:34px}.home-skill-icon svg{width:22px;height:22px}.home-skill>div{grid-column:1/3;grid-row:2}.home-skill-arrow{grid-column:2;grid-row:1}.home-skill h3{font-size:18px}.home-skill p{font-size:13px}.home-skill small{grid-column:1/3;grid-row:3;font-size:12px}.home-utilities{grid-template-columns:1fr;gap:0;margin-top:24px;padding:12px 0}.home-utilities>a{padding:17px 0;border-bottom:1px solid var(--line)}.home-utilities>a:last-child{border:0}.skill-intro{flex-direction:column;align-items:flex-start}.listening-grid{grid-template-columns:1fr;gap:16px}.listening-set{padding:18px}.listening-entry{padding:16px 0}.listening-player-head{align-items:flex-start;gap:10px;flex-direction:column}.listening-controls{gap:10px 14px}.listening-questions{padding:20px 16px}.listening-questions>.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.listening-question legend{font-size:17px;gap:9px}.listening-options{grid-template-columns:1fr;gap:9px}.listening-options label{font-size:15px;padding:12px}.listening-transcript summary{font-size:16px}.listening-transcript>div{font-size:17px}.listening-questions .actions .btn{flex:1;min-width:125px}.vocab-fields,.vocab-grid{grid-template-columns:1fr}.vocab-card h2{font-size:21px}.vocab-review{padding:24px 18px}.vocab-prompt{font-size:27px}.vocab-review .actions .btn{flex:1;min-width:120px}.sidebar nav a.active{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.home-skill{transition:none}}
/* Vocabulary bank: readable examples, visible topic filters, quiet metadata. */
.vocab-bank-intro{margin:20px 0 24px;max-width:720px;color:var(--muted);line-height:1.9}
.vocab-toolbar{display:flex;gap:12px;align-items:stretch}.vocab-toolbar .search{flex:1;min-width:0}.vocab-toolbar .select{min-width:190px}
.vocab-count{font-size:13px;color:var(--muted);margin:0 0 18px}.vocab-topic-label{font-size:12px;color:var(--green);display:block;margin-bottom:14px}.vocab-forms{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.7}.vocab-meaning{font-weight:600;line-height:1.9}.vocab-pagination{justify-content:center;margin:24px 0;align-items:center;gap:20px}.vocab-sources{margin-top:28px;line-height:1.9}.vocab-sources p{max-width:800px}.vocab-sources a{text-decoration:underline}.vocab-card .btn:disabled{opacity:.65;cursor:default}
@media(max-width:600px){.vocab-toolbar{flex-direction:column}.vocab-toolbar .select{width:100%}.vocab-pagination{gap:12px}.vocab-card-top{align-items:flex-start}}
/* Vocabulary: a small, focused reading desk. */
.vocabulary-workspace{max-width:1160px;margin-inline:auto;--vocab-accent:#3e7061;--vocab-wash:#eff6f1}
.vocabulary-workspace .page-heading{margin-bottom:28px;align-items:center}.vocabulary-workspace .page-heading h1{font-size:32px;letter-spacing:-.7px}.vocabulary-workspace .page-heading p{margin-top:6px;font-size:15px}
.vocabulary-workspace .tabs{gap:8px;border-bottom:0;background:#e9efeb;display:inline-flex;padding:5px;border-radius:12px;margin-bottom:26px}.vocabulary-workspace .tab{border:0;border-radius:8px;font-size:15px;padding:10px 20px;color:#56675e;min-height:44px}.vocabulary-workspace .tab.active{background:#fff;color:#264e40;box-shadow:0 2px 5px #213a2e0a}
.vocab-topic-grid{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}.vocab-topic-chip{font:inherit;font-size:13px;display:flex;align-items:center;gap:9px;border:1px solid #dce4de;border-radius:24px;background:#fff;padding:9px 13px;color:#455a4e;cursor:pointer;min-height:42px;transition:background .15s,border-color .15s}.vocab-topic-chip small{font-size:11px;min-width:18px;opacity:.8}.vocab-topic-dot{width:7px;height:7px;border-radius:50%;background:#6d9c81}.tone-1 .vocab-topic-dot{background:#c49356}.tone-2 .vocab-topic-dot{background:#829ab6}.tone-3 .vocab-topic-dot{background:#ab889e}.vocab-topic-chip:hover{border-color:#8fa99a;background:#f7faf8}.vocab-topic-chip.selected{background:#2c5a47;color:#fff;border-color:#2c5a47}.vocab-topic-chip.selected .vocab-topic-dot{background:#d7e9c9}.vocab-topic-chip:focus-visible{outline:3px solid #9bb7a6;outline-offset:3px}
.vocabulary-workspace .vocab-toolbar{padding:0;margin-bottom:14px;gap:12px}.vocabulary-workspace .vocab-toolbar .search,.vocabulary-workspace .vocab-toolbar .select{border-radius:10px;background:#fff;min-height:48px;font-size:14px}.vocabulary-workspace .vocab-count{margin-bottom:20px;font-size:12px;color:#66766d}
.vocabulary-workspace .vocab-grid{gap:20px;align-items:stretch}.vocabulary-workspace .vocab-card{--card-accent:#3e7061;--card-wash:#eff6f1;position:relative;border:1px solid #d9e2dc;border-radius:16px;background:#fff;padding:25px 26px 20px;box-shadow:0 3px 12px #1f3f2e05;display:flex;flex-direction:column;margin:0;transition:border-color .18s,box-shadow .18s}
.vocabulary-workspace .vocab-card:hover{border-color:#a2b6a9;box-shadow:0 5px 16px #1f3f2e0a}.vocab-card[data-topic=work],.vocab-card[data-topic=email],.vocab-card[data-topic=travel]{--card-accent:#886334;--card-wash:#faf4e9}.vocab-card[data-topic=media],.vocab-card[data-topic=education],.vocab-card[data-topic=housing]{--card-accent:#486a8a;--card-wash:#f0f5f9}.vocab-card[data-topic=society],.vocab-card[data-topic=opinion]{--card-accent:#855d79;--card-wash:#f8f2f6}
.vocabulary-workspace .vocab-topic-label{align-self:flex-start;background:var(--card-wash);color:var(--card-accent);font-size:11px;padding:4px 10px;border-radius:5px;margin-bottom:18px}.vocabulary-workspace .vocab-card-top{align-items:center;gap:12px;margin-bottom:8px}.vocabulary-workspace .vocab-card h2{font:600 25px/1.5 Georgia,serif;letter-spacing:-.3px;color:#243d32;margin:0;overflow-wrap:anywhere}.vocabulary-workspace .vocab-card-top button{flex-shrink:0;border:0;background:#f4f7f5;color:#52685a;min-height:36px;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:6px}.vocabulary-workspace .vocab-card-top button svg{width:18px;height:18px}.vocabulary-workspace .vocab-card-top button span{display:none}.vocabulary-workspace .vocab-card-top button:hover{background:#e4eee7;color:#284b39}.vocabulary-workspace .vocab-forms{font:400 12px/1.7 system-ui,sans-serif;color:#768279;margin-bottom:18px}.vocabulary-workspace .vocab-meaning{font-size:16px;line-height:1.9;font-weight:500;margin:0 0 18px;color:#334d40}
.vocabulary-workspace .vocab-example{font:400 18px/1.85 Georgia,serif;background:var(--card-wash);border:0;border-inline-start:3px solid var(--card-accent);border-radius:0 9px 9px 0;padding:13px 16px;margin:0 0 18px;color:#405548;white-space:normal}.vocabulary-workspace .vocab-actions{margin-top:auto;padding-top:3px;gap:14px}.vocabulary-workspace .vocab-actions .btn{font-size:12px;min-height:37px;border-radius:8px;padding:8px 12px;background:#edf4ef;color:#335b45;border:1px solid #dce8df}.vocabulary-workspace .vocab-actions .btn:hover:not(:disabled){background:#dfeee3;border-color:#acc6b4}.vocabulary-workspace .vocab-actions .btn:disabled{background:transparent;border-color:transparent;color:#577060;opacity:1}.vocabulary-workspace .vocab-sources{font-size:13px;color:#718078;margin-top:32px}
@media(max-width:760px){.vocabulary-workspace .page-heading{align-items:flex-start;gap:14px}.vocabulary-workspace .page-heading h1{font-size:28px}.vocabulary-workspace .page-heading p{font-size:13px}.vocabulary-workspace .page-heading .btn{font-size:12px;padding:8px 10px;min-height:38px}.vocabulary-workspace .tabs{margin-bottom:20px}.vocabulary-workspace .tab{padding:9px 13px;font-size:13px}.vocab-topic-grid{flex-wrap:nowrap;overflow-x:auto;margin-inline:-2px;padding:2px 2px 10px;scrollbar-width:thin;gap:8px;margin-bottom:18px}.vocab-topic-chip{flex-shrink:0;font-size:12px;min-height:40px}.vocabulary-workspace .vocab-card{padding:21px 20px 18px;border-radius:14px}.vocabulary-workspace .vocab-card h2{font-size:23px}.vocabulary-workspace .vocab-grid{gap:16px}.vocabulary-workspace .vocab-example{font-size:17px;padding:12px 14px}.vocabulary-workspace .vocab-topic-label{margin-bottom:14px}.vocabulary-workspace .vocab-meaning{font-size:15px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.vocab-topic-chip,.vocabulary-workspace .vocab-card{transition:none}}
@media(min-width:761px){.vocabulary-workspace #vocab-topic{display:none}}
@media(max-width:760px){.vocabulary-workspace .vocab-topic-grid{display:none}}
/* Article game: one noun and one deliberate choice at a time. */
.article-game-entry{display:flex;gap:18px;align-items:center;border:1px solid #d4e1d8;border-radius:12px;background:#eef5ef;padding:17px 20px;margin:0 0 24px;transition:border-color .15s}.article-game-entry:hover{border-color:#779b83}.article-game-entry>span:last-child{margin-inline-start:auto;color:#42715a}.article-game-entry strong{display:block;font-size:16px;color:#2e543f}.article-game-entry small{display:block;font-size:12px;color:#687d6b;margin-top:4px}.article-entry-tiles{display:flex;gap:4px;transform:rotate(-5deg)}.article-entry-tiles b{display:grid;place-items:center;width:35px;height:38px;border-radius:7px;background:#e4edf7;color:#4e6c8d;font:600 15px Georgia,serif}.article-entry-tiles b:nth-child(2){background:#f2e6ed;color:#8b5b75;transform:translateY(-4px)}.article-entry-tiles b:nth-child(3){background:#f2ecd9;color:#8d7432}
.article-workspace{max-width:860px;margin:0 auto}.article-workspace>.back-link{display:inline-block;margin-bottom:22px;color:#698172;font-size:13px}.article-workspace .page-heading{margin-bottom:28px}.article-workspace .page-heading h1{font-size:30px}.article-workspace .page-heading p{font-size:15px;margin-top:8px}.article-setup{border-radius:18px!important;padding:32px!important;text-align:center;box-shadow:0 4px 20px #274b3406}.article-cover{display:flex;justify-content:center;gap:12px;margin:5px 0 26px}.article-cover span{font:600 27px Georgia,serif;display:grid;place-items:center;width:76px;height:82px;border:1px solid #cddcec;border-radius:13px;background:#edf3fa;color:#4a6d91;transform:rotate(-7deg)}.article-cover span:nth-child(2){transform:translateY(-8px);background:#f7edf3;color:#95647f;border-color:#e4cedc}.article-cover span:nth-child(3){transform:rotate(7deg);background:#f9f4e5;color:#907736;border-color:#e7dcc0}.article-setup h2{font-size:23px;margin:0 0 12px}.article-setup>p{color:#64766b;font-size:14px;line-height:1.9}.article-setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:right;margin:26px auto 0;max-width:570px}.article-setup-fields label{font-size:13px;color:#4a6254;display:flex;gap:9px;flex-direction:column}.article-setup-fields .select{width:100%;border-radius:9px;font-size:14px;min-height:48px}.article-availability{min-height:27px;margin:18px 0}.article-start{min-width:210px;border-radius:9px}.article-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 0;gap:14px;text-align:center}.article-stats>div{padding:18px 8px;border-inline-end:1px solid #dce4de}.article-stats>div:last-child{border:0}.article-stats strong{display:block;font-size:26px;color:#355c45}.article-stats strong small{font-size:13px;font-weight:400;color:#78857c}.article-stats span{font-size:12px;color:#6c7d71;display:block;margin-top:9px}.article-footnote{font-size:12px;color:#7e8981;text-align:center;margin:25px 0;line-height:1.9}
.article-round-head{display:flex;justify-content:space-between;gap:18px;font-size:14px;color:#5f7567;margin-bottom:14px}.article-progress{display:block;width:100%;height:6px;accent-color:#4f8767;border:0;border-radius:8px;margin:0 0 24px;overflow:hidden}.article-progress::-webkit-progress-bar{background:#e5ece7}.article-progress::-webkit-progress-value{background:#528566}.article-play-card{background:#fff;border:1px solid #d7e2da;border-radius:20px;padding:32px;box-shadow:0 5px 22px #294e3706}.article-question{text-align:center}.article-topic{font-size:12px;color:#6d8475;background:#eff5f0;border-radius:20px;padding:5px 12px}.article-word{font:500 clamp(28px,4vw,43px)/1.6 Georgia,serif;color:#2c4236;overflow-wrap:anywhere;margin:30px 0 18px}.article-blank{display:inline-block;min-width:60px;border-bottom:2px dashed #bbcabf;color:#8b9d90;margin-right:8px;font-size:.8em}.article-blank.gender-der{color:#476b92;border-bottom:0}.article-blank.gender-die{color:#94617f;border-bottom:0}.article-blank.gender-das{color:#927637;border-bottom:0}.article-prompt{font-size:13px;color:#7b897f;margin:0 0 24px}.article-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:570px;margin:0 auto}.article-choice{font:600 29px/1.2 Georgia,serif;min-height:86px;border:2px solid #cfdeec;background:#f1f6fc;color:#4b6c8f;border-radius:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s,border-color .15s}.article-choice.gender-die{border-color:#e6d0dd;background:#faf0f6;color:#91617c}.article-choice.gender-das{border-color:#e6dcbc;background:#fcf8eb;color:#8d7537}.article-choice:hover:not(:disabled){transform:translateY(-3px);border-color:currentColor}.article-choice:focus-visible{outline:3px solid #749a80;outline-offset:4px}.article-choice.answer-correct{border-color:#6a9577;background:#eaf5ed;color:#356a46}.article-choice.answer-wrong{border-color:#bd8174;background:#fcf0eb;color:#995348}.article-choice.answer-muted{opacity:.45}.article-choice:disabled{cursor:default}.article-feedback{margin:30px 0 0;border-top:1px solid #e1e8e3;padding-top:25px}.article-feedback h2{font-size:17px;color:#44714f;margin:0 0 17px}.is-wrong .article-feedback h2{color:#9a6752}.article-meaning{font-size:18px;margin-bottom:10px;color:#3a5544}.article-forms{font-size:13px;color:#7c8980;line-height:1.8}.article-example{font:400 19px/1.85 Georgia,serif;color:#435b4b;background:#f1f6f2;border-left:3px solid #84a58c;padding:14px 18px;border-radius:0 9px 9px 0;margin:18px 0}.article-hint{font-size:13px;color:#758477;line-height:1.9;margin:14px 0 25px}.article-feedback-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.article-feedback-actions .btn{border-radius:8px}.article-feedback-actions .text-button{font-size:13px;color:#6e8272}.article-exit{display:block;margin:24px 0;text-align:center;font-size:13px;color:#7b897f}.article-round-result{display:flex;gap:23px;align-items:center;background:#edf5ee;border:1px solid #d3e3d6;border-radius:16px;padding:23px 26px;margin-bottom:24px;flex-wrap:wrap}.article-score{font-size:42px;color:#447452;line-height:1.3;min-width:70px}.article-score span{display:block;font-size:14px;color:#6a8270}.article-round-result h2{font-size:21px;margin:0 0 8px}.article-round-result p{font-size:13px;color:#68806e}.article-round-details{flex-basis:100%;font-size:14px;color:#5d7765;border-top:1px solid #d1e0d4;padding-top:15px}.article-round-details summary{cursor:pointer}.article-round-details ul{padding:0;margin:15px 0 0;list-style:none}.article-round-details li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce8df;padding:11px 0;flex-wrap:wrap}.article-round-details li b{font-family:Georgia,serif;font-size:17px}.article-round-details li span{font-size:12px}
@media(max-width:760px){.article-game-entry{padding:15px;gap:13px}.article-entry-tiles b{width:27px;height:32px;font-size:13px}.article-game-entry strong{font-size:14px}.article-game-entry small{font-size:11px}.article-workspace .page-heading h1{font-size:26px}.article-workspace .page-heading p{font-size:13px}.article-setup{padding:26px 18px!important}.article-setup-fields{gap:13px;grid-template-columns:1fr}.article-cover span{width:61px;height:67px;font-size:24px}.article-stats{gap:0}.article-stats strong{font-size:23px}.article-stats span{font-size:11px;line-height:1.9}.article-play-card{padding:26px 18px;border-radius:16px}.article-word{font-size:30px;margin:25px 0 18px}.article-choices{gap:10px}.article-choice{min-height:70px;font-size:25px}.article-prompt{font-size:12px;line-height:1.9}.article-feedback-actions{gap:10px}.article-feedback-actions .btn{font-size:13px;padding:10px 13px}.article-round-result{padding:20px;gap:18px}.article-round-result>div:nth-child(2){flex:1;min-width:130px}.article-round-result p{line-height:1.9}.article-blank{min-width:45px}.article-example{font-size:17px;padding:12px}.article-footnote{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.article-choice,.article-game-entry{transition:none}.article-choice:hover:not(:disabled){transform:none}}
@media(max-width:760px){.article-workspace>.back-link{padding-inline-end:40px;min-height:24px}}
/* A readable comparison, rather than isolated answer letters. */
.answer-row{grid-template-columns:28px minmax(0,1fr)!important;align-items:start}.answer-row>b{padding-top:11px;font-size:13px}.answer-row select{width:100%;min-width:0;text-align:left;font-family:system-ui,sans-serif;font-size:15px!important;padding:10px 24px 10px 10px!important}.answer-row .key-label{grid-column:2;font-size:12px!important;line-height:1.9;color:#5b7664;white-space:normal;padding:0 3px}.answer-row.wrong .key-label{color:#a15c47}.answer-row.correct,.answer-row.wrong{padding:8px;border-radius:7px}.answer-row.wrong{background:#fcf1eb}.answer-row.correct{background:#eef6ef}.practice-review-heading{margin-bottom:24px}.practice-review-heading h2{font-size:23px;margin:0 0 10px;color:#314d3c}.practice-review-heading p{font-size:13px;color:#778479;line-height:1.9}.practice-score-summary{display:flex;gap:18px;align-items:center;background:#eaf3ec;border-radius:12px;padding:18px 22px;margin-bottom:24px}.practice-score-summary strong{font-size:28px;color:#3e684d;white-space:nowrap}.practice-score-summary span{font-size:14px;line-height:1.9;color:#64806b}.practice-review-list{display:grid;gap:16px}.practice-review-item{border:1px solid #d9e3dc;border-radius:12px;padding:20px;background:#fff;overflow:hidden}.practice-review-item>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.practice-review-item h3{font-size:16px;color:#355540;margin:0}.practice-review-item header>span{font-size:12px;color:#597b62}.practice-review-item.wrong{border-inline-start:4px solid #bb8067}.practice-review-item.correct{border-inline-start:4px solid #6d9676}.practice-review-item.disputed,.practice-review-item.unmarked{border-inline-start:4px solid #c3a867;background:#fffdf7}.practice-review-item.wrong header>span{color:#a16a51}.practice-review-item.disputed header>span,.practice-review-item.unmarked header>span{color:#9b8043}.practice-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.practice-comparison>div{padding:13px 15px;background:#f6f8f6;border-radius:8px;min-width:0}.practice-comparison>div:last-child{background:#eef5ee}.practice-comparison small{display:block;color:#6f8174;font-size:12px;margin-bottom:10px}.practice-comparison p{font:500 18px/1.7 system-ui,sans-serif;color:#324e3a;margin:0;overflow-wrap:anywhere}.practice-answer-note{font-size:14px!important;line-height:2!important;margin:16px 0 0;color:#6f7567}.practice-completed{margin-top:30px;border-top:1px solid #dae5dd;padding-top:20px}.practice-completed summary{font-size:17px;color:#456a50;cursor:pointer;margin-bottom:22px}.completed-gap{color:#2e6541;background:#e9f3e8;border-radius:4px;padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.completed-gap sup{font:400 10px system-ui,sans-serif;color:#6e8f72}.completed-gap.disputed{background:#fff0d0;color:#8b6a27}.practice-original-source{border-top:1px solid #dbe4dd;margin-top:30px;padding-top:18px;font-size:13px;color:#7b877e}.practice-original-source summary{cursor:pointer}.practice-original-source figure{margin:20px 0}.practice-original-source img{width:100%;height:auto;display:block;border:1px solid #e0e5e1}.practice-original-source figcaption{font-size:12px;margin-bottom:12px}.source-panel{scroll-margin-top:24px}
@media(min-width:851px){.answer-panel{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-self:start;top:20px}}
@media(max-width:850px){.answer-panel{max-height:none;overflow:visible}.practice-comparison{grid-template-columns:1fr;gap:10px}.practice-review-item{padding:16px}.practice-review-item>header{gap:10px;align-items:flex-start}.practice-review-heading h2{font-size:20px}.practice-score-summary{padding:16px;gap:14px}.practice-score-summary strong{font-size:25px}.practice-comparison p{font-size:17px}.practice-completed .exercise-prose{font-size:18px}}
.answer-row{display:grid!important}.answer-row .key-label{display:block;min-width:0}.practice-review-item>header{padding:0;border:0;min-height:0;margin:0 0 14px}.practice-review-item>header h3{padding:0;border:0;margin:0;line-height:1.8}.practice-comparison p{padding:0!important}.practice-review-item .practice-answer-note{font-size:13px!important}
.practice-review-item>header{height:auto}
.mode-tabs .btn.active{background:#315f47!important;color:#fff!important;border-color:#315f47!important}.mode-tabs .btn:not(.active){background:#fff;color:#5c7463;border-color:#d4dfd6}
@media(max-width:760px){.reader-heading>a{margin-inline-end:36px}}

/* Question context stays attached to its answer comparison. */
.practice-review-question{margin:0 0 18px;padding:16px;background:#f3f7f5;border-radius:8px;font-family:inherit;font-size:1.05rem;line-height:1.8;text-align:left;overflow-wrap:anywhere}
.practice-review-context{margin-bottom:18px}.practice-review-context p{line-height:1.9;overflow-wrap:anywhere}
.practice-comparison p{overflow-wrap:anywhere;white-space:normal}.practice-answer-note{line-height:1.9}

/* Shared controls: explicit icon gutter, independent of browser chrome and bidi. */
select:not([multiple]):not([size]){
 appearance:none!important;-webkit-appearance:none!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23506358' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-size:18px 18px!important;
 padding-inline:14px 46px!important;min-height:44px;
}
select:not([multiple]):not([size]):dir(rtl){background-position:left 16px center!important;text-align:right}
select:not([multiple]):not([size]):dir(ltr){background-position:right 16px center!important;text-align:left}
.answer-row{grid-template-columns:32px minmax(0,1fr)!important;column-gap:12px;align-items:start}
.answer-row>b{font-family:Vazirmatn,Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;font-variant-numeric:tabular-nums;line-height:44px;width:32px;min-height:44px;padding:0!important;text-align:center;direction:rtl;unicode-bidi:isolate}
.answer-row select{font-family:Vazirmatn,Arial,sans-serif!important;line-height:1.6;min-height:46px}
summary{position:relative;list-style:none;padding-inline-end:36px!important;min-height:32px}
summary::-webkit-details-marker{display:none}
summary::marker{content:''}
summary::after{content:'';position:absolute;inset-inline-end:12px;top:calc(50% - 4px);width:8px;height:8px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(135deg);transform-origin:center;pointer-events:none}
summary:dir(ltr)::after{transform:rotate(-45deg)}
details[open]>summary::after{transform:rotate(45deg)}
.btn>span:last-child{unicode-bidi:isolate}

.profile-page{max-width:1120px;margin-inline:auto}.profile-banner{display:flex;align-items:center;gap:22px;padding:28px 30px;margin-bottom:26px;background:#eaf2ed;border:1px solid #d2e1d7;border-radius:14px}.profile-banner h2{font-size:28px;margin:4px 0}.profile-banner p{margin:0;color:#62776b}.profile-eyebrow{font-size:13px;color:#597866}.profile-avatar{display:grid;place-items:center;flex:none;width:78px;height:78px;border-radius:24px;font-size:32px;font-weight:700;background:#315f47;color:white}.profile-avatar.tone-clay{background:#a96d50}.profile-avatar.tone-blue{background:#567b98}.profile-banner>.btn{margin-inline-start:auto}.profile-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.profile-editor h2,.profile-overview h2,.profile-storage h2{font-size:20px;margin:0 0 22px}.profile-editor form>label{display:block;margin:20px 0 8px;font-size:15px;font-weight:500}.profile-editor label small{font-weight:400;color:var(--muted);margin-inline-start:6px}.profile-editor .search,.profile-editor .select,.profile-editor textarea{width:100%;min-width:0}.profile-editor textarea{font:inherit;line-height:1.9;padding:12px 14px;border:1px solid #ccd7cf;border-radius:6px;resize:vertical;min-height:104px;background:#fff;color:var(--ink)}.profile-hint{font-size:13px;color:var(--muted);line-height:1.9;margin:8px 0}.profile-colors{border:0;padding:0;margin:24px 0;display:flex;gap:10px;flex-wrap:wrap}.profile-colors legend{padding:0;margin-bottom:10px;font-size:15px}.profile-colors label{display:flex;gap:7px;align-items:center;border:1px solid #cbd7d0;border-radius:7px;padding:8px 12px;cursor:pointer}.profile-colors input{accent-color:#315f47}.profile-colors .tone-clay input{accent-color:#a96d50}.profile-colors .tone-blue input{accent-color:#567b98}.profile-colors label:has(input:checked){background:#edf4ef;border-color:#62836f}.profile-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.profile-actions [role=status]{font-size:14px;color:#315f47}.profile-overview{display:grid;gap:20px}.profile-stats{margin:0}.profile-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e4eae6}.profile-stats dt{font-size:14px;color:#64786b}.profile-stats dd{margin:0;font-size:24px;font-weight:600;color:#315f47;white-space:nowrap}.profile-stats small{font-size:13px;font-weight:400;color:#738377}.profile-text-link{display:inline-block;color:#315f47;margin-top:20px;text-decoration:underline;text-underline-offset:4px;font-size:14px}.profile-goal h3{font-size:18px;margin:0 0 12px}.profile-goal p{font-size:15px;line-height:1.9;color:#64786b}.profile-goal .btn{margin-top:10px}.profile-storage{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.profile-storage h2{font-size:17px;margin:0 0 8px}.profile-storage p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.profile-storage .btn{flex:none}
@media(max-width:760px){.profile-layout{grid-template-columns:1fr}.profile-banner{padding:22px 18px;gap:14px;flex-wrap:wrap}.profile-avatar{width:60px;height:60px;border-radius:19px;font-size:26px}.profile-banner h2{font-size:23px}.profile-banner p{font-size:14px}.profile-banner>.btn{margin-inline-start:74px}.profile-storage{align-items:stretch;flex-direction:column;gap:16px}.profile-stats dd{font-size:23px}}
/* Language switch stays reachable when the navigation is collapsed. */
#language-switch{position:fixed;left:18px;top:16px;z-index:75;display:flex;gap:2px;padding:3px;background:#fff;border:1px solid #d2ded6;border-radius:9px;box-shadow:0 2px 12px #203d2b10;direction:ltr}
#language-switch button{font:500 13px/1.4 Vazirmatn,Arial,sans-serif;border:0;border-radius:6px;background:transparent;color:#4b6557;padding:6px 10px;min-height:34px}
#language-switch button[aria-pressed=true]{background:#315f47;color:white}
.english-ui #language-switch{left:auto;right:18px}
@media(min-width:761px){.english-ui .sidebar{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}.english-ui .app{margin-right:0;margin-left:230px}.english-ui .sidebar-toggle{right:auto;left:214px}.english-ui.sidebar-collapsed .app{margin-left:0}.english-ui.sidebar-collapsed .sidebar-toggle{left:14px}.english-ui .sidebar-toggle-arrow{transform:rotate(180deg);transform-origin:9px 12px}.english-ui.sidebar-collapsed .sidebar-toggle-arrow{transform:none}}
@media(min-width:761px) and (max-width:1100px){.english-ui .app{margin-left:212px}.english-ui.sidebar-collapsed .app{margin-left:0}}
@media(max-width:760px){#language-switch{top:16px;left:14px}.english-ui #language-switch{left:auto;right:14px}.english-ui .sidebar-toggle,.english-ui.sidebar-collapsed .sidebar-toggle{right:auto;left:18px}}
.english-ui .reader-layout>section,.english-ui .reader-layout>aside{direction:ltr}.english-ui .practice-review-question,.english-ui [lang=de]{direction:ltr}.english-ui .profile-banner,.english-ui .profile-layout,.english-ui .profile-storage{direction:ltr}.english-ui .profile-editor form>label,.english-ui .profile-stats dt{text-align:left}
/* Reserve space for the always-visible language control. */
.english-ui main{padding-top:78px}
@media(max-width:760px){.english-ui main{padding-top:76px}}

.english-ui .daily-overview>div+div{border-right:0;padding-right:0;border-left:1px solid var(--line);padding-left:40px}
@media(max-width:760px){.english-ui .daily-overview>div+div{border:0;padding-left:0}}

/* Keep the language control and brand from overlapping on narrow screens. */
@media(max-width:500px){
  .sidebar .brand>div{display:none}
  .sidebar .brand{justify-content:flex-end}
  .english-ui .sidebar .brand{justify-content:flex-start;padding-left:44px;padding-right:0}
}

.vocab-fallback{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.vocab-fallback[hidden]{display:none}

/* The full-width tablet sidebar has room for navigation labels. */
@media (min-width:761px) and (max-width:800px){
  .sidebar .brand{justify-content:flex-start}
  .sidebar .brand>div,.sidebar .side-bottom{display:block}
  .sidebar nav{margin-top:0}
  .sidebar nav a{justify-content:flex-start;padding:11px 13px}
  .sidebar nav a span{display:inline}
}

.english-ui .direction-arrow{display:inline-block;transform:scaleX(-1)}