@font-face{font-family:Nawa;src:url('/assets/fonts/source-sans-3-latin-wght.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:NawaArabic;src:url('/assets/fonts/noto-sans-arabic-arabic-wght.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#092333;--cream:#faf7ef;--gold:#f5cd76;--teal:#0b776f;--line:#d9e0dc;--muted:#506575;--paper:#fff;--red:#b33039;--shadow:0 12px 32px #09233308}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nawa,system-ui,sans-serif;font-size:18px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,select{max-width:100%}[hidden]{display:none!important}[lang=ar]{font-family:NawaArabic,system-ui,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #147ee8;outline-offset:4px}.skip{position:absolute;top:0;left:12px;transform:translateY(-140%);z-index:5;background:white;padding:12px}.skip:focus{transform:none}.site-header{background:var(--ink);color:var(--cream);border-bottom:3px solid var(--gold)}.header-inner{max-width:1240px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:26px;font-weight:800;line-height:1.2}.brand img{flex:none;background:var(--cream);border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:1.6px;color:var(--gold);margin-top:6px}.header-inner nav{display:flex;gap:24px}.header-inner nav a{text-decoration:none;font-weight:700;text-align:center}.header-inner nav span{display:block;font-size:13px;color:#d5e8df}.header-inner nav a:hover{color:var(--gold)}.page{max-width:1240px;margin:auto;padding:48px 24px 70px}.hero{display:grid;grid-template-columns:1fr 300px;gap:42px;align-items:center;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--teal);margin-bottom:15px}h1{font-size:clamp(32px,4.2vw,52px);letter-spacing:-1px;margin-bottom:14px}.hero-copy>p:not(.eyebrow){margin-bottom:7px}.hero-ar{font-size:26px;font-weight:700;text-align:left}.hero-copy p[lang=ar]{text-align:left}.hero-note{padding:24px;background:#ecf3ef;border:1px solid #d4e2d9;border-radius:22px}.note-mark{display:block;font-size:32px;font-weight:800;color:var(--teal);margin-bottom:8px}.hero-note strong{font-size:25px}.hero-note p{font-size:15px;margin:8px 0 0;color:var(--muted)}.language-nav{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 26px}.language-nav a{display:flex;gap:9px;align-items:center;min-height:50px;padding:10px 17px;border:1px solid var(--line);border-radius:30px;background:white;text-decoration:none;font-weight:750}.language-nav small{font-weight:500;font-size:14px}.language-nav [aria-current=page]{background:var(--ink);border-color:var(--ink);color:white;box-shadow:inset 0 -3px var(--gold)}.language-nav a:hover{border-color:var(--teal)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,290px) auto;align-items:end;gap:16px;padding:22px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}label{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;margin-bottom:8px}label span{font-weight:500}input,select{width:100%;border:1px solid #aab9b7;border-radius:10px;background:#fff;color:var(--ink);min-height:48px;padding:9px 12px}input::placeholder{color:#657683}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;padding:9px 17px;border:1px solid transparent;font-weight:750;line-height:1.35}.primary{background:var(--teal);color:white}.primary:hover:not(:disabled){background:#075b55}.secondary{background:var(--ink);color:white}.quiet{background:#f0f4f1;border-color:var(--line);color:var(--ink)}.progress-note{font-size:13px;color:var(--muted);margin:14px 0 30px}.progress-note span{display:block;margin-top:4px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.results-header h2{font-size:21px;margin:0}.results-header h2 span{font-size:18px}.results-header p{font-size:14px;color:var(--muted);margin:0}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.word-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow);overflow:hidden}.word-card-head{padding:20px 22px 14px}.word-label{font-size:12px;font-weight:700;color:var(--teal);display:flex;justify-content:space-between;gap:10px}.word-label span{overflow-wrap:anywhere}.word-card h3{font-size:30px;line-height:1.45;overflow-wrap:anywhere;margin:8px 0 2px}.word-card h3[lang=ar]{font-size:28px}.word-card .part{font-size:13px;color:var(--muted);margin:0}.word-card details{border-top:1px solid var(--line)}.word-card summary{padding:13px 22px;cursor:pointer;font-size:14px;font-weight:700;color:var(--teal)}.word-card summary::marker{color:var(--teal)}.word-card summary span{display:inline;margin-inline-start:5px}.word-card details[open] summary{background:#f0f5f2}.word-meaning{font-size:23px;font-weight:750;line-height:1.6;margin:0 0 14px}.word-detail{padding:19px 22px 22px}.example-label{display:block;font-size:11px;letter-spacing:1px;font-weight:800;color:var(--muted);margin-bottom:8px}.example{font-size:18px;margin:0 0 9px}.example-translation{font-size:15px;color:var(--muted);margin:0;line-height:1.8}.word-note{font-size:13px;border-top:1px dashed var(--line);padding-top:10px;margin:14px 0 0;color:var(--muted)}.more-row{text-align:center;margin-top:28px}.empty{grid-column:1/-1;padding:38px 24px;text-align:center;background:white;border:1px dashed var(--line);border-radius:16px}.error{padding:24px;border:1px solid #c88181;border-radius:16px;background:#fff7f7}.error h2{font-size:22px}.practice{margin-bottom:30px;padding:28px;background:white;border:2px solid #c7dcd3;border-radius:20px}.practice-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.practice-top h2{font-size:22px;margin:0}.quiz-meta{color:var(--muted);font-size:14px}.quiz-question{font-size:32px;overflow-wrap:anywhere;line-height:1.5;margin-bottom:18px}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-options button{padding:14px;text-align:start;font-weight:600;border:1px solid #afc3b9;border-radius:12px;background:var(--cream);color:var(--ink);min-height:56px;overflow-wrap:anywhere}.quiz-options button[data-result=correct]{background:#e7f4ed;border-color:#287c55;color:#135536}.quiz-options button[data-result=incorrect]{background:#fff0ed;border-color:#bc4a36;color:#842d1e}.quiz-options button:disabled{opacity:1}.quiz-feedback{padding:18px 0 6px;min-height:20px}.quiz-feedback p{margin-bottom:8px}.quiz-score{font-size:32px;font-weight:800;color:var(--teal)}.site-footer{background:var(--ink);color:var(--cream);padding:40px 24px max(24px,env(safe-area-inset-bottom))}.footer-inner{max-width:1192px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.footer-brand{font-size:27px;font-weight:800;text-decoration:none}.footer-inner p{font-size:15px;margin:7px 0}.footer-inner p[lang=ar]{text-align:left}.footer-inner nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-content:start}.footer-inner nav a{font-size:15px;color:#f5cd76;text-underline-offset:4px;overflow-wrap:anywhere}.copyright{max-width:1192px;margin:28px auto 0;padding-top:20px;border-top:1px solid #36505a}.copyright p{font-size:12px;color:#d6e2dd;margin:6px 0}.copyright [lang=ar]{text-align:left}
@media(max-width:960px){.hero{grid-template-columns:1fr 240px;gap:24px}.toolbar{grid-template-columns:minmax(0,1fr) minmax(160px,230px)}.toolbar>.button{grid-column:1/-1;justify-self:start}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-nav a{font-size:16px}}
@media(max-width:600px){body{font-size:16px}.header-inner{padding:16px;gap:18px;flex-wrap:wrap}.brand{font-size:23px}.brand img{width:42px;height:42px}.header-inner nav{gap:18px;font-size:15px}.page{padding:28px 16px 48px}.hero{grid-template-columns:1fr;gap:20px;margin-bottom:23px}h1{font-size:34px}.hero-ar{font-size:23px}.hero-note{padding:17px 20px}.note-mark{float:right;font-size:28px}.hero-note strong{font-size:23px}.hero-note p{font-size:13px}.language-nav{display:grid;grid-template-columns:1fr;gap:8px}.language-nav a{border-radius:13px;justify-content:flex-start;min-height:46px;padding:8px 13px}.language-nav small{margin-left:auto}.toolbar{grid-template-columns:1fr;padding:16px;gap:14px}.toolbar>.button{width:100%}.word-grid{grid-template-columns:1fr;gap:14px}.word-card h3{font-size:28px}.results-header{align-items:flex-start;flex-direction:column;gap:7px}.results-header h2{font-size:19px}.results-header h2 span{font-size:16px}.practice{padding:18px}.practice-top{align-items:flex-start}.practice-top h2{font-size:20px}.practice-top .button{padding:9px;font-size:13px;flex:none}.quiz-options{grid-template-columns:1fr}.quiz-question{font-size:29px}.footer-inner{grid-template-columns:1fr;gap:23px}.footer-inner nav{gap:15px 20px}.site-footer{padding-left:20px;padding-right:20px}.copyright p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.selection-method{margin-top:45px;padding:25px;background:#eef3ef;border:1px solid var(--line);border-radius:18px;font-size:15px;line-height:1.8}.selection-method h2{font-size:23px}.selection-method h3{font-size:18px;margin-top:26px}.selection-method p{margin-bottom:13px}.selection-method ul{padding-inline-start:23px}.selection-method li{margin:9px 0}.reference-list a{font-weight:700;color:#075b55;overflow-wrap:anywhere;text-underline-offset:3px}.reference-list span{display:block;color:var(--muted);font-size:13px}