:root{--paper:#f5f0e5;--paper-deep:#e8dfcf;--surface:#fffdf8;--surface-soft:#faf7ef;--ink:#17332f;--ink-soft:#5f6f6b;--teal:#126b5f;--teal-soft:#126b5f17;--saffron:#c28a2e;--coral:#bd654f;--blue:#416e88;--line:#d7d0c2;--line-dark:#afa797;--success:#26794e;--danger:#a84f3d;--shadow:0 18px 50px #17332f14;--arabic:"Noto Naskh Arabic", "Traditional Arabic", "Geeza Pro", "Segoe UI", serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 10% 0%, #c28a2e14, transparent 31rem), var(--paper);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:3px;outline:3px solid #126b5f59}h1,h2,h3,p{margin-top:0}bdi{unicode-bidi:isolate}kbd{border:1px solid var(--line-dark);min-width:23px;height:23px;color:var(--ink-soft);font:750 13px/1 var(--sans);background:#ffffffb3;border-radius:4px;place-items:center;display:inline-grid}.site-shell{min-height:100vh}.topbar{border-bottom:1px solid #17332f29;justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1120px);min-height:88px;margin:0 auto;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#f7f1e5;background:#123f36;border:1px solid #2d756ae6;border-radius:13px;place-items:center;width:46px;height:46px;font:700 31px/1 Segoe UI,Tahoma,Arial,sans-serif;display:grid;box-shadow:inset 0 0 0 1px #f7f1e50a}.brand>span:last-child{gap:1px;display:grid}.brand strong{letter-spacing:-.02em;font-size:18px}.brand small{color:var(--ink-soft);font-size:13px}.top-actions{align-items:center;gap:22px;display:flex}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;min-height:44px;padding:4px 0;font-size:15px;font-weight:750}.text-button:hover{color:var(--teal)}.danger-text{color:var(--danger)}.eyebrow{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px;font-size:13px;font-weight:850;line-height:1.1}.primary-button,.secondary-button,.hint-button{border:1px solid var(--ink);cursor:pointer;border-radius:8px;min-height:48px;padding:0 19px;font-size:15px;font-weight:800;transition:transform .16s,background .16s,color .16s,border-color .16s}.primary-button{background:var(--ink);color:#fff}.primary-button:hover:not(:disabled){background:var(--teal);border-color:var(--teal);transform:translateY(-1px)}.secondary-button{background:0 0}.secondary-button:hover:not(:disabled),.hint-button:hover:not(:disabled){border-color:var(--teal);color:var(--teal)}.hint-button{background:var(--surface)}button:disabled{cursor:not-allowed;opacity:.42}.danger-button{background:var(--danger);border-color:var(--danger)}.home-shell{grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);align-items:start;gap:58px;width:min(100% - 48px,1120px);margin:0 auto;padding:64px 0 48px;display:grid}.home-intro{padding-top:18px;position:sticky;top:28px}.home-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,78px);line-height:.98}.home-intro h1 em{color:var(--teal);font-style:normal}.home-copy{max-width:470px;color:var(--ink-soft);margin:28px 0;font-size:17px;line-height:1.7}.home-facts{border-top:1px solid var(--line);gap:0;display:grid}.home-facts span{border-bottom:1px solid var(--line);min-height:54px;color:var(--ink-soft);align-items:center;gap:10px;font-size:14px;display:flex}.home-facts strong{min-width:32px;color:var(--ink);font-size:22px}.setup-card,.review-callout,.exercise-card,.results-shell{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:16px}.setup-card{overflow:hidden}.setup-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:90px;padding:22px 24px;display:flex}.setup-heading h2{letter-spacing:-.035em;margin:0;font-size:28px}.setup-heading>span{color:var(--ink-soft);font-size:13px}.topic-grid{grid-template-columns:1fr 1fr;gap:10px;padding:18px;display:grid}.topic-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:start;gap:13px;min-height:132px;padding:16px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.topic-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 9px 20px #17332f12}.topic-card:focus-within{outline-offset:3px;outline:3px solid #1f6b624d}.topic-card.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 4px 0 0 var(--teal)}.topic-card input{opacity:0;width:1px;height:1px;position:absolute}.topic-card>span{gap:4px;display:grid}.topic-card bdi{color:var(--teal);font:700 24px/1.45 var(--arabic)}.topic-card small{color:var(--ink-soft);font-size:13px;line-height:1.45}.topic-card i{background:var(--paper);width:28px;height:28px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:13px;font-style:normal;font-weight:800;display:grid}.topic-card.selected i{background:var(--teal);color:#fff}.setup-actions{border-top:1px solid var(--line);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.setup-actions>span{color:var(--ink-soft);font-size:14px}.review-callout{box-shadow:none;grid-column:2;justify-content:space-between;align-items:center;gap:22px;margin-top:-28px;padding:22px 24px;display:flex}.review-callout h2{margin:0;font-size:19px}.site-footer{width:min(100% - 48px,1120px);min-height:80px;color:var(--ink-soft);border-top:1px solid #17332f29;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;font-size:13px;display:flex}.site-footer p{margin:0}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.practice-shell{width:min(100% - 48px,980px);margin:0 auto;padding:34px 0 70px}.session-header{justify-content:space-between;align-items:center;gap:24px;min-height:62px;display:flex}.session-progress-copy{color:var(--ink-soft);align-items:baseline;gap:15px;font-size:14px;display:flex}.session-progress-copy b{color:var(--ink);font-size:17px}.progress-track{background:var(--paper-deep);border-radius:99px;height:6px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--teal);height:100%;transition:width .25s;display:block}.exercise-card{margin-top:20px;overflow:hidden}.question-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:102px;padding:24px 30px;display:flex}.question-title h1{letter-spacing:-.035em;max-width:720px;margin:0;font-size:28px;line-height:1.25}.ending-badge{border:1px solid var(--line);color:var(--ink-soft);border-radius:99px;flex:none;padding:8px 13px;font-size:13px}.sentence-panel{background:var(--surface-soft);padding:24px 30px 20px}.arabic-sentence{min-height:145px;font:650 clamp(42px, 5vw, 64px)/1.75 var(--arabic);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;display:flex}.word-token{min-height:62px;font:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:0 5px;display:inline-grid;position:relative}button.word-token{cursor:pointer}button.word-token:hover{box-shadow:0 0 0 1px var(--line);background:#fff}.mapped-word{border-bottom:3px solid var(--line-dark)}.mapped-word small{background:var(--ink);color:#fff;width:23px;height:23px;font:800 13px/1 var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:-3px;right:-3px}.active-word{border-color:var(--teal);background:var(--teal-soft)}.selected-word{background:var(--teal-soft);box-shadow:0 0 0 2px var(--teal)}.word-token.state-marfu{border-bottom-color:var(--blue);background:#416e8814}.word-token.state-mansub{border-bottom-color:var(--coral);background:#bd654f14}.word-token.state-majrur{border-bottom-color:var(--teal);background:#126b5f14}.word-token.state-mabni{border-bottom-color:var(--saffron);background:#c28a2e17}.translation{border-top:1px solid var(--line);grid-template-columns:70px 1fr;align-items:baseline;gap:14px;padding-top:15px;display:grid}.translation span{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:850}.translation p{color:var(--ink-soft);margin:0;font-size:16px}.answer-panel{border-top:1px solid var(--line)}.target-tabs{border-bottom:1px solid var(--line);background:var(--surface-soft);display:flex;overflow-x:auto}.target-tabs button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:27px 1fr 20px;align-items:center;gap:8px;min-width:150px;min-height:62px;padding:8px 13px;display:grid}.target-tabs button.active{box-shadow:inset 0 -3px 0 var(--teal);background:#fff}.target-tabs button>span{background:var(--paper-deep);border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;display:grid}.target-tabs button.active>span{background:var(--teal);color:#fff}.target-tabs bdi{font:700 24px var(--arabic)}.target-tabs i{color:var(--success);font-style:normal;font-weight:900}.target-summary{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:10px 15px;display:flex}.target-summary span{color:var(--ink-soft);font-size:14px}.target-summary bdi{color:var(--teal);font:700 27px var(--arabic)}.choice-section{border:0;margin:26px 0 0;padding:0}.choice-section legend{margin-bottom:11px;padding:0;font-size:17px;font-weight:800}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.identity-grid>.choice-card:last-child:nth-child(odd){grid-column:1/-1}.choice-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:13px;min-height:82px;padding:11px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.choice-card:hover,.state-choice:hover{border-color:var(--teal);transform:translateY(-1px)}.choice-card.selected,.state-choice.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 4px 0 0 var(--teal)}.choice-card>span,.state-choice>span{gap:2px;display:grid}.choice-card bdi,.state-choice bdi{color:var(--teal);font:700 24px/1.35 var(--arabic)}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.state-choice{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:76px;padding:9px 10px;display:grid}.state-choice.state-marfu.selected{border-color:var(--blue);box-shadow:inset 4px 0 0 var(--blue);background:#416e8814}.state-choice.state-mansub.selected{border-color:var(--coral);box-shadow:inset 4px 0 0 var(--coral);background:#bd654f14}.state-choice.state-majrur.selected{border-color:var(--teal)}.state-choice.state-mabni.selected{border-color:var(--saffron);box-shadow:inset 4px 0 0 var(--saffron);background:#c28a2e17}.state-skip,.hint-box{border-left:4px solid var(--teal);background:var(--teal-soft);border-radius:4px;gap:4px;margin-top:24px;padding:13px 16px;display:grid}.state-skip span,.hint-box span{color:var(--ink-soft);font-size:14px}.hint-box{border-left-color:var(--saffron);background:#c28a2e17}.answer-actions,.feedback-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:26px;display:flex}.answer-actions>div{gap:10px;display:flex}.keyboard-note{color:var(--ink-soft);text-align:right;margin:14px 0 0;font-size:13px}.feedback-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.feedback-heading h2{letter-spacing:-.035em;margin:0;font-size:30px}.feedback-heading p:last-child{color:var(--ink-soft);margin:7px 0 0;font-size:15px}.clean-badge,.review-badge{border-radius:99px;padding:8px 13px;font-size:13px;font-weight:850}.clean-badge{color:var(--success);background:#26794e1a}.review-badge{color:var(--danger);background:#a84f3d1a}.feedback-list{gap:13px;margin-top:24px;display:grid}.feedback-list article{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;padding:17px}.feedback-word{align-items:center;gap:10px;display:flex}.feedback-word>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:850;display:grid}.feedback-word bdi{font:700 28px var(--arabic)}.answer-chain{align-items:stretch;gap:10px;margin-top:13px;display:flex}.answer-chain>span{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;gap:2px;padding:10px 13px;display:grid}.answer-chain bdi{font:700 24px var(--arabic)}.answer-chain small{color:var(--ink-soft);font-size:13px}.answer-chain i{color:var(--line-dark);align-self:center;font-style:normal}.answer-chain .incorrect{border-color:#a84f3d80}.answer-chain .correct{border-color:#26794e73}.feedback-list article>p{color:var(--ink-soft);margin:13px 0 0;font-size:15px;line-height:1.6}.also-note{color:var(--teal);margin-top:7px;font-size:13px;font-weight:700;display:block}.feedback-actions>span{color:var(--ink-soft);font-size:14px}.results-shell{width:min(100% - 48px,900px);margin:58px auto 80px;overflow:hidden}.results-hero{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:32px;min-height:190px;padding:34px 38px;display:flex}.results-hero .eyebrow{color:#efc36b}.results-hero h1{letter-spacing:-.045em;margin:0;font-size:38px}.results-hero p:last-child{color:#ffffffb3;margin:9px 0 0;font-size:15px}.results-hero>strong{letter-spacing:-.06em;font-size:64px}.score-grid{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.score-grid article+article{border-left:1px solid var(--line)}.score-grid span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.07em;font-size:14px;font-weight:800}.score-grid strong{margin:5px 0 13px;font-size:34px;display:block}.score-grid article>div{background:var(--paper-deep);border-radius:99px;height:6px;overflow:hidden}.score-grid i{background:var(--teal);height:100%;display:block}.score-grid p{color:var(--ink-soft);margin:11px 0 0;font-size:14px}.result-facts{border-bottom:1px solid var(--line);background:var(--surface-soft);grid-template-columns:1fr 1fr;display:grid}.result-facts span{min-height:78px;color:var(--ink-soft);align-items:center;gap:10px;padding:16px 30px;font-size:15px;display:flex}.result-facts span+span{border-left:1px solid var(--line)}.result-facts strong{color:var(--ink);font-size:26px}.session-trail>div{justify-content:space-between;gap:20px;display:flex}.session-trail>div>span{color:var(--ink-soft);font-size:13px}.session-trail article{border-top:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 72px;align-items:center;gap:13px;min-height:58px;display:grid}.session-trail article>span{color:var(--ink-soft);font-size:13px}.session-trail bdi{text-overflow:ellipsis;white-space:nowrap;font:600 24px var(--arabic);overflow:hidden}.session-trail article>strong{text-align:right;font-size:13px}.session-trail .clean{color:var(--success)}.session-trail .review{color:var(--danger)}.results-actions{border-top:1px solid var(--line);background:var(--surface-soft);justify-content:flex-end;padding:20px 30px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#081d1abf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.notes-dialog{background:var(--surface);border-radius:14px;width:min(1060px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 30px 100px #00000047}.notes-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:27px 30px 22px;display:flex}.notes-dialog>header h2{letter-spacing:-.04em;margin:0;font-size:31px}.notes-dialog>header p:last-child{color:var(--ink-soft);margin:6px 0 0;font-size:15px}.notes-dialog>header button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;width:46px;height:46px;font-size:27px}.pattern-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.pattern-row article{align-content:center;gap:8px;min-height:100px;padding:16px;display:grid}.pattern-row article+article{border-left:1px solid var(--line)}.pattern-row span{color:var(--ink-soft);text-transform:uppercase;font-size:13px;font-weight:800}.pattern-row bdi{color:var(--teal);font:700 24px/1.55 var(--arabic)}.word-type-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.word-type-strip article{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;min-height:112px;padding:15px}.word-type-strip bdi{color:var(--teal);font:700 24px/1.45 var(--arabic);display:block}.word-type-strip strong{font-size:15px}.word-type-strip p{color:var(--ink-soft);margin:7px 0 0;font-size:14px;line-height:1.55}.notes-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.notes-grid article{border:1px solid var(--line);border-radius:9px;min-height:116px;padding:15px}.notes-grid bdi{color:var(--teal);font:700 24px var(--arabic);display:block}.notes-grid strong{font-size:15px}.notes-grid p{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.latest-notes-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.latest-notes-summary article{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;min-height:132px;padding:15px}.latest-notes-summary bdi{color:var(--teal);font:700 24px/1.4 var(--arabic);display:block}.latest-notes-summary p{color:var(--ink-soft);margin:8px 0 0;font-size:14px;line-height:1.55}.diptote-note{background:var(--ink);color:#fff;border-radius:10px;grid-template-columns:240px 1fr;gap:24px;margin-top:18px;padding:22px;display:grid}.diptote-note .eyebrow{color:#efc36b}.diptote-note h3{margin:0;font-size:21px}.diptote-note>p{color:#ffffffbd;margin:0;font-size:15px;line-height:1.65}.scope-note{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;grid-template-columns:150px 1fr;gap:20px;margin-top:18px;padding:16px;display:grid}.scope-note p{color:var(--ink-soft);margin:0;font-size:14px}.notes-dialog>footer{border-top:1px solid var(--line);background:var(--surface-soft);align-items:center;gap:18px;padding:16px 30px;display:flex}.notes-dialog>footer>span{text-transform:uppercase;font-size:13px;font-weight:850}.notes-dialog>footer p{color:var(--ink-soft);flex:1;margin:0;font-size:13px}.exit-dialog{background:var(--surface);border-radius:14px;width:min(480px,100%);padding:28px;box-shadow:0 30px 100px #00000047}.exit-dialog h2{margin:0;font-size:29px}.exit-dialog>p:not(.eyebrow){color:var(--ink-soft);margin:13px 0 24px;font-size:15px}.exit-dialog>div{justify-content:flex-end;gap:10px;display:flex}@media (max-width:900px){.topbar,.home-shell,.site-footer{width:min(100% - 32px,760px)}.home-shell{grid-template-columns:1fr;gap:32px;padding-top:42px}.home-intro{position:static}.home-intro h1{font-size:clamp(50px,10vw,72px)}.home-facts{border:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.home-facts span{text-align:center;border-bottom:0;align-content:center;justify-items:center;gap:3px;min-height:78px;display:grid}.home-facts span+span{border-left:1px solid var(--line)}.review-callout{grid-column:auto;margin-top:0}.practice-shell{width:min(100% - 32px,760px)}.state-grid{grid-template-columns:1fr 1fr}.results-shell{width:min(100% - 32px,760px)}}@media (max-width:650px){body{font-size:15px}.topbar,.home-shell,.practice-shell,.results-shell,.site-footer{width:calc(100% - 20px)}.topbar{min-height:72px}.brand-mark{width:40px;height:40px;font-size:27px}.brand small{display:none}.top-actions{gap:13px}.text-button{font-size:14px}.home-shell{padding:30px 0 34px}.home-intro{padding:0}.home-intro h1{font-size:clamp(46px,14vw,60px)}.home-copy{margin:20px 0;font-size:16px}.home-facts{grid-template-columns:1fr}.home-facts span{text-align:left;justify-content:flex-start;min-height:54px;padding:0 14px;display:flex}.home-facts span+span{border-left:0;border-top:1px solid var(--line)}.setup-heading{min-height:76px;padding:18px}.setup-heading h2{font-size:24px}.setup-heading>span{display:none}.topic-grid{grid-template-columns:1fr;padding:13px}.topic-card{min-height:113px}.setup-actions{flex-direction:column;align-items:stretch;padding:15px}.setup-actions .primary-button{width:100%}.review-callout{flex-direction:column;align-items:stretch;padding:18px}.site-footer{min-height:70px}.site-footer p{display:none}.practice-shell{padding:24px 0 48px}.session-header{min-height:55px}.session-progress-copy b{display:none}.question-title{align-items:flex-start;padding:20px 17px}.question-title h1{font-size:24px}.ending-badge{display:none}.sentence-panel{padding:18px 14px 16px}.arabic-sentence{gap:7px 10px;min-height:120px;font-size:clamp(36px,11vw,50px)}.word-token{min-height:54px}.translation{grid-template-columns:1fr;gap:4px}.translation p{font-size:15px}.target-tabs button{min-width:136px}.answer-body,.feedback-panel{padding:20px 15px}.target-summary{min-height:54px}.identity-grid,.state-grid{grid-template-columns:1fr}.choice-card,.state-choice{min-height:72px}.answer-actions{align-items:stretch}.answer-actions>div{flex:1;display:grid}.answer-actions .hint-button{padding-inline:13px}.answer-actions .primary-button{width:100%}.keyboard-note{display:none}.feedback-heading{align-items:flex-start}.feedback-heading h2{font-size:27px}.answer-chain{grid-template-columns:1fr;display:grid}.answer-chain i{justify-self:center;transform:rotate(90deg)}.feedback-actions{flex-direction:column;align-items:stretch}.results-shell{margin:28px auto 48px}.results-hero{min-height:160px;padding:25px 20px}.results-hero h1{font-size:31px}.results-hero>strong{font-size:44px}.score-grid,.result-facts{grid-template-columns:1fr}.score-grid article+article,.result-facts span+span{border-left:0;border-top:1px solid var(--line)}.score-grid article,.session-trail{padding-inline:19px}.result-facts span{min-height:65px;padding-inline:19px}.session-trail article{grid-template-columns:30px minmax(0,1fr) 58px}.session-trail bdi{font-size:24px}.results-actions{padding:16px 19px}.results-actions .primary-button{width:100%}.modal-backdrop{padding:8px}.notes-dialog{max-height:calc(100vh - 16px)}.notes-dialog>header,.notes-content{padding-inline:18px}.notes-dialog>header h2{font-size:27px}.pattern-row,.word-type-strip,.notes-grid,.latest-notes-summary{grid-template-columns:1fr}.pattern-row article+article{border-left:0;border-top:1px solid var(--line)}.diptote-note,.scope-note{grid-template-columns:1fr;gap:10px}.notes-dialog>footer{flex-direction:column;align-items:stretch;padding:15px 18px}.notes-dialog>footer p{display:none}.exit-dialog{padding:23px 18px}.exit-dialog>div{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{font-size:15px;line-height:1.5}.topbar,.home-shell,.site-footer{width:min(100% - 48px,1040px)}.topbar{min-height:72px}.brand{gap:11px}.brand-mark{border-radius:11px;width:40px;height:40px;font-size:27px}.brand strong{font-size:16px}.top-actions{gap:18px}.primary-button,.secondary-button,.hint-button{min-height:44px;padding-inline:16px;font-size:14px}.home-shell{grid-template-columns:minmax(260px,.78fr) minmax(520px,1.22fr);gap:42px;padding:44px 0 40px}.home-intro{padding-top:8px;top:20px}.home-copy{margin:22px 0;font-size:15px;line-height:1.65}.home-facts span{min-height:48px}.home-facts strong{min-width:29px;font-size:19px}.setup-card,.review-callout,.exercise-card,.results-shell{border-radius:12px;box-shadow:0 12px 32px #17332f12}.topic-card{border-radius:8px;gap:10px;min-height:112px;padding:13px}.topic-card b{font-size:15px}.topic-card bdi{font-size:21px;line-height:1.35}.topic-card i{width:26px;height:26px}.review-callout{gap:18px;margin-top:-20px;padding:17px 20px}.review-callout h2{font-size:17px}.site-footer{min-height:68px}.practice-shell{width:min(100% - 48px,900px);padding:26px 0 54px}.session-header{min-height:54px}.session-header strong{font-size:16px}.session-progress-copy{gap:12px;font-size:13px}.session-progress-copy b{font-size:15px}.exercise-card{margin-top:16px}.question-title{min-height:84px;padding:18px 24px}.question-title h1{max-width:680px;font-size:24px}.sentence-panel{padding:20px 24px 17px}.arabic-sentence{gap:8px 12px;min-height:115px;font-size:clamp(34px,4.2vw,50px);line-height:1.65}.word-token{min-height:50px}.translation{grid-template-columns:64px 1fr;gap:12px;padding-top:13px}.translation p{font-size:15px}.target-tabs button{min-width:132px;min-height:54px}.target-tabs bdi{font-size:20px}.answer-body{padding:20px 24px}.target-summary{min-height:50px;padding:8px 13px}.target-summary bdi{font-size:22px}.choice-section{margin-top:20px}.choice-section legend{margin-bottom:9px;font-size:16px}.choice-card{grid-template-columns:27px 1fr;gap:10px;min-height:70px;padding:9px 12px}.choice-card bdi,.state-choice bdi{font-size:21px;line-height:1.3}.choice-card strong,.state-choice strong{font-size:13px}.state-choice{min-height:64px;padding:8px 9px}.state-skip,.hint-box{margin-top:18px;padding:11px 14px}.state-skip strong,.hint-box strong{font-size:14px}.state-skip span,.hint-box span{font-size:13px}.answer-actions,.feedback-actions{gap:14px;margin-top:20px}.feedback-panel{padding:21px 24px}.feedback-heading h2{font-size:26px}.feedback-heading p:last-child{margin-top:6px;font-size:14px}.feedback-list{gap:10px;margin-top:18px}.feedback-list article{border-radius:9px;padding:14px}.feedback-word bdi{font-size:24px}.answer-chain bdi{font-size:21px}.feedback-list article>p{margin-top:11px;font-size:14px;line-height:1.55}.results-shell{width:min(100% - 48px,840px);margin:40px auto 60px}.results-hero{gap:26px;min-height:155px;padding:26px 30px}.results-hero h1{font-size:32px}.results-hero>strong{font-size:52px}.score-grid article{padding:21px 24px}.score-grid strong{margin:4px 0 11px;font-size:29px}.result-facts span{gap:9px;min-height:64px;padding:13px 24px;font-size:14px}.result-facts strong{font-size:22px}.session-trail{padding:20px 24px}.session-trail article{min-height:52px}.session-trail bdi{font-size:20px}.results-actions{padding:16px 24px}.notes-dialog{width:min(960px,100%)}.notes-dialog>header{padding:22px 24px 18px}.notes-dialog>header h2{font-size:27px}.notes-dialog>header button{width:44px;height:44px;font-size:24px}.notes-content{padding:20px 24px}.pattern-row article{gap:6px;min-height:82px;padding:13px}.pattern-row bdi,.word-type-strip bdi,.notes-grid bdi,.latest-notes-summary bdi{font-size:20px;line-height:1.4}.word-type-strip article,.notes-grid article,.latest-notes-summary article{min-height:96px;padding:13px}.word-type-strip strong,.notes-grid strong{font-size:14px}.word-type-strip p,.notes-grid p,.latest-notes-summary p{margin-top:6px;font-size:13px;line-height:1.5}.diptote-note{grid-template-columns:200px 1fr;gap:18px;padding:18px}.diptote-note h3{font-size:19px}.diptote-note>p{font-size:14px;line-height:1.6}.scope-note{grid-template-columns:140px 1fr;gap:16px;padding:14px}.scope-note strong{font-size:14px}.scope-note p{font-size:13px}.notes-dialog>footer{padding:14px 24px}.exit-dialog{width:min(440px,100%);padding:23px}.exit-dialog h2{font-size:25px}.exit-dialog>p:not(.eyebrow){margin:11px 0 20px;font-size:14px}@media (max-width:900px){.topbar,.home-shell,.site-footer{width:min(100% - 32px,760px)}.home-shell{grid-template-columns:1fr;gap:26px;padding-top:32px}.home-intro h1{font-size:clamp(42px,8vw,58px)}.home-facts span{min-height:64px}.practice-shell,.results-shell{width:min(100% - 32px,760px)}}@media (max-width:650px){.topbar,.home-shell,.practice-shell,.results-shell,.site-footer{width:calc(100% - 20px)}.topbar{min-height:64px}.brand-mark{width:36px;height:36px;font-size:24px}.home-shell{padding:22px 0 28px}.home-intro h1{font-size:clamp(38px,12vw,48px)}.home-copy{margin:16px 0;font-size:15px}.home-facts span{min-height:48px;padding-inline:13px}.setup-heading{min-height:68px;padding:15px}.setup-heading h2{font-size:21px}.topic-card{min-height:96px}.review-callout{padding:15px}.site-footer{min-height:60px}.practice-shell{padding:18px 0 36px}.session-header{min-height:50px}.question-title{padding:16px 14px}.question-title h1{font-size:21px}.sentence-panel{padding:14px 12px 13px}.arabic-sentence{gap:6px 8px;min-height:96px;font-size:clamp(30px,9vw,40px)}.word-token{min-height:45px}.target-tabs button{min-width:120px}.answer-body,.feedback-panel{padding:16px 13px}.target-summary{min-height:48px}.choice-card,.state-choice{min-height:62px}.feedback-heading h2{font-size:24px}.results-shell{margin:20px auto 34px}.results-hero{min-height:130px;padding:20px 17px}.results-hero h1{font-size:26px}.results-hero>strong{font-size:38px}.result-facts span{min-height:58px;padding-inline:17px}.session-trail bdi{font-size:18px}.notes-dialog>header h2{font-size:24px}}.rule-context-panel{background:var(--surface-soft);gap:10px;padding:18px 24px;display:grid}.rule-context-copy{max-width:680px;color:var(--ink-soft);text-align:center;margin:4px auto;font-size:15px;line-height:1.65}.rule-example{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px 15px}.rule-example-arabic{color:var(--ink);font:650 30px/1.7 var(--arabic);text-align:center;padding:3px 0 11px;display:block}.rule-example .translation{padding-top:10px}.rule-answer-body{padding-top:2px}.rule-options{gap:9px;display:grid}.rule-choice{border:1px solid var(--line);min-height:68px;color:var(--ink);cursor:pointer;font:600 15px/1.65 var(--sans);text-align:left;background:#fff;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;padding:11px 14px;transition:border-color .16s,background .16s,transform .16s;display:grid}.rule-choice:hover{border-color:var(--teal);transform:translateY(-1px)}.rule-choice.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 4px 0 0 var(--teal)}.rule-choice>span{min-width:0}.rule-feedback{gap:11px;margin-top:18px;display:grid}.rule-chosen{border-left:3px solid var(--danger);background:var(--danger-soft);gap:4px;margin:0 0 3px;padding:10px 13px;font-size:14px;line-height:1.55;display:grid}.rule-chosen strong{color:var(--danger);text-transform:uppercase;letter-spacing:.07em;font-size:13px}.rule-correct-option{background:var(--success-soft);border:1px solid #23735347;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:13px 14px;display:grid}.rule-correct-option>span{background:var(--success);color:#fff;border-radius:6px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:850;display:grid}.rule-correct-option p,.rule-explanation{margin:0;font-size:15px;line-height:1.65}.rule-explanation{color:var(--ink-soft)}.session-trail article{grid-template-columns:30px minmax(0,1fr) auto}.rule-trail-copy{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:1.4;overflow:hidden}.trail-review-button{border:1px solid var(--danger);min-height:44px;color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;padding:0 13px;font-size:13px;font-weight:800}.trail-review-button:hover{background:var(--danger-soft)}.results-actions{flex-wrap:wrap;gap:10px}@media (max-width:650px){.rule-context-panel{padding:12px}.rule-example{padding:11px 12px}.rule-example-arabic{font-size:25px}.rule-choice{min-height:72px;padding:10px 11px;font-size:14px}.rule-feedback{margin-top:15px}.session-trail article{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:8px 0}.session-trail article>strong,.trail-review-button{grid-column:2;justify-self:start}.rule-trail-copy{white-space:normal}.results-actions{flex-direction:column;align-items:stretch}.results-actions .primary-button,.results-actions .secondary-button{width:100%}}html.quiz-active,body.quiz-active{overscroll-behavior:none;width:100%;height:100%;overflow:hidden!important}.quiz-site-shell{overscroll-behavior:none;width:100%;height:100dvh;height:var(--quiz-viewport-height,100dvh);max-height:100dvh;max-height:var(--quiz-viewport-height,100dvh);min-height:0;overflow:hidden}.quiz-screen{--quiz-gap:10px;--quiz-inline:16px;--quiz-block:10px;--quiz-hud-height:50px;grid-template-rows:var(--quiz-hud-height) minmax(0, 1fr);gap:var(--quiz-gap);width:100%;height:100%;min-height:0;padding:max(var(--quiz-block), env(safe-area-inset-top)) max(var(--quiz-inline), env(safe-area-inset-right)) max(var(--quiz-block), env(safe-area-inset-bottom)) max(var(--quiz-inline), env(safe-area-inset-left));display:grid;overflow:hidden}.quiz-screen,.quiz-screen *{min-width:0}.quiz-screen button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px}.quiz-hud,.quiz-card{width:min(100%,1040px);margin-inline:auto}.quiz-hud{grid-template-columns:minmax(max-content,1fr) minmax(130px,2fr) minmax(max-content,1fr);align-items:center;gap:16px;min-height:0;display:grid}.quiz-hud>strong{white-space:nowrap;font-size:14px;line-height:1.2}.quiz-progress-track{background:var(--paper-deep);border-radius:99px;width:100%;height:6px;min-height:6px;overflow:hidden}.quiz-progress-track>span{border-radius:inherit;background:var(--teal);height:100%;transition:width .25s;display:block}.quiz-exit-button{color:var(--danger);cursor:pointer;background:0 0;border:1px solid #a84f3d4d;border-radius:8px;justify-self:end;padding:0 14px;font-size:14px;font-weight:800;transition:border-color .16s,background-color .16s}.quiz-exit-button:hover{border-color:var(--danger);background:#a84f3d0e}.quiz-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 9px 28px #17332f11}.quiz-question-title{border-bottom:1px solid var(--line);background:var(--surface);min-height:0;padding:10px 22px 11px}.quiz-topic-label{color:var(--teal);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;margin:0 0 3px;font-size:12px;font-weight:850;line-height:1.25;display:flex;overflow:hidden}.quiz-question-title h1{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:21px;line-height:1.28}.quiz-context{border-bottom:1px solid var(--line);background:var(--surface-soft);min-height:0;position:relative;overflow:hidden}.quiz-context.sentence-panel,.quiz-context.rule-context-panel{min-height:0;padding:9px 22px 8px}.quiz-context .arabic-sentence{text-align:center;gap:5px 10px;min-height:50px;font-size:clamp(28px,3vw,34px);line-height:1.42}.quiz-context .word-token{min-height:40px;padding-inline:4px}.quiz-context button.word-token{min-height:44px}.quiz-context .mapped-word small{width:20px;height:20px;font-size:11px;top:-1px;right:-2px}.quiz-translation{grid-template-columns:60px minmax(0,1fr);gap:10px;min-height:32px;padding-top:7px}.quiz-translation span{font-size:12px}.quiz-translation p{overflow-wrap:anywhere;font-size:15px;line-height:1.35}.quiz-context.rule-context-panel{gap:6px;display:grid}.quiz-context .rule-context-copy{margin:3px auto;font-size:14px;line-height:1.45}.quiz-context .rule-example{background:0 0;border:0;min-height:0;padding:0}.quiz-context .rule-example-arabic{padding:0 0 5px;font-size:28px;line-height:1.4}.example-chips,.target-chips{gap:6px;display:grid;overflow:hidden}.example-chips{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,330px);margin-inline:auto}.example-chips button,.target-chips button{border:1px solid var(--line);cursor:pointer;background:#ffffffc7;border-radius:7px;min-width:0;min-height:44px;font-size:13px;font-weight:750}.example-chips button.active,.target-chips button.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal)}.quiz-response{background:var(--surface);border:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.quiz-response.answer-panel,.quiz-response.feedback-panel{min-height:0;padding:0}.quiz-answer-body,.quiz-feedback-body,.quiz-hint-pane{height:100%;min-height:0;padding:12px 22px;overflow:hidden}.quiz-answer-body{flex-direction:column;gap:8px;display:flex}.quiz-part-heading{flex:none}.quiz-part-heading h2,.answer-part h2{letter-spacing:-.015em;margin:0;font-size:16px;line-height:1.25}.quiz-rule-options{flex:auto;grid-template-rows:repeat(2,minmax(58px,auto));grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:10px;min-height:0;display:grid;overflow:visible}.quiz-rule-options .rule-choice{grid-template-columns:27px minmax(0,1fr);gap:9px;height:auto;min-height:58px;padding:9px 11px;font-size:14px;line-height:1.38;overflow:visible}.quiz-rule-options .rule-choice>span{overflow-wrap:break-word;white-space:normal;max-height:none;overflow:visible}.target-chips{flex:none;width:100%}.target-chips button{grid-template-columns:23px minmax(0,1fr) 16px;align-items:center;gap:5px;padding:4px 7px;display:grid;overflow:hidden}.target-chips button>span{background:var(--paper-deep);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.target-chips button.active>span{background:var(--teal);color:#fff}.target-chips bdi{font:700 18px/1.2 var(--arabic);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.target-chips i{color:var(--success);font-style:normal}.target-answer{flex-direction:column;flex:auto;gap:7px;min-height:0;display:flex;overflow:hidden}.target-answer .target-summary{flex:none;min-height:38px;padding:5px 10px}.target-answer .target-summary bdi{font-size:20px}.part-count{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;flex:none;margin:0;font-size:11px;font-weight:750}.answer-part{align-content:center;gap:6px;min-height:0;display:grid}.combined-answers .answer-part{border-radius:10px;transition:background-color .14s,box-shadow .14s}.combined-answers .answer-part.shortcut-active{background:#19746e0e;box-shadow:inset 0 0 0 1px #19746e3d}.target-summary .shortcut-scope{color:var(--teal);white-space:nowrap;align-items:center;gap:6px;margin-inline-start:auto;font-size:13px;font-weight:800;display:inline-flex}.shortcut-scope kbd{background:var(--paper);min-width:34px;color:var(--teal);font:inherit;text-align:center;border:1px solid #19746e38;border-radius:5px;padding:2px 5px}.identity-grid,.state-grid{gap:7px}.quiz-screen .choice-card,.quiz-screen .state-choice{grid-template-columns:26px minmax(0,1fr);gap:8px;min-height:48px;padding:6px 9px}.quiz-screen .choice-card bdi,.quiz-screen .state-choice bdi{font-size:19px;line-height:1.2}.find-word-instruction{max-width:620px;color:var(--ink-soft);text-align:center;margin:6px auto 0;font-size:14px;line-height:1.45}.quiz-screen .state-skip{margin-top:5px;padding:8px 11px}.quiz-actions{border-top:1px solid #19746e24;flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:52px;margin-top:auto;padding-top:8px;display:flex}.quiz-actions>div{justify-content:flex-end;gap:8px;margin-inline-start:auto;display:flex}.quiz-actions .primary-button,.quiz-actions .secondary-button,.quiz-actions .hint-button{min-height:44px;font-size:15px}.quiz-actions>.primary-button:last-child,.quiz-actions>div>.primary-button:last-child{min-width:148px;margin-inline-start:auto}.quiz-hint-pane{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:center;gap:7px;display:grid}.quiz-hint-pane>*{width:min(100%,660px);margin-inline:auto}.quiz-hint-pane h2,.quiz-hint-pane p{margin-block:0}.quiz-hint-pane>p:not(.eyebrow){color:var(--ink-soft);align-self:center;font-size:15px;line-height:1.55}.quiz-hint-pane button{justify-self:end}.quiz-feedback-heading{border-bottom:1px solid var(--line);flex:none;min-height:0;padding:10px 22px 8px}.quiz-feedback-heading h2{font-size:22px}.quiz-feedback-heading p:last-child{margin-top:3px;font-size:13px;line-height:1.35}.quiz-feedback-body{flex-direction:column;flex:1 1 0;gap:8px;height:auto;display:flex}.quiz-feedback-body>.feedback-target-chips{flex:none}.feedback-scroll-region{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-dark) transparent;flex:1 1 0;min-width:0;min-height:0;overflow:hidden auto}.feedback-scroll-region:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;border-radius:9px}.feedback-scroll-region>*+*{margin-top:12px}.feedback-scroll-region>.single-feedback-target,.feedback-scroll-region>.rule-answer-comparison,.feedback-scroll-region>.rule-explanation-part{flex:none;align-content:start;min-width:0;height:auto;overflow:visible}.feedback-scroll-region .answer-chain{display:grid}.feedback-scroll-region .what-changed>small{display:block}.single-feedback-target,.rule-answer-comparison,.rule-explanation-part{flex:auto;align-content:center;min-height:0;overflow:hidden}.single-feedback-target{border:1px solid var(--line);background:var(--surface-soft);border-radius:9px;gap:7px;padding:10px 13px;display:grid}.single-feedback-target .feedback-word bdi{font-size:22px}.single-feedback-target .answer-chain{align-items:stretch;gap:7px;margin-top:0;display:flex}.single-feedback-target .answer-chain>span{padding:7px 10px}.single-feedback-target .answer-chain bdi{font-size:19px}.single-feedback-target>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.45}.single-feedback-target .also-note{margin-top:0;font-size:13px}.rule-answer-comparison,.rule-explanation-part{gap:7px;display:grid}.quiz-feedback-body .rule-chosen,.quiz-feedback-body .rule-correct-option{margin:0;padding:8px 11px;font-size:13px;line-height:1.4}.quiz-feedback-body .rule-correct-option{grid-template-columns:27px minmax(0,1fr);gap:9px}.quiz-feedback-body .rule-explanation{margin:0;font-size:14px;line-height:1.5}.quiz-feedback-body .feedback-actions{margin-top:auto}.quiz-screen.density-compact{--quiz-gap:7px;--quiz-inline:10px;--quiz-block:7px;--quiz-hud-height:44px}.density-compact .quiz-card{border-radius:11px}.density-compact .quiz-question-title{padding:7px 14px 8px}.density-compact .quiz-question-title h1{font-size:18px;line-height:1.22}.density-compact .quiz-context.sentence-panel,.density-compact .quiz-context.rule-context-panel{padding:6px 14px}.density-compact .quiz-context .arabic-sentence{gap:3px 7px;min-height:42px;font-size:clamp(25px,5vw,29px);line-height:1.34}.density-compact .quiz-context .word-token{min-height:34px}.density-compact .quiz-context .rule-example-arabic{font-size:25px;line-height:1.3}.density-compact .quiz-translation{min-height:28px;padding-top:5px}.density-compact .quiz-translation p{font-size:14px;line-height:1.3}.density-compact .quiz-answer-body,.density-compact .quiz-feedback-body,.density-compact .quiz-hint-pane{padding:8px 13px}.density-compact .quiz-part-heading h2,.density-compact .answer-part h2{font-size:15px}.density-compact .quiz-rule-options{grid-template-rows:repeat(4,minmax(44px,auto));grid-template-columns:1fr;gap:6px}.density-compact .quiz-rule-options .rule-choice{padding:6px 9px;font-size:13px;line-height:1.35}.density-compact .target-answer{gap:5px}.density-compact .target-answer .target-summary{min-height:36px}.density-compact .identity-grid,.density-compact .state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.density-compact .choice-card,.density-compact .state-choice{min-height:44px}.density-compact .quiz-feedback-heading{padding:7px 13px 6px}.density-compact .quiz-feedback-heading h2{font-size:19px}.density-compact .quiz-feedback-heading p:last-child{font-size:12px}.density-compact .single-feedback-target{padding:8px 10px}.quiz-screen.density-short{--quiz-gap:5px;--quiz-inline:6px;--quiz-block:5px;--quiz-hud-height:44px}.density-short .quiz-hud{gap:7px}.density-short .quiz-hud>strong,.density-short .quiz-exit-button{font-size:12px}.density-short .quiz-exit-button{padding-inline:9px}.density-short .quiz-card{border-radius:9px;box-shadow:0 8px 24px #17332f14}.density-short .quiz-question-title{padding:5px 10px 6px}.density-short .quiz-topic-label{margin-bottom:1px;font-size:10px}.density-short .quiz-question-title h1{font-size:16px;line-height:1.2}.density-short .quiz-context.sentence-panel,.density-short .quiz-context.rule-context-panel{padding:3px 10px 4px}.density-short .quiz-context .arabic-sentence{gap:2px 5px;min-height:34px;font-size:clamp(22px,5.5vw,25px);line-height:1.24}.density-short .quiz-context .word-token{min-height:29px}.density-short .quiz-context .rule-example-arabic{padding-bottom:2px;font-size:24px;line-height:1.22}.density-short .quiz-context.rule-context-panel{gap:3px}.density-short .example-chips{gap:4px}.density-short .quiz-translation{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:6px;min-height:40px;max-height:44px;padding-top:4px;display:grid;overflow:hidden}.density-short .quiz-translation span{color:var(--teal);font-size:11px;font-weight:800}.density-short .quiz-translation p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.25;display:-webkit-box;overflow:hidden}.density-short .quiz-answer-body,.density-short .quiz-feedback-body,.density-short .quiz-hint-pane{gap:5px;padding:6px 9px}.density-short .quiz-part-heading h2,.density-short .answer-part h2{font-size:14px}.density-short .quiz-rule-options{grid-template-rows:repeat(4,minmax(44px,auto));grid-template-columns:1fr;gap:4px}.density-short .quiz-rule-options .rule-choice{padding:4px 8px;font-size:13px;line-height:1.28}.density-short .target-chips{gap:3px}.density-short .target-chips button{grid-template-columns:20px minmax(0,1fr) 12px;gap:2px;padding-inline:4px}.density-short .target-chips bdi{font-size:15px}.density-short .target-answer{gap:3px}.density-short .target-answer .target-summary{min-height:34px;padding:3px 8px}.density-short .target-answer .target-summary bdi{font-size:17px}.density-short .target-chips+.target-answer .target-summary{display:none}.density-short .identity-grid,.density-short .state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.density-short .choice-card,.density-short .state-choice{min-height:44px;padding:4px 7px}.density-short .choice-card bdi,.density-short .state-choice bdi{font-size:17px}.density-short .part-count{font-size:10px}.density-short .find-word-instruction{margin-top:2px;font-size:12px;line-height:1.3}.density-short .quiz-feedback-heading{padding:5px 9px}.density-short .quiz-feedback-heading .eyebrow{display:none}.density-short .quiz-feedback-heading h2{font-size:17px}.density-short .quiz-feedback-heading p:last-child{margin-top:1px;font-size:13px;line-height:1.2;display:block}.density-short .single-feedback-target{gap:4px;padding:6px 8px}.density-short .single-feedback-target .feedback-word bdi{font-size:19px}.density-short .single-feedback-target>p{font-size:12px;line-height:1.3}.density-short .single-feedback-target .answer-chain>span{padding:5px 7px}.density-short .single-feedback-target .answer-chain bdi{font-size:17px}.density-short .quiz-hint-pane>p:not(.eyebrow),.density-short .quiz-feedback-body .rule-explanation{font-size:12px;line-height:1.35}@media (max-width:560px){.quiz-screen.narrow-quiz{--quiz-inline:8px;--quiz-block:8px;--quiz-hud-height:52px}.quiz-hud{grid-template-rows:44px 4px;grid-template-columns:minmax(0,1fr) max-content;gap:4px 8px}.quiz-hud>strong{grid-area:1/1;font-size:13px}.quiz-hud .quiz-progress-track{grid-area:2/1/auto/-1;height:4px;min-height:4px}.quiz-hud .quiz-exit-button{grid-area:1/2}.quiz-card{border-radius:10px}.quiz-actions,.quiz-actions>div{gap:6px}.narrow-quiz .quiz-actions{background:var(--surface);min-height:52px}.narrow-quiz .quiz-actions>div,.narrow-quiz .quiz-actions>.primary-button,.narrow-quiz .quiz-actions>div>.primary-button{flex:auto}.quiz-actions .primary-button,.quiz-actions .secondary-button,.quiz-actions .hint-button{padding-inline:10px}}.quiz-site-shell,.quiz-screen{overscroll-behavior:none}.quiz-screen .quiz-topic-label,.quiz-screen .part-count,.quiz-screen .find-word-instruction,.quiz-screen .quiz-feedback-heading p:last-child,.quiz-screen .single-feedback-target>p,.quiz-screen .quiz-hint-pane>p:not(.eyebrow),.quiz-screen .quiz-feedback-body .rule-explanation{font-size:13px}.quiz-screen .quiz-actions .primary-button,.quiz-screen .quiz-actions .secondary-button,.quiz-screen .quiz-actions .hint-button{font-size:15px}.quiz-screen .target-chips button>span{font-size:13px}.quiz-screen .quiz-context .mapped-word small{width:20px;height:20px;font-size:12px;top:-5px;right:-6px}.density-short .quiz-topic-label{display:none}.density-short .quiz-context .arabic-sentence{font-size:clamp(24px,5.7vw,27px)}.quiz-screen .single-feedback-target .also-note{font-size:13px}.quiz-screen.narrow-quiz .quiz-rule-options{grid-template-rows:repeat(4,minmax(44px,auto));grid-template-columns:1fr}.quiz-screen.narrow-quiz .identity-grid,.quiz-screen.narrow-quiz .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-screen.density-short .quiz-rule-options{grid-template-rows:repeat(4,minmax(44px,auto))}.subject-grid{border:0;min-inline-size:0;margin:0}.selection-tools{align-items:center;gap:14px;display:flex}.selection-tools .text-button{min-height:44px;padding-inline:4px}.selection-tools .text-button:disabled{opacity:.42;cursor:default}.topic-card .subject-check{border:1px solid var(--line);background:var(--paper);color:#0000;transition:border-color .16s,background .16s,color .16s}.topic-card.selected .subject-check{border-color:var(--teal);background:var(--teal);color:#fff}.answer-chain>.feedback-answer-part{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 22px;align-items:center;column-gap:9px;min-width:0;display:grid;position:relative}.feedback-answer-part small{color:var(--ink-soft);letter-spacing:.02em;grid-column:1;font-size:13px;font-weight:750}.feedback-answer-part bdi{grid-column:1}.field-status-icon{border-radius:50%;grid-area:1/2/span 2;align-self:center;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;font-weight:900;display:grid}.feedback-answer-part.correct .field-status-icon,.field-status-correct .field-status-icon{background:var(--success);color:#fff}.feedback-answer-part.needs-review{background:var(--danger-soft);border-color:#a84f3d75}.feedback-answer-part.needs-review .field-status-icon,.field-status-review .field-status-icon{background:var(--danger);color:#fff}.answer-chain .answer-arrow{align-self:center}.quiz-feedback-body .rule-correct-option{grid-template-columns:27px minmax(0,1fr) 22px;position:relative}.quiz-feedback-body .rule-chosen.needs-review{border-left-color:var(--danger);background:#a84f3d12}.quiz-feedback-body .rule-correct-option.field-status-review{background:var(--danger-soft);border-color:#a84f3d6b}.quiz-feedback-body .rule-correct-option.field-status-correct{background:var(--success-soft);border-color:#2373536b}.feedback-target-chips .status-correct{color:var(--success)}.feedback-target-chips .status-review{color:var(--danger)}.target-chips .status-answered{color:var(--ink-soft)}@media (max-width:650px){.setup-heading{flex-direction:column;align-items:flex-start;gap:10px}.selection-tools{width:100%}}.density-short .field-status-icon{width:18px;height:18px;font-size:11px}.section-hub{align-content:center;gap:34px;width:min(100% - 48px,1120px);min-height:calc(100vh - 170px);margin:0 auto;padding:72px 0 64px;display:grid}.section-hub-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,72px);line-height:.98}.section-hub-heading>p:last-child{max-width:660px;color:var(--ink-soft);margin:20px 0 0;font-size:16px;line-height:1.65}.section-hub-heading bdi{color:var(--teal);font:750 1.16em/1 var(--arabic)}.section-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.section-card{border:1px solid var(--line);background:var(--surface);min-height:292px;color:var(--ink);cursor:pointer;text-align:left;border-radius:13px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:13px 22px;padding:25px 26px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 12px 32px #17332f0e}.section-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:0 18px 36px #17332f17}.section-card:focus-visible{outline-offset:4px}.section-card-index{color:var(--ink-soft);letter-spacing:.1em;font-size:13px;font-weight:850}.section-card>bdi{color:var(--teal);font:750 clamp(52px, 7vw, 76px)/1 var(--arabic);grid-column:1;align-self:end}.section-card-copy{grid-column:1;gap:5px;display:grid}.section-card-copy strong{letter-spacing:-.02em;font-size:19px}.section-card-copy small{max-width:410px;color:var(--ink-soft);font-size:14px;line-height:1.5}.section-card-stats{flex-wrap:wrap;grid-column:1;gap:7px;display:flex}.section-card-stats em{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:5px 9px;font-size:13px;font-style:normal;font-weight:750}.section-card>i{border:1px solid var(--line);width:44px;height:44px;color:var(--teal);border-radius:50%;grid-area:1/2/-1;align-self:center;place-items:center;font-size:20px;font-style:normal;transition:background .18s,color .18s,border-color .18s;display:grid}.section-card:hover>i{border-color:var(--teal);background:var(--teal);color:#fff}.sarf-reference-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f2320b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sarf-reference-dialog{background:var(--surface);border:1px solid #fff3;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1000px);max-height:calc(100dvh - 32px);display:grid;overflow:hidden;box-shadow:0 28px 80px #081a1747}.sarf-reference-header,.sarf-reference-footer{border-color:var(--line);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:20px;display:flex}.sarf-reference-header{border-bottom:1px solid var(--line);padding:20px 24px 17px}.sarf-reference-heading h2{font:750 31px/1.2 var(--arabic);margin:0}.sarf-reference-heading>p:last-child{color:var(--ink-soft);margin:5px 0 0;font-size:14px}.sarf-reference-eyebrow{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:13px;font-weight:850}.sarf-reference-close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;flex:none;width:44px;height:44px;font-size:26px}.sarf-reference-content{overscroll-behavior:contain;min-height:0;padding:22px 24px;overflow-y:auto}.sarf-reference-scope,.sarf-reference-section,.sarf-reference-stem{border:1px solid var(--line);background:var(--surface);border-radius:10px}.sarf-reference-scope,.sarf-reference-stem{padding:17px 19px}.sarf-reference-scope h3,.sarf-reference-section h3,.sarf-reference-stem h3{margin:0;font-size:18px}.sarf-reference-scope p,.sarf-reference-section-heading p,.sarf-reference-stem p{color:var(--ink-soft);margin:7px 0 0;font-size:14px;line-height:1.6}.sarf-reference-scope bdi,.sarf-reference-stem bdi{color:var(--teal);font:700 1.15em var(--arabic)}.sarf-reference-section{margin-top:12px;overflow:hidden}.sarf-reference-section-heading{padding:16px 18px 12px}.sarf-reference-section-heading h3{color:var(--teal);font:750 24px/1.3 var(--arabic)}.sarf-reference-table-wrap{border-block:1px solid var(--line);width:100%;overflow-x:auto}.sarf-reference-table{border-collapse:collapse;background:var(--surface-soft);width:100%;min-width:590px}.sarf-reference-table caption{color:var(--ink-soft);font:700 17px var(--arabic);text-align:right;padding:10px 14px}.sarf-reference-table .reference-unavailable{color:var(--ink-soft);font:500 13px/1.4 var(--sans)}.sarf-reference-table th,.sarf-reference-table td{border-top:1px solid var(--line);font:700 19px/1.35 var(--arabic);text-align:right;white-space:nowrap;padding:9px 13px}.sarf-reference-table thead th{background:var(--paper-deep);color:var(--ink-soft);font-size:16px}.sarf-reference-table tbody th{color:var(--teal)}.sarf-reference-callout{align-items:baseline;gap:12px;padding:12px 17px 15px;display:flex}.sarf-reference-callout strong{color:var(--teal);font:750 21px var(--arabic);flex:none}.sarf-reference-callout p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.sarf-reference-stem{background:var(--teal-soft);grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:12px;display:grid}.sarf-reference-stem h3{color:var(--teal);font:750 28px var(--arabic)}.sarf-reference-equation{color:var(--ink)!important;font-size:19px!important}.sarf-reference-footer{border-top:1px solid var(--line);padding:12px 18px}.sarf-reference-footer p{color:var(--ink-soft);margin:0;font-size:13px}.sarf-reference-return{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:800}@media (max-width:720px){.section-hub{width:min(100% - 28px,620px);min-height:auto;padding:48px 0}.section-card-grid{grid-template-columns:1fr}.section-card{min-height:235px;padding:21px}.section-card>bdi{font-size:56px}.sarf-reference-backdrop{padding:0}.sarf-reference-dialog{border-radius:0;height:100dvh;max-height:100dvh}.sarf-reference-header{padding:15px 16px 13px}.sarf-reference-content{padding:14px}.sarf-reference-stem{grid-template-columns:1fr;gap:4px}.sarf-reference-footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.section-card,.section-card>i{transition:none}}.sarf-setup-shell .home-intro h1 bdi{color:var(--teal);font:750 1.05em/1 var(--arabic)}.sarf-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sarf-focus-grid .topic-card{min-height:126px}.sarf-focus-grid .topic-card bdi{font-size:24px}.sarf-quiz-screen .quiz-question-title h1{font-size:22px}.sarf-context{align-content:center;display:grid}.sarf-context .arabic-sentence{width:100%;margin:0;font-size:clamp(38px,3.8vw,46px);line-height:1.4}.sarf-builder-context{padding-block:14px}.sarf-builder-cue{text-align:center;gap:6px;width:min(100%,860px);margin-inline:auto;display:grid}.sarf-builder-cue>span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:850}.sarf-builder-cue>p{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:750;line-height:1.35}.sarf-fields{flex:auto;grid-auto-rows:minmax(0,1fr);align-items:center;gap:10px;min-height:0;display:grid;overflow:hidden}.sarf-field{align-content:center;gap:10px;width:min(100%,860px);min-height:0;margin-inline:auto;display:grid}.sarf-field h2{color:var(--ink);letter-spacing:-.01em;text-align:center;margin:0;font-size:17px;line-height:1.3}.sarf-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sarf-choice{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffffc7;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:11px;min-height:58px;padding:9px 12px;display:grid}.sarf-choice:hover{border-color:var(--teal)}.sarf-choice.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 3px 0 0 var(--teal)}.sarf-choice>span{border:1px solid var(--line);width:28px;height:28px;color:var(--ink-soft);border-radius:5px;place-items:center;font-size:14px;font-weight:800;display:grid}.sarf-choice bdi{color:var(--ink);font:750 27px/1.3 var(--arabic);text-align:center}.sarf-choice strong{text-align:left;font-size:15px;line-height:1.35}.sarf-bank-exercise,.sarf-builder{flex-direction:column;flex:auto;justify-content:center;gap:8px;width:min(100%,920px);min-height:0;margin-inline:auto;display:flex;overflow:hidden}.sarf-bank-context{gap:5px;padding-block:7px!important}.sarf-bank-sentences{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,960px);margin-inline:auto;display:grid}.sarf-bank-sentence{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:52px;padding:4px 6px;display:grid}.sarf-bank-sentence>span{background:var(--paper-deep);width:22px;height:22px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.sarf-bank-sentence>p{min-width:0;color:var(--ink);font:700 19px/1.25 var(--arabic);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.sarf-bank-gap{border:1px dashed var(--teal);background:var(--teal-soft);min-width:112px;min-height:44px;color:var(--ink);cursor:pointer;vertical-align:middle;border-radius:7px;justify-content:center;align-items:center;margin-inline:4px;padding:3px 8px;display:inline-flex}.sarf-bank-gap.empty{background:#ffffffb8}.sarf-bank-gap.empty>span{color:var(--ink-soft);font:800 11px/1.1 var(--sans);text-transform:uppercase;direction:ltr}.sarf-bank-gap bdi{font:750 19px/1.2 var(--arabic);white-space:nowrap}.sarf-bank-gap.drag-over{border-style:solid;border-color:var(--teal);background:#12766f2e;box-shadow:0 0 0 3px #12766f1f}.sarf-bank-gap.correct{border-style:solid;border-color:var(--success);background:#2f80531c}.sarf-bank-gap.needs-review{border-style:solid;border-color:var(--danger);background:#a84f3d14}.sarf-bank-gap:disabled{opacity:1;cursor:default}.sarf-bank-instruction{color:var(--ink-soft);text-align:center;flex:none;margin:0;font-size:13px;line-height:1.3}.sarf-bank-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-height:0;display:grid}.sarf-bank-options button{border:1px solid var(--line);cursor:grab;background:#fffc;border-radius:7px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:48px;padding:5px 6px 12px;display:grid;position:relative}.sarf-bank-options button:hover{border-color:var(--teal)}.sarf-bank-options button:active{cursor:grabbing}.sarf-bank-options button.assigned{border-color:var(--teal);background:var(--teal-soft)}.sarf-bank-options button.dragging{opacity:.52}.sarf-bank-options button>span{background:var(--paper-deep);width:22px;height:22px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:850;display:grid}.sarf-bank-options bdi{min-width:0;font:750 19px/1.2 var(--arabic);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sarf-bank-options small{max-width:calc(100% - 10px);color:var(--teal);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;position:absolute;bottom:2px;right:5px;overflow:hidden}.sarf-builder-line{border:1px dashed var(--line-dark);background:var(--surface-soft);border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:8px;display:flex}.sarf-builder-line>p{color:var(--ink-soft);margin:0;font-size:14px}.sarf-builder-line button,.sarf-builder-tiles button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:6px;min-height:44px;padding:4px 10px;display:inline-flex}.sarf-builder-line button{border-color:var(--teal);background:var(--teal-soft)}.sarf-builder-line button>span,.sarf-builder-tiles button>span{color:var(--ink-soft);font-size:12px;font-weight:850}.sarf-builder-line bdi,.sarf-builder-tiles bdi{font:750 23px/1.25 var(--arabic)}.sarf-builder-tiles{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sarf-builder>.text-button{align-self:center}.sarf-feedback-body{display:flex}.sarf-feedback-field{width:min(100%,720px);margin-inline:auto}.sarf-feedback-field .feedback-word{grid-template-columns:28px minmax(0,1fr)}.sarf-feedback-field .feedback-word strong{font-size:14px;line-height:1.3}.sarf-feedback-answer{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:54px;padding:7px 10px;display:grid;position:relative}.sarf-feedback-answer.correct{background:#26794e12;border-color:#26794e66}.sarf-feedback-answer.needs-review{background:var(--danger-soft);border-color:#a84f3d6b}.sarf-feedback-answer small{color:var(--ink-soft);grid-column:1;font-size:13px;font-weight:750}.sarf-feedback-answer bdi{font:750 24px/1.25 var(--arabic);grid-column:1}.sarf-feedback-answer>strong{grid-column:1;font-size:14px}.sarf-feedback-answer .field-status-icon{grid-area:1/2/span 2}.sarf-feedback-field>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.4}.sarf-corrected-sentence{border-top:1px solid var(--line);grid-template-columns:105px minmax(0,1fr);align-items:center;gap:5px 12px;width:min(100%,860px);margin-inline:auto;padding-top:7px;display:grid}.sarf-corrected-sentence>span{color:var(--teal);text-transform:uppercase;font-size:13px;font-weight:850}.sarf-corrected-sentence>bdi{overflow-wrap:anywhere;min-width:0;font:750 23px/1.3 var(--arabic);white-space:normal}.sarf-corrected-sentence>p{flex-wrap:wrap;grid-column:2;gap:4px;margin:0;display:flex}.sarf-corrected-sentence>p>span{background:var(--teal-soft);border-radius:999px;padding:3px 7px}.sarf-corrected-sentence>p bdi{color:var(--teal);font:700 15px/1.25 var(--arabic)}@media (max-width:650px){.sarf-focus-grid{grid-template-columns:1fr}.sarf-choice-grid{gap:7px}.sarf-choice{min-height:52px;padding:6px 9px}.sarf-choice bdi{font-size:23px}.sarf-choice strong{font-size:14px}.sarf-choice>span{width:26px;height:26px}.sarf-bank-options{grid-template-columns:repeat(3,minmax(0,1fr))}.sarf-bank-sentence{grid-template-columns:20px minmax(0,1fr);gap:3px}.sarf-bank-sentence>span{width:19px;height:19px;font-size:10px}.sarf-bank-sentence>p{font-size:17px}.sarf-bank-gap{min-width:84px;margin-inline:2px;padding-inline:4px}.sarf-bank-gap bdi{font-size:17px}}.density-compact.sarf-quiz-screen .quiz-question-title h1{font-size:19px}.density-compact .sarf-context .arabic-sentence{min-height:42px;font-size:clamp(32px,5vw,36px)}.density-compact .sarf-builder-cue>p{font-size:clamp(20px,3.4vw,24px)}.density-compact .sarf-fields,.density-compact .sarf-bank-exercise,.density-compact .sarf-builder,.density-compact .sarf-field{gap:7px}.density-compact .sarf-field h2{font-size:16px}.density-compact .sarf-choice-grid{gap:7px}.density-compact .sarf-choice{min-height:52px;padding:6px 9px}.density-compact .sarf-choice bdi{font-size:23px}.density-compact .sarf-choice strong{font-size:14px}.density-compact .sarf-bank-context{gap:4px;padding-block:4px!important}.density-compact .sarf-bank-sentences{gap:4px}.density-compact .sarf-bank-sentence{min-height:46px;padding-block:2px}.density-compact .sarf-bank-gap,.density-compact .sarf-bank-options button{min-height:44px}.density-compact .sarf-bank-instruction{font-size:12px}.density-compact .sarf-bank-options{gap:4px}.density-compact .sarf-bank-options bdi{font-size:17px}.density-compact .sarf-builder-line{min-height:54px;padding:5px}.density-compact .sarf-builder-line bdi,.density-compact .sarf-builder-tiles bdi{font-size:21px}.density-short.sarf-quiz-screen .quiz-question-title h1{font-size:17px}.density-short .sarf-context .arabic-sentence{min-height:36px;font-size:clamp(28px,5.8vw,32px)}.density-short .sarf-builder-context{padding-block:7px}.density-short .sarf-builder-cue>p{font-size:clamp(17px,4.8vw,20px)}.density-short .sarf-field{gap:5px}.density-short .sarf-field h2{font-size:15px}.density-short .sarf-choice-grid{gap:5px}.density-short .sarf-choice{min-height:48px;padding:5px 7px}.density-short .sarf-choice>span{width:24px;height:24px;font-size:12px}.density-short .sarf-choice bdi{font-size:21px}.density-short .sarf-choice strong{font-size:13px}.density-short .sarf-bank-context{gap:3px;padding:3px 8px!important}.density-short .sarf-bank-sentences{gap:3px}.density-short .sarf-bank-sentence{min-height:40px;padding:2px 3px}.density-short .sarf-bank-sentence>p{font-size:15px}.density-short .sarf-bank-gap{min-width:70px;min-height:40px;padding:1px 3px}.density-short .sarf-bank-gap bdi,.density-short .sarf-bank-options bdi{font-size:17px}.density-short .sarf-bank-gap.empty>span{font-size:10px}.density-short .sarf-bank-instruction{font-size:12px}.density-short .sarf-bank-options{gap:3px}.density-short .sarf-bank-options button{min-height:44px;padding:3px 4px 10px}.density-short .sarf-builder-line{min-height:48px;padding:3px}.density-short .sarf-builder-line bdi,.density-short .sarf-builder-tiles bdi{font-size:19px}.density-short .sarf-feedback-body{gap:4px}.density-short .sarf-feedback-field{padding:5px 7px}.density-short .sarf-feedback-answer{min-height:44px;padding:4px 7px}.density-short .sarf-feedback-answer bdi{font-size:20px}.density-short .sarf-corrected-sentence{grid-template-columns:82px minmax(0,1fr);gap:3px 7px;padding-top:4px}.density-short .sarf-corrected-sentence>span{font-size:11px}.density-short .sarf-corrected-sentence>bdi{font-size:18px}.difficulty-picker{border:0;border-bottom:1px solid var(--line);min-inline-size:0;margin:0;padding:16px 18px 18px}.difficulty-picker>legend{float:left;width:100%;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:850}.difficulty-options{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.difficulty-option{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:12px;min-height:78px;padding:13px 14px;transition:border-color .16s,background .16s;display:grid;position:relative}.difficulty-option:hover{border-color:#0e6f6380}.difficulty-option.selected{border-color:var(--teal);background:var(--teal-soft)}.difficulty-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.difficulty-option:focus-within{outline-offset:2px;outline:3px solid #0e6f6333}.difficulty-option span{gap:4px;min-width:0;display:grid}.difficulty-option strong{font-size:16px}.difficulty-option small{color:var(--ink-soft);font-size:13px;line-height:1.4}.difficulty-option i{border:1px solid var(--line);background:var(--paper);color:#0000;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-style:normal;font-weight:900;display:grid}.difficulty-option.selected i{border-color:var(--teal);background:var(--teal);color:#fff}@media (max-width:520px){.difficulty-picker{padding:13px}.difficulty-options{grid-template-columns:1fr}.difficulty-option{min-height:68px;padding:11px 12px}}.quiz-context.quran-context{background:radial-gradient(circle at 50% -40%,#c28a2e29,#0000 62%),linear-gradient(#fffdf7 0%,#faf5e8 100%);box-shadow:inset 0 0 0 1px #c28a2e21}.quran-reference{z-index:2;color:#7b622f;font:750 12px/1.2 var(--arabic);align-items:center;gap:6px;display:inline-flex;position:absolute;top:6px;left:18px}.quran-reference>span{width:19px;height:19px;color:var(--teal);border:1px solid #c28a2e7a;border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.quiz-context .quran-verse{padding:14px 30px 2px;font-family:Amiri Quran,Traditional Arabic,Noto Naskh Arabic,serif;line-height:1.58}.quran-context .quiz-translation{border-top-color:#c28a2e40}.density-compact .quran-reference{font-size:11px;top:4px;left:12px}.density-compact .quiz-context .quran-verse{padding-top:13px;line-height:1.48}.density-short .quran-reference{gap:4px;font-size:10px;top:2px;left:8px}.density-short .quran-reference>span{width:16px;height:16px;font-size:11px}.density-short .quiz-context .quran-verse{padding:11px 18px 0;line-height:1.35}.quiz-screen:not(.sarf-quiz-screen) .quiz-question-title{padding:14px 28px 15px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context.sentence-panel{padding:15px 28px 13px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .arabic-sentence{gap:9px 18px;min-height:72px;padding-block:4px;line-height:1.55}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word{padding-block-start:7px;padding-left:7px;padding-right:25px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word small{inset-block-start:auto;inset-inline-start:auto;width:20px;height:20px;font-size:12px;inset:-3px -3px auto auto}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .quran-verse{padding-block-start:18px}.translation.quiz-translation{grid-template-columns:1fr;gap:0;min-height:42px;padding-top:11px;display:grid}.translation-toggle{min-height:36px;color:var(--teal);cursor:pointer;font:800 13px/1.2 var(--sans);letter-spacing:.025em;background:#126b5f11;border:1px solid #126b5f3d;border-radius:9px;justify-self:start;align-items:center;gap:12px;padding:7px 11px;display:inline-flex}.translation-toggle:hover{background:#126b5f1a;border-color:#126b5f7a}.translation-toggle:focus-visible{outline-offset:2px;outline:3px solid #126b5f33}.translation-toggle b{min-width:16px;color:var(--ink-soft);text-align:center;font-size:17px;line-height:1}.translation.quiz-translation .translation-copy{color:var(--ink-soft);margin:12px 2px 2px;font-size:15px;line-height:1.45}.density-compact:not(.sarf-quiz-screen) .quiz-question-title{padding:10px 18px 11px}.density-compact:not(.sarf-quiz-screen) .quiz-context.sentence-panel{padding:10px 18px 9px}.density-compact:not(.sarf-quiz-screen) .quiz-context .arabic-sentence{gap:6px 12px;min-height:58px;padding-block:3px;line-height:1.43}.density-compact:not(.sarf-quiz-screen) .quiz-context .quran-verse{padding-block-start:15px}.density-compact .translation.quiz-translation{min-height:38px;padding-top:8px}.density-compact .translation-toggle{min-height:32px;padding:6px 9px;font-size:12px}.density-compact .translation.quiz-translation .translation-copy{margin-top:8px;font-size:14px}.density-short:not(.sarf-quiz-screen) .quiz-question-title{padding:7px 12px 8px}.density-short:not(.sarf-quiz-screen) .quiz-context.sentence-panel{padding:5px 12px}.density-short:not(.sarf-quiz-screen) .quiz-context .arabic-sentence{gap:3px 7px;min-height:42px;padding-block:2px;line-height:1.3}.density-short:not(.sarf-quiz-screen) .quiz-context .mapped-word{padding-left:5px;padding-right:22px}.density-short:not(.sarf-quiz-screen) .quiz-context .quran-verse{padding-block-start:12px}.density-short .translation.quiz-translation{grid-template-columns:1fr;align-items:start;gap:0;min-height:32px;max-height:none;padding-top:5px}.density-short .translation-toggle{min-height:30px;padding:5px 8px;font-size:11px}.density-short .translation.quiz-translation .translation-copy{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 1px 0;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}button{transition:border-color .14s,background-color .14s,color .14s,transform .14s}button:active:not(:disabled){transform:translateY(1px)}.setup-actions strong{color:var(--ink);font-size:17px}.section-hub{gap:28px;min-height:calc(100vh - 168px);padding-block:50px 56px}.section-hub-heading{width:min(100%,680px)}.section-hub-heading h1{font-size:clamp(40px,5.2vw,64px);line-height:1.02}.section-hub-heading h1 em{color:var(--teal);font-style:normal}.section-hub-heading>p:last-child{margin-top:16px;font-size:16px}.section-card-grid{gap:16px}.section-card{min-height:278px;box-shadow:none;border-radius:16px;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:10px;padding:23px 24px 20px}.section-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #17332f12}.section-card>bdi,.section-card-copy,.section-card-stats{grid-column:1}.section-card>bdi{align-self:auto;font-size:clamp(48px,5.5vw,66px)}.section-card-index{background:var(--paper);width:max-content;color:var(--ink-soft);letter-spacing:.04em;border-radius:999px;padding:4px 8px;font-size:12px}.section-card-copy strong{font-size:20px}.section-card-action{border-top:1px solid var(--line);min-height:46px;color:var(--teal);justify-content:space-between;align-items:center;gap:14px;margin-top:3px;padding-top:10px;font-size:14px;font-weight:850;display:flex}.section-card-action i{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-style:normal;display:grid}.section-card:hover .section-card-action i{border-color:var(--teal);background:var(--teal);color:#fff}.home-shell{grid-template-columns:minmax(260px,.68fr) minmax(560px,1.32fr);gap:40px;padding-block:46px 42px}.home-intro{padding-top:6px}.home-intro h1{font-size:clamp(42px,5vw,60px);line-height:1.02}.home-copy{margin-block:20px 24px;font-size:16px;line-height:1.6}.setup-heading{min-height:78px;padding:17px 19px}.setup-heading h2{font-size:24px}.topic-grid{gap:8px;padding:14px}.topic-card{min-height:108px;box-shadow:none;padding:13px 14px}.topic-card:hover{box-shadow:none;transform:none}.topic-card bdi{font-size:22px}.difficulty-picker{padding:13px 14px 15px}.difficulty-option{min-height:70px;padding:10px 12px}.setup-actions{padding:14px 16px}.sentence-task-cue{background:var(--teal-soft);width:max-content;max-width:100%;color:var(--teal);text-align:center;border-radius:999px;margin:0 auto 5px;padding:4px 9px;font-size:12px;font-weight:800;line-height:1.2}.sentence-task-cue span{margin-inline-end:4px;display:inline-block}.nahw-format-find-word .quiz-context button.word-token{border:1px solid #0000;padding-inline:8px}.nahw-format-find-word .quiz-context button.word-token:hover,.nahw-format-find-word .quiz-context button.word-token:focus-visible{border-color:var(--teal);box-shadow:none;background:#fff}.nahw-format-find-word .quiz-context button.word-token.selected-word{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal)}.nahw-format-analyse .combined-answers .target-answer,.nahw-format-sentence-map .combined-answers .target-answer{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.nahw-format-analyse .combined-answers .target-summary,.nahw-format-sentence-map .combined-answers .target-summary{grid-column:1/-1}.nahw-format-analyse .combined-answers .answer-part,.nahw-format-sentence-map .combined-answers .answer-part{border:1px solid var(--line);background:#faf7ef8c;align-content:start;min-height:0;padding:9px}.nahw-format-analyse .combined-answers .answer-part h2,.nahw-format-sentence-map .combined-answers .answer-part h2{min-height:22px}.nahw-format-find-word .combined-answers .target-answer{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:8px;display:grid}.nahw-format-find-word .combined-answers .target-summary{grid-column:1/-1}.nahw-format-find-word .combined-answers .identity-part{border:1px dashed var(--line-dark);background:var(--surface-soft);border-radius:9px;align-content:center;padding:10px}.nahw-format-find-word .combined-answers .state-part{border:1px solid var(--line);border-radius:9px;padding:9px}.target-chips button.complete{border-color:#26794e61}.target-chips button:has(.status-answered){border-color:#26794e61}.target-chips i.status-answered{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid}.quiz-rule-options.long-options{grid-template-rows:repeat(4,minmax(48px,auto));grid-template-columns:1fr;align-content:center;gap:7px}.quiz-rule-options.long-options .rule-choice{min-height:48px;padding-block:7px}.sarf-quiz-card{max-width:1100px}.sarf-context{gap:7px}.sarf-translation{width:min(100%,900px);margin-inline:auto}.sarf-inline-sentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:flex!important}.sarf-inline-part{align-items:center;gap:7px;display:inline-flex}.sarf-inline-gap{min-width:132px;min-height:50px;color:var(--teal);background:#ffffffbd;border:2px dashed #126b5f8c;border-radius:9px;place-items:center;padding:2px 12px;display:inline-grid}.sarf-inline-gap.filled{background:var(--teal-soft);border-style:solid}.sarf-inline-gap bdi{font:750 .9em/1.2 var(--arabic)}.sarf-inline-gap>span{font:850 24px/1 var(--sans)}.sarf-inspection-view{justify-items:center;gap:1px;width:min(100%,900px);margin-inline:auto;display:grid}.sarf-inspection-view>span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850}.sarf-inspection-view .arabic-sentence{min-height:44px}.sarf-transform-view{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:stretch;gap:9px;width:min(100%,960px);margin-inline:auto;display:grid}.sarf-transform-view article{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;align-content:center;gap:3px;min-width:0;padding:8px 12px;display:grid}.sarf-transform-view article.after{background:var(--teal-soft);border-color:#126b5f61}.sarf-transform-view article>span{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:850}.sarf-transform-view article>bdi,.sarf-transform-view article>p{font:750 25px/1.45 var(--arabic);text-align:center;margin:0}.sarf-transform-view>i{color:var(--teal);text-align:center;align-self:center;font-size:22px;font-style:normal}.sarf-field-stepper{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,720px);margin-inline:auto;display:grid}.sarf-field-stepper button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:8px;grid-template-columns:23px minmax(0,1fr) 18px;align-items:center;gap:7px;min-height:46px;padding:5px 8px;display:grid}.sarf-field-stepper button.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal)}.sarf-field-stepper button>span{background:var(--paper-deep);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:850;display:grid}.sarf-field-stepper button.active>span{background:var(--teal);color:#fff}.sarf-field-stepper bdi{font:700 15px/1.25 var(--arabic);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sarf-field-stepper i{color:var(--success);font-size:13px;font-style:normal;font-weight:900}.sarf-fields:has(.sarf-field-stepper){grid-template-rows:auto minmax(0,1fr)}.sarf-choice{grid-template-columns:30px minmax(0,1fr) 22px}.sarf-choice-check{color:#0000;background:0 0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-style:normal;font-weight:900;display:grid}.sarf-choice.selected .sarf-choice-check{background:var(--teal);color:#fff}.sarf-field.english-options{width:min(100%,780px)}.sarf-field.english-options .sarf-choice-grid{grid-template-columns:1fr;gap:7px}.sarf-field.english-options .sarf-choice{min-height:52px}.sarf-field.english-options .sarf-choice strong{font-size:16px}.sarf-error-sentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:min(100%,980px);margin-inline:auto;display:flex}.sarf-error-sentence button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:20px auto;align-items:center;gap:5px;min-height:50px;padding:4px 8px;display:inline-grid}.sarf-error-sentence button:hover:not(:disabled){border-color:var(--teal);background:#fff}.sarf-error-sentence button.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal)}.sarf-error-sentence button.correct{border-color:var(--success);background:#26794e17}.sarf-error-sentence button.needs-review{border-color:var(--danger);background:var(--danger-soft)}.sarf-error-sentence button:disabled{opacity:1}.sarf-error-sentence button>span{background:var(--paper-deep);width:19px;height:19px;color:var(--ink-soft);font:800 10px/1 var(--sans);border-radius:50%;place-items:center;display:grid}.sarf-error-sentence bdi{font:750 29px/1.35 var(--arabic)}.sarf-selection-confirmation{border:1px dashed var(--line-dark);background:var(--surface-soft);min-height:68px;color:var(--ink-soft);text-align:center;border-radius:9px;place-items:center;gap:2px;padding:8px 12px;display:grid}.sarf-selection-confirmation.has-selection{border-style:solid;border-color:var(--teal);background:var(--teal-soft)}.sarf-selection-confirmation>span{font-size:13px;font-weight:750}.sarf-selection-confirmation bdi{color:var(--teal);font:750 25px/1.2 var(--arabic)}.sarf-bank-sentence.active{border-color:var(--teal);background:var(--teal-soft)}.sarf-bank-gap.active-gap{border-style:solid;box-shadow:0 0 0 3px #126b5f1f}.sarf-bank-guide,.sarf-builder-guide,.sarf-builder-tools{justify-content:space-between;align-items:center;gap:12px;display:flex}.sarf-bank-guide p,.sarf-builder-tools>span{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.3}.sarf-bank-guide strong,.sarf-builder-guide strong{color:var(--teal);flex:none;font-size:13px}.sarf-builder-guide>span{color:var(--ink-soft);font-size:13px;font-weight:750}.sarf-bank-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sarf-bank-options button{cursor:pointer;grid-template-columns:22px minmax(0,1fr) 19px;min-height:54px;padding:5px 6px}.sarf-bank-options small{color:var(--teal);font-size:11px;position:static}.sarf-builder-line{gap:8px;min-height:74px}.sarf-builder-slot{border:1px dashed var(--line-dark);width:48px;min-height:48px;color:var(--ink-soft);background:#ffffff8f;border-radius:8px;place-items:center;font-size:12px;font-weight:850;display:grid}.sarf-builder-tools>div{gap:16px;display:flex}.sarf-builder-tools .text-button{min-height:40px;font-size:13px}.sarf-builder-tiles button:hover,.sarf-builder-line button:hover{border-color:var(--teal)}.sarf-format-translation-discrimination .sarf-context{padding-block:14px}@media (max-width:820px){.home-shell{grid-template-columns:1fr;gap:26px;padding-top:34px}.home-intro{position:static}.home-intro h1{font-size:clamp(40px,8vw,54px)}.home-facts{grid-template-columns:repeat(3,1fr)}.home-facts span{text-align:center;align-content:center;justify-items:center;gap:2px;min-height:66px;padding-inline:8px;display:grid}.home-facts span+span{border-left:1px solid var(--line)}.review-callout{grid-column:1;margin-top:-12px}}@media (max-width:650px){.section-hub{gap:22px;width:min(100% - 20px,620px);padding-block:30px 36px}.section-hub-heading h1{font-size:clamp(38px,12vw,50px)}.section-card{min-height:238px;padding:18px 19px 15px}.section-card>bdi{font-size:50px}.section-card-copy strong{font-size:18px}.home-shell{gap:20px;padding-top:24px}.home-facts{grid-template-columns:1fr}.home-facts span{text-align:left;justify-content:flex-start;min-height:48px;display:flex}.home-facts span+span{border-left:0;border-top:1px solid var(--line)}.setup-heading{align-items:flex-start}.topic-grid,.sarf-focus-grid{grid-template-columns:1fr}.topic-card,.sarf-focus-grid .topic-card{min-height:92px}.setup-actions{flex-direction:column;align-items:stretch;gap:10px}.setup-actions .primary-button{width:100%}.nahw-format-analyse .combined-answers .target-answer,.nahw-format-sentence-map .combined-answers .target-answer,.nahw-format-find-word .combined-answers .target-answer{display:flex}.sarf-transform-view{grid-template-columns:1fr;gap:4px}.sarf-transform-view>i{font-size:17px;line-height:1;transform:rotate(90deg)}.sarf-transform-view article{grid-template-columns:54px minmax(0,1fr);align-items:center;padding:5px 8px}.sarf-transform-view article>bdi,.sarf-transform-view article>p{font-size:21px}.sarf-error-sentence{gap:4px}.sarf-error-sentence button{min-height:46px;padding:3px 5px}.sarf-error-sentence bdi{font-size:24px}.sarf-bank-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sarf-bank-options button{min-height:48px}.sarf-bank-guide p{font-size:12px}.sarf-builder-tools>span{display:none}}.density-compact .sarf-transform-view article>bdi,.density-compact .sarf-transform-view article>p{font-size:21px}.density-compact .sarf-inline-gap{min-width:110px;min-height:44px}.density-compact .sarf-field-stepper button{min-height:44px}.density-compact .sarf-selection-confirmation{min-height:54px}.density-compact .sarf-error-sentence bdi{font-size:24px}.density-compact .sarf-bank-options button{min-height:48px}.density-short .sentence-task-cue{display:none}.density-short .quiz-rule-options.long-options{grid-template-rows:repeat(4,minmax(42px,auto));gap:3px}.density-short .quiz-rule-options.long-options .rule-choice{min-height:42px;font-size:12px;line-height:1.22}.density-short .sarf-field-stepper{gap:3px}.density-short .sarf-field-stepper button{grid-template-columns:20px minmax(0,1fr) 14px;min-height:40px;padding:3px 5px}.density-short .sarf-field-stepper button>span{width:19px;height:19px}.density-short .sarf-field-stepper bdi{font-size:13px}.density-short .sarf-inline-gap{min-width:92px;min-height:40px;padding-inline:7px}.density-short .sarf-transform-view{gap:2px}.density-short .sarf-transform-view article{padding:3px 6px}.density-short .sarf-transform-view article>bdi,.density-short .sarf-transform-view article>p{font-size:18px;line-height:1.25}.density-short .sarf-error-sentence button{min-height:40px}.density-short .sarf-error-sentence bdi{font-size:20px}.density-short .sarf-selection-confirmation{min-height:45px;padding:4px 8px}.density-short .sarf-selection-confirmation bdi{font-size:21px}.density-short .sarf-bank-guide{gap:6px}.density-short .sarf-bank-guide p{font-size:11px}.density-short .sarf-bank-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.density-short .sarf-bank-options button{grid-template-columns:16px minmax(0,1fr);min-height:42px;padding:2px 3px}.density-short .sarf-bank-options button>span{width:16px;height:16px;font-size:9px}.density-short .sarf-bank-options small{display:none}.density-short .sarf-bank-options bdi{font-size:15px}.density-short .sarf-builder-line{min-height:46px}.density-short .sarf-builder-slot{width:40px;min-height:40px}.density-short .sarf-builder-guide,.density-short .sarf-builder-tools{min-height:30px}.density-short .sarf-builder-guide>span,.density-short .sarf-builder-guide strong{font-size:11px}.marketing-shell{background:radial-gradient(circle at 82% 8%, #126b5f1f, transparent 28%), linear-gradient(180deg, #f8f3e7 0%, var(--paper) 46%, #f4efe3 100%);min-height:100vh;overflow-x:hidden}.marketing-topbar,.marketing-footer,.marketing-hero,.discipline-section,.method-section,.capability-section{width:min(100% - 48px,1180px);margin-inline:auto}.marketing-topbar{border-bottom:1px solid #223b351f;justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.brand{text-decoration:none}.marketing-topbar nav{align-items:center;gap:24px;display:flex}.marketing-topbar nav>a:not(.primary-button){color:var(--ink-soft);font-size:14px;font-weight:750;text-decoration:none}.marketing-topbar nav>a:not(.primary-button):hover{color:var(--teal)}.marketing-topbar .primary-button,.hero-actions .primary-button,.marketing-cta .primary-button{justify-content:center;align-items:center;min-height:46px;text-decoration:none;display:inline-flex}.marketing-hero{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:620px;padding-block:74px 84px;display:grid}.marketing-hero-copy h1{letter-spacing:-.062em;max-width:720px;margin:10px 0 0;font-size:clamp(52px,6.8vw,82px);line-height:.98}.marketing-hero-copy h1 em{color:var(--teal);font-style:normal}.marketing-hero-copy>p:not(.eyebrow){max-width:650px;color:var(--ink-soft);margin:26px 0 0;font-size:18px;line-height:1.62}.marketing-hero-copy>p bdi{color:var(--ink);font:750 1.28em/1 var(--arabic)}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-actions .secondary-button{align-items:center;text-decoration:none;display:inline-flex}.hero-study-card{background:#fffdf7e6;border:1px solid #126b5f3d;border-radius:22px;padding:23px;position:relative;overflow:hidden;box-shadow:0 28px 70px #14342e21}.hero-study-card:before{content:"";background:var(--teal);height:5px;position:absolute;inset:0 0 auto}.hero-study-card>div:first-child,.hero-study-card footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-study-card>div:first-child{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:850}.hero-study-card>div:first-child em{color:var(--ink-soft);font-style:normal}.hero-study-card>p{border-block:1px solid var(--line);font:750 38px/1.65 var(--arabic);flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:32px -4px 24px;padding:28px 8px;display:flex}.hero-study-card>p strong{background:var(--teal-soft);box-shadow:inset 0 -3px 0 var(--teal);border-radius:8px;padding-inline:5px}.hero-study-card article{background:var(--surface-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:12px 15px;display:flex}.hero-study-card article small{color:var(--ink-soft);font-size:13px;font-weight:750}.hero-study-card article bdi{color:var(--teal);font:750 26px/1.3 var(--arabic)}.hero-answer-preview{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.hero-answer-preview span{background:#26794e12;border:1px solid #26794e4d;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:61px;padding:10px 13px;display:flex}.hero-answer-preview bdi{font:750 23px/1.35 var(--arabic)}.hero-answer-preview i{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;display:grid}.hero-study-card footer{background:var(--ink);color:#fff;margin:17px -23px -23px;padding:15px 23px;font-size:14px}.hero-study-card footer span{color:#d7eee8;font-weight:800}.hero-study-card footer b{font-size:13px}.discipline-section,.method-section,.capability-section{padding-block:88px;scroll-margin-top:30px}.discipline-section{border-top:1px solid var(--line)}.method-section{background:var(--ink);color:#fff;width:100%;max-width:none;padding-inline:max(24px,50% - 590px)}.marketing-section-heading{max-width:730px}.marketing-section-heading h2{letter-spacing:-.052em;margin:8px 0 0;font-size:clamp(36px,4.7vw,56px);line-height:1.04}.marketing-section-heading>p:last-child{color:var(--ink-soft);margin:16px 0 0;font-size:16px;line-height:1.55}.method-section .marketing-section-heading .eyebrow{color:#efc36b}.discipline-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;display:grid}.discipline-grid>article{border:1px solid var(--line);background:#fffdf7bf;border-radius:18px;padding:25px 27px 28px;position:relative;overflow:hidden}.discipline-grid>article:after{content:"";border:1px solid #126b5f2b;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-72px;right:-55px}.discipline-grid article>span{color:var(--teal);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.discipline-grid article>bdi{color:var(--ink);font:750 58px/1.1 var(--arabic);margin-top:15px;display:block}.discipline-grid h3{letter-spacing:-.025em;margin:13px 0 0;font-size:24px}.discipline-grid p{max-width:560px;color:var(--ink-soft);margin:12px 0 0;font-size:15px;line-height:1.55}.discipline-grid ul{gap:9px;margin:21px 0 0;padding:0;list-style:none;display:grid}.discipline-grid li{color:var(--ink);padding-left:23px;font-size:14px;position:relative}.discipline-grid li:before{content:"✓";color:var(--success);font-weight:900;position:absolute;left:0}.method-steps{background:#ffffff24;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:43px 0 0;padding:0;list-style:none;display:grid}.method-steps li{background:var(--ink);grid-template-rows:auto auto 1fr;align-content:start;row-gap:10px;min-width:0;min-height:210px;padding:24px;display:grid}.method-steps li>span{color:#efc36b;margin-bottom:25px;font-size:13px;font-weight:850}.method-steps h3{margin:0;font-size:18px;line-height:1.35}.method-steps p{color:#ffffffa1;margin:0;font-size:14px;line-height:1.5}@supports (grid-template-rows:subgrid){.method-steps li{grid-row:span 3;grid-template-rows:subgrid}}.capability-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;display:grid}.capability-grid article{background:var(--paper);min-height:190px;padding:21px}.capability-grid article>span{color:var(--teal);font-size:12px;font-weight:850}.capability-grid h3{letter-spacing:-.02em;margin:24px 0 0;font-size:18px}.capability-grid p{color:var(--ink-soft);margin:9px 0 0;font-size:14px;line-height:1.5}.marketing-cta{background:var(--teal);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:34px;min-height:190px;margin-top:46px;padding:30px 34px;display:flex}.marketing-cta .eyebrow{color:#cceae5}.marketing-cta h2{letter-spacing:-.04em;margin:5px 0 0;font-size:34px}.marketing-cta p:last-child{color:#ffffffb8;margin:8px 0 0;font-size:14px}.marketing-cta .primary-button{color:var(--teal);background:#fff}.marketing-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.marketing-footer p{color:var(--ink-soft);font-size:13px}.practice-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;width:min(100% - 48px,1120px);display:grid}.practice-topbar>.brand{grid-column:1;justify-self:start;min-width:0}.practice-topbar>.practice-nav{grid-column:2;justify-self:center}.practice-topbar>.top-actions{grid-column:3;justify-self:end}.practice-nav{border:1px solid var(--line);background:#ffffff80;border-radius:10px;align-items:center;gap:5px;padding:3px;display:flex}.practice-nav button{min-height:38px;color:var(--ink-soft);cursor:pointer;font:750 13px/1 var(--sans);background:0 0;border:0;border-radius:7px;padding:7px 12px}.practice-nav button[aria-current=page]{background:var(--teal);color:#fff}.practice-tool-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:-7px;display:grid}.practice-tool-grid button{border:1px solid var(--line);min-height:116px;color:var(--ink);cursor:pointer;text-align:left;background:#fffdf7b8;border-radius:13px;grid-template-columns:minmax(0,1fr) 32px;align-content:center;gap:4px 14px;padding:17px 19px;display:grid}.practice-tool-grid button:hover{border-color:var(--teal);background:#fff}.practice-tool-grid button>span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850}.practice-tool-grid button>strong{grid-column:1;font-size:19px}.practice-tool-grid button>p{color:var(--ink-soft);grid-column:1;margin:2px 0 0;font-size:13px;line-height:1.4}.practice-tool-grid button>i{background:var(--paper-deep);width:32px;height:32px;color:var(--teal);border-radius:50%;grid-area:1/2/4;align-self:center;place-items:center;font-style:normal;display:grid}.record-shell{width:min(100% - 48px,1040px);min-height:calc(100vh - 160px);margin:44px auto 64px}.record-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:32px;min-height:154px;padding:8px 2px 27px;display:flex}.record-heading h1{letter-spacing:-.052em;margin:7px 0 0;font-size:clamp(38px,5vw,54px);line-height:1}.record-heading p:last-child{max-width:700px;color:var(--ink-soft);margin:14px 0 0;font-size:15px;line-height:1.5}.record-score{flex:none;justify-items:end;display:grid}.record-score strong{letter-spacing:-.06em;font-size:46px}.record-score span{color:var(--ink-soft);font-size:13px}.record-filters{gap:6px;margin-top:22px;display:flex}.record-filters button{border:1px solid var(--line);min-height:42px;color:var(--ink-soft);cursor:pointer;font:800 13px/1 var(--sans);background:0 0;border-radius:999px;padding:7px 16px}.record-filters button[aria-pressed=true]{border-color:var(--teal);background:var(--teal);color:#fff}.record-filters bdi{font:750 18px/1 var(--arabic)}.session-list{gap:8px;margin-top:18px;display:grid}.session-row{border:1px solid var(--line);min-height:82px;color:var(--ink);cursor:pointer;text-align:left;background:#fffdf7bd;border-radius:12px;grid-template-columns:72px minmax(0,1fr) 92px 28px;align-items:center;gap:14px;padding:12px 15px;display:grid}.session-row:hover{border-color:var(--teal);background:#fff}.session-section{background:var(--teal-soft);color:var(--teal);border-radius:8px;align-self:stretch;place-items:center;display:grid}.session-section bdi{font:750 23px/1 var(--arabic)}.session-summary{gap:5px;min-width:0;display:grid}.session-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.session-summary small,.session-result small{color:var(--ink-soft);font-size:12px}.session-result{justify-items:end;gap:3px;display:grid}.session-result strong{font-size:22px}.session-row>i{color:var(--teal);font-size:17px;font-style:normal}.empty-record{border:1px dashed var(--line-dark);text-align:center;border-radius:14px;align-content:center;place-items:center;gap:8px;min-height:340px;margin-top:18px;padding:32px;display:grid}.empty-record>span{color:var(--teal);font-size:42px}.empty-record h2{margin:0;font-size:24px}.empty-record p{max-width:440px;color:var(--ink-soft);margin:0;font-size:14px}.back-link{min-height:42px;color:var(--teal);cursor:pointer;font:800 14px/1 var(--sans);background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.session-detail .record-heading{margin-top:4px}.saved-question-list{gap:9px;margin-top:22px;display:grid}.saved-question{border:1px solid var(--line);background:#fffdf7c2;border-radius:12px;overflow:hidden}.saved-question.needs-review{border-color:#a84f3d45}.saved-question summary{cursor:pointer;grid-template-columns:42px minmax(0,1fr) 60px;align-items:center;gap:13px;min-height:77px;padding:12px 16px;list-style:none;display:grid}.saved-question summary::-webkit-details-marker{display:none}.saved-question summary>span{background:var(--paper-deep);width:34px;height:34px;color:var(--ink-soft);border-radius:50%;place-items:center;font-size:12px;font-weight:850;display:grid}.saved-question summary>div{gap:3px;min-width:0;display:grid}.saved-question summary small{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.saved-question summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.saved-question summary>em{color:var(--ink-soft);justify-self:end;font-size:14px;font-style:normal;font-weight:850}.saved-question[open] summary{border-bottom:1px solid var(--line);background:var(--surface-soft)}.saved-question-body{padding:18px}.saved-arabic{font:750 clamp(28px, 4vw, 38px)/1.75 var(--arabic);text-align:center;padding:12px 16px 17px;display:block}.saved-english{border-top:1px solid var(--line);color:var(--ink-soft);gap:13px;margin:0;padding:12px 3px 15px;font-size:14px;line-height:1.45;display:flex}.saved-english span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:12px;font-weight:850}.saved-field-list{gap:8px;display:grid}.saved-field{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.saved-field>header{background:var(--surface-soft);justify-content:space-between;align-items:center;gap:14px;min-height:40px;padding:8px 12px;display:flex}.saved-field>header strong{font-size:13px}.saved-field>header span{color:var(--success);text-transform:uppercase;font-size:11px;font-weight:850}.saved-field.incorrect>header span{color:var(--danger)}.saved-answer-comparison{grid-template-columns:1fr 1fr;display:grid}.saved-answer-comparison p{align-content:center;gap:4px;min-height:72px;margin:0;padding:10px 13px;display:grid}.saved-answer-comparison p+p{border-left:1px solid var(--line)}.saved-answer-comparison small{color:var(--ink-soft);text-transform:uppercase;font-size:11px;font-weight:800}.saved-answer-comparison bdi{font:750 20px/1.4 var(--arabic)}.saved-answer-comparison .correct-answer{background:#26794e12}.saved-explanation{border-top:1px solid var(--line);color:var(--ink-soft);margin:0;padding:10px 13px;font-size:13px;line-height:1.5}.replay-question-button{margin-top:14px}.insight-kpis{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px;display:grid}.insight-kpis article{border:1px solid var(--line);background:#fffdf7bf;border-radius:12px;align-content:center;gap:4px;min-height:126px;padding:16px 18px;display:grid}.insight-kpis span{color:var(--ink-soft);font-size:13px;font-weight:750}.insight-kpis strong{letter-spacing:-.05em;font-size:34px}.insight-kpis small{color:var(--ink-soft);font-size:12px}.insight-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:12px;margin-top:12px;display:grid}.mistake-ranking,.recent-trend{border:1px solid var(--line);background:#fffdf7bf;border-radius:13px;min-height:360px;padding:18px}.mistake-ranking>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:18px;padding-bottom:13px;display:flex}.mistake-ranking h2,.recent-trend h2{margin:4px 0 0;font-size:20px}.mistake-ranking>header>span{color:var(--ink-soft);font-size:11px}.mistake-ranking>article{border-bottom:1px solid var(--line);grid-template-columns:27px minmax(0,1fr) 46px;align-items:center;gap:3px 10px;padding:11px 0;display:grid}.mistake-ranking>article>span{background:var(--paper-deep);border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:850;display:grid}.mistake-ranking article>div{gap:3px;min-width:0;display:grid}.mistake-ranking article strong{font:750 17px/1.35 var(--arabic);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mistake-ranking article small{color:var(--ink-soft);font-size:11px}.mistake-ranking article>em{justify-self:end;font-size:13px;font-style:normal;font-weight:850}.mistake-ranking article>i{background:var(--paper-deep);border-radius:999px;grid-column:2/4;height:4px;overflow:hidden}.mistake-ranking article>i b{border-radius:inherit;background:var(--teal);height:100%;display:block}.recent-trend>header{border-bottom:1px solid var(--line);padding-bottom:13px}.trend-bars{justify-content:center;align-items:stretch;gap:8px;height:242px;padding-top:20px;display:flex}.trend-bars article{flex:1;grid-template-rows:20px minmax(0,1fr) 27px;justify-items:center;gap:6px;min-width:26px;display:grid}.trend-bars span{color:var(--ink-soft);font-size:10px}.trend-bars article>div{background:var(--paper-deep);border-radius:7px;align-items:flex-end;width:min(100%,28px);height:100%;display:flex;overflow:hidden}.trend-bars i{background:var(--teal);border-radius:7px;width:100%;display:block}.trend-bars bdi{color:var(--ink-soft);font:750 14px/1 var(--arabic)}.empty-insight{align-content:center;min-height:220px;display:grid}.empty-insight strong{font-size:17px}.empty-insight p{color:var(--ink-soft);margin:8px 0 0;font-size:13px;line-height:1.5}.progressive-hint{align-content:center}.hint-progress{justify-content:space-between;align-items:center;gap:18px;width:min(100%,660px);margin-inline:auto;display:flex}.hint-progress>span{gap:5px;display:flex}.hint-progress i{background:var(--paper-deep);border-radius:999px;width:24px;height:4px}.hint-progress i.active{background:var(--saffron)}.hint-actions{justify-content:flex-end;gap:8px;width:min(100%,660px);margin-inline:auto;display:flex}.answer-comparison-card{grid-template-columns:1fr;overflow:hidden;gap:0!important;padding:0!important;display:grid!important}.feedback-answer-line{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:3px 10px;min-height:58px;padding:8px 11px;display:grid}.feedback-answer-line small{color:var(--ink-soft);letter-spacing:.055em;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:850}.feedback-answer-line bdi,.feedback-answer-line>strong{min-width:0;font:750 21px/1.35 var(--arabic);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feedback-answer-line.correct-answer{background:#26794e14;border-top:1px solid #26794e3d}.answer-comparison-card.needs-review .feedback-answer-line.user-answer{background:#a84f3d12}.answer-comparison-card.needs-review .feedback-answer-line.user-answer .field-status-icon{background:var(--danger)}.answer-comparison-card .feedback-answer-line.correct-answer .field-status-icon{background:var(--success);color:#fff}.sarf-feedback-answer.answer-comparison-card{align-items:stretch}.sarf-feedback-answer.answer-comparison-card .feedback-answer-line{width:100%}.quiz-screen{--quiz-hud-height:44px}.quiz-screen.density-compact,.quiz-screen.density-short{--quiz-hud-height:40px}.quiz-hud{gap:12px}.quiz-exit-button{min-height:38px;padding-block:5px}@media (max-width:900px){.marketing-hero{grid-template-columns:1fr;gap:48px;padding-block:60px 72px}.hero-study-card{justify-self:center;width:min(100%,590px);transform:none}.capability-grid,.method-steps{grid-template-columns:repeat(2,1fr)}.practice-topbar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;row-gap:12px;padding-block:12px}.practice-topbar>.brand{grid-row:1}.practice-topbar>.practice-nav{grid-area:2/1/auto/-1}.practice-topbar>.top-actions{grid-area:1/2}.insight-grid{grid-template-columns:1fr}}@media (max-width:650px){.marketing-topbar,.marketing-footer,.marketing-hero,.discipline-section,.capability-section{width:min(100% - 28px,600px)}.marketing-topbar{min-height:68px}.marketing-topbar .brand small,.marketing-topbar nav>a:not(.primary-button){display:none}.marketing-topbar .primary-button{min-height:42px;padding-inline:13px;font-size:13px}.marketing-hero{min-height:0;padding-block:48px 58px}.marketing-hero-copy h1{font-size:clamp(43px,13vw,60px)}.marketing-hero-copy>p:not(.eyebrow){margin-top:20px;font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{width:100%}.hero-study-card{border-radius:16px;padding:17px}.hero-study-card>p{margin-block:23px 18px;padding-block:20px;font-size:30px}.hero-answer-preview{grid-template-columns:1fr}.hero-study-card footer{margin:14px -17px -17px;padding:13px 17px}.discipline-section,.method-section,.capability-section{padding-block:62px}.method-section{padding-inline:14px}.marketing-section-heading h2{font-size:37px}.discipline-grid,.capability-grid,.method-steps{grid-template-columns:1fr}.method-steps li{min-height:165px}.capability-grid article{min-height:158px}.marketing-cta{flex-direction:column;align-items:stretch;padding:24px 21px}.marketing-cta h2{font-size:29px}.marketing-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding-block:22px}.marketing-footer p{margin:0}.practice-topbar{gap:10px;width:calc(100% - 28px);min-height:104px}.practice-topbar .brand{gap:9px}.practice-topbar .brand small{overflow-wrap:anywhere;max-width:100%}.practice-nav{justify-content:stretch;width:100%}.practice-nav button{flex:1;min-width:0;padding-inline:7px}.practice-tool-grid{grid-template-columns:1fr}.record-shell{width:min(100% - 20px,620px);margin-top:25px}.record-heading{flex-direction:column;align-items:flex-start;min-height:0;padding-bottom:20px}.record-heading h1{font-size:39px}.record-score{justify-items:start}.record-score strong{font-size:38px}.session-row{grid-template-columns:56px minmax(0,1fr) 68px;gap:10px;padding:10px}.session-row>i{display:none}.session-result strong{font-size:18px}.saved-question summary{grid-template-columns:34px minmax(0,1fr) 48px;gap:8px;padding-inline:10px}.saved-question-body{padding:12px}.saved-arabic{padding-inline:5px;font-size:28px}.saved-english{flex-direction:column;align-items:flex-start;gap:4px}.saved-answer-comparison{grid-template-columns:1fr}.saved-answer-comparison p+p{border-top:1px solid var(--line);border-left:0}.insight-kpis{grid-template-columns:1fr}.insight-kpis article{min-height:102px}.mistake-ranking,.recent-trend{padding:14px}.quiz-screen.narrow-quiz{--quiz-hud-height:44px}.quiz-hud{grid-template-rows:36px 3px;grid-template-columns:minmax(0,1fr) max-content;gap:3px 8px}.quiz-hud .quiz-progress-track{grid-area:2/1/auto/-1}.quiz-hud .quiz-exit-button{grid-area:1/2}.quiz-exit-button{min-height:35px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word{margin-top:5px;padding-block-start:11px;padding-inline:5px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word small{top:-9px}.feedback-answer-line{min-height:49px;padding-block:5px}.feedback-answer-line bdi,.feedback-answer-line>strong{font-size:18px}.progressive-hint{padding-inline:12px}}@media (max-height:559px){.progressive-hint{gap:5px}.progressive-hint>p:not(.eyebrow){font-size:12px;line-height:1.35}.hint-actions .primary-button,.hint-actions .secondary-button{min-height:38px;font-size:12px}.feedback-answer-line{min-height:43px;padding-block:3px}.feedback-answer-line small{font-size:9px}.feedback-answer-line bdi,.feedback-answer-line>strong{font-size:16px}}.setup-card>.setup-group{border:0;min-inline-size:0;margin:0;padding:16px 18px 18px}.setup-card>.setup-group+.setup-group{border-top:1px solid var(--line)}.setup-group>legend{float:left;width:100%;color:var(--ink-soft);font:850 14px/1.4 var(--sans);letter-spacing:.065em;text-transform:uppercase;margin:0 0 12px;padding:0}.setup-group>.difficulty-options,.setup-group>.state-mode-options,.setup-group>.topic-grid{clear:both;min-width:0}.setup-group>.topic-grid{padding:0}.setup-group .difficulty-option strong,.setup-group .state-mode-options strong{font-size:16px}.setup-group .difficulty-option small,.setup-group .state-mode-options small{font-size:14px;line-height:1.5}.state-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.state-mode-options label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:12px;min-width:0;min-height:78px;padding:12px 14px;transition:border-color .16s,background .16s;display:grid;position:relative}.state-mode-options label:hover{border-color:var(--teal)}.state-mode-options label:focus-within{outline-offset:2px;outline:3px solid #0e6f6333}.state-mode-options label.selected{border-color:var(--teal);background:var(--teal-soft)}.state-mode-options input{opacity:0;width:1px;height:1px;position:absolute}.state-mode-options span{gap:4px;min-width:0;display:grid}.state-mode-options strong{font-size:16px}.state-mode-options small{color:var(--ink-soft);font-size:14px;line-height:1.5}.state-mode-options i{border:1px solid var(--line);background:var(--paper);color:#0000;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:900;display:grid}.state-mode-options label.selected i{border-color:var(--teal);background:var(--teal);color:#fff}@media (max-width:760px){.setup-card>.setup-group{padding:14px}.setup-group .difficulty-options,.setup-group .state-mode-options{grid-template-columns:1fr}}.find-word-selection-card{border:1px dashed var(--line-dark);background:var(--surface-soft);text-align:center;border-radius:11px;align-content:center;justify-items:center;gap:5px;width:min(100%,650px);min-height:112px;margin:5px auto 0;padding:13px 16px;display:grid}.find-word-selection-card.has-selection{border-style:solid;border-color:var(--teal);background:var(--teal-soft)}.find-word-selection-card>span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:850}.find-word-selection-card strong{color:var(--ink);font-size:18px;line-height:1.35}.find-word-selection-card strong bdi{color:var(--teal);font:750 31px/1.25 var(--arabic)}.find-word-selection-card small{color:var(--ink-soft);font-size:13px;line-height:1.4}.find-word-selection-card small bdi{color:var(--teal);font:750 18px/1.2 var(--arabic)}.predictable-state-skip{background:#126b5f0e;border-color:#126b5f40}.answer-chain{align-items:stretch;gap:7px;width:100%;display:grid}.answer-chain.one-part{grid-template-columns:minmax(0,1fr);max-width:680px}.answer-chain.two-parts{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.answer-chain>.answer-comparison-card{grid-auto-flow:row;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.answer-chain>.answer-comparison-card>.feedback-answer-line{grid-column:1}.feedback-answer-line{width:100%;min-width:0;max-width:100%}.feedback-answer-line bdi,.feedback-answer-line>strong{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;overflow:visible}.rule-answer-comparison,.rule-explanation-part{align-content:start}.quiz-feedback-body .rule-correct-option{grid-template-rows:auto;grid-template-columns:27px minmax(0,1fr) 22px;align-items:center;width:100%;max-width:100%}.quiz-feedback-body .rule-correct-option>span{grid-area:1/1}.quiz-feedback-body .rule-correct-option>p{overflow-wrap:anywhere;white-space:normal;grid-area:1/2;min-width:0}.quiz-feedback-body .rule-correct-option>.field-status-icon{grid-area:1/3}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word{padding-block-start:15px;margin-top:6px;padding-left:7px;padding-right:7px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word small{width:20px;height:20px;font-size:12px;inset:-7px auto auto calc(50% + 8px);transform:translate(-50%)}@media (max-width:1100px){.home-shell{grid-template-columns:1fr;gap:26px}.home-intro{max-width:760px;position:static}.quiz-screen{--quiz-inline:9px}.quiz-hud,.quiz-card{width:100%}.quiz-screen:not(.sarf-quiz-screen) .quiz-question-title,.quiz-screen:not(.sarf-quiz-screen) .quiz-context.sentence-panel{padding-inline:17px}.single-feedback-target .answer-chain{min-width:0}}@media (max-width:760px){.state-mode-options{grid-template-columns:1fr}.state-mode-options label{min-height:72px}.answer-chain.two-parts{grid-template-columns:1fr}.answer-chain.two-parts .answer-arrow{justify-self:center;transform:rotate(90deg)}}.density-compact .find-word-selection-card{min-height:88px;padding-block:9px}.density-compact .find-word-selection-card strong bdi{font-size:27px}.density-compact .single-feedback-target{gap:5px;padding:7px 9px}.density-compact .single-feedback-target .answer-chain{gap:5px}.density-compact .feedback-answer-line{min-height:48px;padding:5px 8px}.density-compact .single-feedback-target>p{line-height:1.35}.density-compact .feedback-target-chips button{min-height:40px}@media (max-width:650px){.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word{margin-top:5px;padding-block-start:14px;padding-inline:5px}.quiz-screen:not(.sarf-quiz-screen) .quiz-context .mapped-word small{top:-6px;left:calc(50% + 7px)}}@media (max-height:680px){.density-compact .quiz-feedback-heading{padding-block:5px}.density-compact .quiz-feedback-body{gap:5px;padding-block:6px}.density-compact .feedback-answer-line{min-height:43px;padding-block:3px}.density-compact .feedback-answer-line small{font-size:9px}.density-compact .feedback-answer-line bdi,.density-compact .feedback-answer-line>strong{font-size:17px;line-height:1.25}.density-compact .single-feedback-target>p{font-size:12px;line-height:1.3}}@media (max-width:650px){.sarf-lab:not(.quiz-site-shell)>.topbar,.numbers-lab:not(.quiz-site-shell)>.topbar{flex-wrap:wrap;gap:8px 12px;width:min(100% - 20px,620px);min-height:0;padding-block:10px}.sarf-lab:not(.quiz-site-shell)>.topbar .brand,.numbers-lab:not(.quiz-site-shell)>.topbar .brand{min-width:0}.sarf-lab:not(.quiz-site-shell)>.topbar .brand small,.numbers-lab:not(.quiz-site-shell)>.topbar .brand small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sarf-lab:not(.quiz-site-shell)>.topbar .top-actions,.numbers-lab:not(.quiz-site-shell)>.topbar .top-actions{justify-content:flex-end;gap:8px;width:100%}.quiz-screen.narrow-quiz{--quiz-gap:6px;--quiz-inline:6px;--quiz-block:6px;--quiz-hud-height:42px}.quiz-screen.narrow-quiz .quiz-hud{grid-template-rows:32px 3px;row-gap:3px}.quiz-screen.narrow-quiz .quiz-question-title{padding:7px 11px 8px}.quiz-screen.narrow-quiz .quiz-question-title h1{font-size:clamp(16px,4.7vw,20px);line-height:1.22}.quiz-screen.narrow-quiz .quiz-context.sentence-panel,.quiz-screen.narrow-quiz .quiz-context.rule-context-panel,.quiz-screen.narrow-quiz .sarf-context{padding-inline:10px}.quiz-screen.narrow-quiz .quiz-answer-body,.quiz-screen.narrow-quiz .quiz-feedback-body,.quiz-screen.narrow-quiz .quiz-hint-pane{gap:6px;padding:7px 9px}.quiz-screen.narrow-quiz .quiz-rule-options,.quiz-screen.narrow-quiz .quiz-rule-options.long-options{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:6px}.quiz-screen.narrow-quiz .quiz-rule-options .rule-choice,.quiz-screen.narrow-quiz .quiz-rule-options.long-options .rule-choice{grid-template-columns:23px minmax(0,1fr);gap:6px;width:100%;height:100%;min-height:44px;padding:6px 7px;font-size:clamp(11px,3.2vw,13px);line-height:1.24;overflow:hidden}.quiz-screen.narrow-quiz .quiz-rule-options .rule-choice>span{overflow-wrap:anywhere;white-space:normal;min-width:0;overflow:visible}.quiz-screen.narrow-quiz .target-chips{gap:4px}.quiz-screen.narrow-quiz .target-chips button{grid-template-columns:21px minmax(0,1fr) 15px;gap:4px;min-height:42px;padding-inline:5px}.quiz-screen.narrow-quiz .find-word-selection-card{gap:2px;min-height:74px;margin-top:2px;padding:7px 10px}.quiz-screen.narrow-quiz .find-word-selection-card strong bdi{font-size:25px}.quiz-screen.narrow-quiz .find-word-selection-card small{font-size:11px;line-height:1.25}.quiz-screen.narrow-quiz .quiz-actions{gap:5px;min-height:48px;padding-top:5px}.quiz-screen.narrow-quiz .quiz-actions>div{flex:auto;gap:5px;min-width:0;margin-inline-start:0}.quiz-screen.narrow-quiz .quiz-actions>div>button{flex:1 1 0;min-width:0}.quiz-screen.narrow-quiz .quiz-actions>.primary-button:last-child,.quiz-screen.narrow-quiz .quiz-actions>div>.primary-button:last-child{min-width:0}.quiz-screen.narrow-quiz .quiz-actions .primary-button,.quiz-screen.narrow-quiz .quiz-actions .secondary-button,.quiz-screen.narrow-quiz .quiz-actions .hint-button{white-space:nowrap;min-height:44px;padding-inline:8px;font-size:13px}.quiz-screen.narrow-quiz .quiz-actions kbd{display:none}.quiz-screen.narrow-quiz .answer-chain.two-parts{gap:4px}.quiz-screen.narrow-quiz .answer-chain.two-parts .answer-arrow{display:none}.sarf-quiz-screen.narrow-quiz .sarf-field.english-options .sarf-choice-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:6px}.sarf-quiz-screen.narrow-quiz .sarf-field.english-options .sarf-choice{grid-template-columns:23px minmax(0,1fr) 17px;gap:5px;height:100%;min-height:44px;padding:5px 6px;overflow:hidden}.sarf-quiz-screen.narrow-quiz .sarf-field.english-options .sarf-choice strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(11px,3.15vw,13px);line-height:1.22}.sarf-quiz-screen.narrow-quiz .sarf-bank-exercise,.sarf-quiz-screen.narrow-quiz .sarf-builder{justify-content:center;gap:5px}.sarf-quiz-screen.narrow-quiz .sarf-bank-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.sarf-quiz-screen.narrow-quiz .sarf-bank-options button{grid-template-columns:minmax(0,1fr);place-items:center;gap:0;min-height:44px;padding:4px 3px;overflow:hidden}.sarf-quiz-screen.narrow-quiz .sarf-bank-options button>span{width:15px;height:15px;font-size:8px;position:absolute;top:2px;left:3px}.sarf-quiz-screen.narrow-quiz .sarf-bank-options bdi{overflow-wrap:anywhere;text-overflow:clip;white-space:normal;width:100%;font-size:clamp(13px,3.7vw,16px);line-height:1.15;overflow:visible}.sarf-quiz-screen.narrow-quiz .sarf-bank-options small{font-size:8px;position:absolute;bottom:1px;right:2px}.sarf-quiz-screen.narrow-quiz .sarf-transform-view{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px}.sarf-quiz-screen.narrow-quiz .sarf-transform-view>i{transform:none}.sarf-quiz-screen.narrow-quiz .sarf-transform-view article{grid-template-columns:1fr;gap:2px;padding:5px 6px}.sarf-quiz-screen.narrow-quiz .sarf-transform-view article>span{font-size:9px}.sarf-quiz-screen.narrow-quiz .sarf-transform-view article>bdi,.sarf-quiz-screen.narrow-quiz .sarf-transform-view article>p{font-size:clamp(16px,4.7vw,20px);line-height:1.25}.sarf-quiz-screen.narrow-quiz .sarf-builder-line{gap:4px;min-height:48px;padding:4px}.sarf-quiz-screen.narrow-quiz .sarf-builder-slot{width:40px;min-height:40px}.sarf-quiz-screen.narrow-quiz .sarf-builder-line button,.sarf-quiz-screen.narrow-quiz .sarf-builder-tiles button{gap:4px;min-height:42px;padding:3px 6px}.sarf-quiz-screen.narrow-quiz .sarf-builder-line bdi,.sarf-quiz-screen.narrow-quiz .sarf-builder-tiles bdi{font-size:18px}.sarf-quiz-screen.narrow-quiz .sarf-builder-guide,.sarf-quiz-screen.narrow-quiz .sarf-builder-tools{gap:6px}}@media (max-width:360px){.quiz-screen.narrow-quiz .quiz-topic-label{display:none}.quiz-screen.narrow-quiz .quiz-actions .primary-button,.quiz-screen.narrow-quiz .quiz-actions .secondary-button,.quiz-screen.narrow-quiz .quiz-actions .hint-button{padding-inline:6px;font-size:12px}.sarf-quiz-screen.narrow-quiz .sarf-bank-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:650px) and (max-height:680px){.quiz-screen.narrow-quiz .find-word-selection-card{min-height:58px;padding-block:4px}.quiz-screen.narrow-quiz .find-word-selection-card small,.quiz-screen.narrow-quiz .shortcut-scope,.sarf-quiz-screen.narrow-quiz .sarf-bank-guide p,.sarf-quiz-screen.narrow-quiz .sarf-builder-tools>span{display:none}.quiz-screen.narrow-quiz .quiz-rule-options,.quiz-screen.narrow-quiz .quiz-rule-options.long-options{gap:4px}.quiz-screen.narrow-quiz .quiz-rule-options .rule-choice,.quiz-screen.narrow-quiz .quiz-rule-options.long-options .rule-choice{padding-block:4px;font-size:clamp(10px,3vw,12px)}}