/* Reference and progression are separate working surfaces. */
.practice-translations-hidden [data-translation],.practice-translations-hidden .translation-target,.practice-translations-hidden .content-ar,.practice-translations-hidden .lesson-darija,.practice-translations-hidden .learn-prompt-darija,.practice-translations-hidden .masari-question-ar,.practice-translations-hidden .masari-translation,.practice-translations-hidden .learn-rule,.practice-translations-hidden .learn-meaning,.practice-translations-hidden .learn-example-darija,.practice-translations-hidden .learn-english,.practice-translations-hidden .learn-grammar-feedback>p:not([lang="de"]),.practice-translations-hidden .learn-result-list details>p:not([lang="de"]){display:none!important}
.translation-visibility-button{font:inherit;font-size:14px;min-height:44px;padding:9px 14px;border:1px solid #c6d4e7;border-radius:9px;background:#fff;color:#255897;cursor:pointer;margin:8px 0 16px;max-width:100%}
.translation-visibility-button:focus-visible,.reference-button:focus-visible{outline:3px solid #83aaff;outline-offset:3px}
#screen-reference{max-width:1100px;--text:#202b38;--navy:#202b38;--deep:#202b38;--muted:#5a6878;--blue:#2462ee;--white:#fff;--paper:#f6f8fb;--soft:#f0f4f9;--line:#dbe3ee;--aqua:#edf4ff;--teal:#255897;color:#202b38;color-scheme:light}
#screen-reference h1,#screen-reference h2,#screen-reference h3{font-family:inherit;color:#202b38;line-height:1.5}
#screen-reference .learn-heading h1{font-size:clamp(26px,3vw,34px)}
#screen-reference .learn-levels,#screen-reference .learn-tabs{flex-wrap:wrap;overflow:visible;direction:rtl;justify-content:flex-start;gap:8px}
#screen-reference .learn-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#screen-reference .learn-tabs button{white-space:normal;min-width:0;padding:11px 8px;line-height:1.5}
#screen-reference .learn-levels button{min-width:54px;padding:8px 13px}
.reference-muted{font-size:14px;color:#596e88;line-height:1.8}.reference-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.reference-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reference-rule-card{background:#fff;border:1px solid #dae3ef;border-radius:12px;padding:22px;min-width:0}.reference-rule-card h3{font-size:22px;margin:8px 0 4px}.reference-title-de{font-size:16px;color:#627590;text-align:right!important}.reference-rule-copy{font-size:16px;line-height:1.85;white-space:pre-line}.reference-example{padding:12px 0;border-top:1px dashed #d9e3ef}.reference-example p{margin:4px 0;overflow-wrap:anywhere;line-height:1.8}.reference-example [lang="de"]{font-size:17px}.reference-translation{font-size:16px;color:#275da8;line-height:1.85}
.reference-button{font:inherit;font-size:15px;line-height:1.6;min-height:44px;padding:10px 16px;border:1px solid #c6d4e7;background:white;color:#253b58;border-radius:9px;cursor:pointer;max-width:100%}.reference-button.is-primary{background:#2462ee;border-color:#2462ee;color:white}.reference-rule-card>.reference-button{width:100%;margin-top:14px}
.reference-session-header{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #d8e3ef}.reference-session-header>div{flex:1;min-width:0;display:grid;gap:4px}.reference-session-header small{color:#63728b}.reference-logo{width:34px;height:34px;object-fit:contain}.reference-session-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0}.reference-session-tools .translation-visibility-button{margin:0}.reference-quiz-card{max-width:760px;margin:20px auto 30px;background:white;border:1px solid #d7e2ef;border-radius:12px;padding:26px;min-width:0}.reference-quiz-card h1{font-size:23px;overflow-wrap:anywhere;line-height:1.65}.reference-quiz-card fieldset{border:0;padding:0;margin:20px 0}.reference-quiz-card legend{font-size:14px;font-weight:650}.reference-choice{display:flex;align-items:center;gap:14px;border:1px solid #cbd9e8;border-radius:9px;padding:14px 16px;min-height:60px;margin:10px 0;cursor:pointer}.reference-choice input{width:20px;height:20px;flex:none;accent-color:#2462ee}.reference-choice>span{flex:1;min-width:0;display:grid;gap:6px}.reference-choice strong{font-size:17px;font-weight:550;overflow-wrap:anywhere}.reference-choice small{color:#526d93;font-size:14px;line-height:1.7}.reference-choice:has(input:checked){border-color:#2462ee;background:#edf4ff}.reference-choice.is-correct{background:#eef9f2;border-color:#52a877}.reference-choice.is-incorrect{background:#fff3f1;border-color:#dc8b7d}.reference-feedback{color:#345e89;line-height:1.85;margin:16px 0}.reference-feedback:empty{display:none}.reference-score{font-size:30px;color:#2462ee}.reference-answer-review{border-top:1px solid #dae3ee;padding:18px 0;margin-top:18px}.reference-answer-review h2{font-size:18px;overflow-wrap:anywhere}.reference-answer-review small{color:#5d718d}.reference-quiz-card>.reference-button{margin:5px}.reference-rule-grid [lang="de"],.reference-quiz-card [lang="de"]{direction:ltr;text-align:left;unicode-bidi:isolate}
body.reference-focus{background:#f6f8fb;background-image:none;padding-bottom:0}body.reference-focus .topbar,body.reference-focus .mobile-nav,body.reference-focus .topnav,body.reference-focus #page-location,body.reference-focus .site-footer,body.reference-focus .germany-backdrop,body.reference-focus .experience-banner,body.reference-focus .cloud-banner,body.reference-focus #screen-reference>.learn-heading,body.reference-focus #screen-reference>.learn-levels,body.reference-focus #screen-reference>.learn-tabs,body.reference-focus #screen-reference>.learn-section-intro,body.reference-focus #screen-reference>.learn-footer,body.reference-focus #screen-reference>.translation-visibility-button{display:none!important}body.reference-focus main{max-width:980px;padding:0 20px;margin:auto}body.reference-focus #screen-reference{background:transparent;padding:0;margin:0}
html[data-theme="dark"] #screen-reference{background:#f6f8fb;padding:20px;border-radius:12px}html[data-theme="dark"] body.reference-focus #screen-reference{background:transparent;padding:0}
@media(max-width:720px){.reference-rule-grid{grid-template-columns:1fr;gap:16px}.reference-rule-card{padding:18px}.reference-rule-card h3{font-size:20px}.reference-quiz-card{padding:20px 16px}.reference-quiz-card h1{font-size:21px}.reference-choice{padding:12px;gap:10px}.reference-choice strong{font-size:16px}.reference-session-header>.reference-button{font-size:12px;padding:7px 9px}.reference-session-header strong{font-size:15px}.reference-session-header{gap:8px}.reference-logo{width:28px;height:28px}.reference-session-tools .reference-button{font-size:13px}.reference-actions{display:grid}.reference-quiz-card>.reference-button{margin-inline:0}.reference-quiz-card h2{font-size:18px}#screen-reference .learn-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}#screen-reference .learn-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}#screen-reference .learn-levels button{min-width:0;padding:9px 0;font-size:14px}#screen-reference .learn-heading{gap:12px;align-items:start}#screen-reference .learn-heading>.button{font-size:12px;padding:8px;max-width:90px}body.reference-focus main{padding:0 12px}html[data-theme="dark"] #screen-reference{padding:14px}}

@media(max-width:720px){.masari-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.masari-levels .masari-button{min-width:0;padding:9px 1px;font-size:14px}.masari-levels .masari-lock{font-size:10px}}

.learn-section-intro{font-size:15px;color:#526780;line-height:1.85;margin:14px 0 18px;overflow-wrap:anywhere}.study-focus #screen-reference>.learn-section-intro{display:none!important}