:root{--green:#0B6E4F;--deep:#064832;--pale:#eaf4ef;--gold:#b89235;--ink:#17352B;--muted:#5e756c;--line:#dce9e1;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#f4f7f4}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b89235;outline-offset:3px}
h1,h2,h3,p{margin:0}p{line-height:1.55}.shell{width:min(100%,850px);margin:0 auto;padding:16px 16px 40px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}
.brand{display:flex;gap:10px;align-items:center;color:var(--deep);text-decoration:none}.brand img{width:54px;height:54px;border-radius:14px;object-fit:cover}.brand span{display:grid}.brand strong{font-size:1.45rem;line-height:1.15;letter-spacing:.05em}.brand small{font-size:.73rem;letter-spacing:.03em}
.back-home{font-weight:700;color:var(--deep);font-size:.94rem;text-decoration:none}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.small{font-size:.89rem;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-size:.72rem;font-weight:750}
.hero{padding:22px;border-radius:24px;background:linear-gradient(140deg,#e4f3eb,#fff 85%);border:1px solid var(--line);display:grid;gap:12px;margin-bottom:18px}.hero h1{font-size:clamp(1.65rem,5vw,2.25rem);line-height:1.16;color:var(--deep)}.hero p{color:var(--muted);max-width:570px}
select{border:1px solid #b6cbbf;border-radius:11px;padding:11px;background:var(--white);color:var(--deep);min-height:44px}
.tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:20px}.tab{border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--deep);padding:10px 5px;font-weight:700;min-height:46px;cursor:pointer}.tab.selected{background:var(--deep);color:#fff}
.panel{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:19px;margin-bottom:15px;box-shadow:0 6px 28px rgba(5,55,37,.035)}
.panel h2{font-size:1.3rem;line-height:1.28;margin:4px 0 9px}.panel h3{font-size:1rem;margin:0 0 6px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;flex-wrap:wrap;margin-bottom:14px}.section-head h2{margin:0}.badge{display:inline-flex;border-radius:50px;padding:5px 10px;font-size:.79rem;font-weight:700;background:var(--pale);color:var(--deep)}.badge.pending{background:#f5edda;color:#6c5414}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.level-card{text-align:left;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:17px;cursor:pointer;color:var(--ink);min-height:170px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.level-card:hover{border-color:var(--green)}.level-number{font-size:1.6rem;font-weight:800;color:var(--green)}.level-card strong{font-size:1.02rem;line-height:1.32}.level-card small{font-size:.82rem;color:var(--muted)}.level-card .badge{margin-top:auto}
.primary,.secondary{padding:12px 16px;border-radius:12px;font-weight:750;min-height:47px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--green);color:white;border:1px solid var(--green)}.secondary{color:var(--green);background:var(--pale);border:1px solid #b7d4c2}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.notice{border-left:4px solid #b89235;padding:12px 13px;background:#fff9e9;border-radius:8px;color:#524522;font-size:.88rem}.notice p{margin-top:4px}.steps{list-style:none;margin:4px 0;padding:0;display:grid;gap:9px}.steps li{display:flex;align-items:flex-start;gap:11px;line-height:1.45}.step-index{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--pale);color:var(--green);font-weight:700;font-size:.82rem}
.lesson-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 0}.lesson-row:first-child{border-top:0}.lesson-copy{display:grid;gap:3px}.lesson-copy strong{font-size:.95rem}.lesson-copy small{color:var(--muted)}.lesson-row button{flex:none}.progress-track{height:9px;background:#e5eee7;border-radius:40px;overflow:hidden}.progress-track>span{display:block;background:var(--green);height:100%;max-width:100%}
.q-figure{display:grid;place-items:center;min-height:155px;border-radius:15px;background:var(--pale);font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,serif;font-size:5.1rem;color:var(--green)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.choice{min-height:55px;padding:12px;border-radius:12px;border:1px solid #bfd5c7;background:#fff;color:var(--deep);cursor:pointer;font-weight:700}.choice[aria-pressed=true]{background:var(--green);color:white}.choice:disabled{cursor:default}.statusline{font-size:.87rem;font-weight:650;color:var(--muted)}.result{text-align:center;padding:24px}.result strong{font-size:2.5rem;color:var(--green)}.result p{max-width:550px;margin:0 auto}.site-foot{font-size:.8rem;color:var(--muted);padding:12px 7px;border-top:1px solid var(--line);margin-top:15px;line-height:1.6}.loader{padding:45px 20px;text-align:center;color:var(--muted)}
[dir=rtl] .back-home{text-align:left}[dir=rtl] .notice{border-left:none;border-right:4px solid var(--gold)}
@media(max-width:540px){.shell{padding:12px 12px 32px}.hero{padding:17px}.panel{padding:16px}.grid{grid-template-columns:1fr}.level-card{min-height:145px}.tabs{gap:4px}.tab{border-radius:10px;padding:8px 2px}.lesson-row{align-items:flex-start}.action-row{flex-direction:column}.action-row>*{width:100%}}