:root{--green:#073c33;--gold:#c9a55a;--ivory:#f8f4ea;--ink:#172622;--muted:#596b63;--line:#d8dfd6}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:17px/1.7 Georgia,"Noto Naskh Arabic",Tahoma,serif}body[dir=rtl]{font-family:Tahoma,"Noto Naskh Arabic",serif}button,select,textarea,input{font:inherit}button,select,summary,a{touch-action:manipulation}a{color:var(--green)}button,select{padding:10px 16px;border-radius:8px;border:1px solid var(--line);cursor:pointer}button{color:white;background:var(--green)}button:disabled{opacity:.5;cursor:default}.secondary{background:transparent;color:var(--green)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}header{background:#fffdf8;border-bottom:1px solid var(--line)}header nav,.actions{display:flex;align-items:center;justify-content:space-between;gap:20px}header nav{min-height:80px;flex-wrap:wrap;padding-block:12px}.brand{font-size:1.6rem;font-weight:bold;text-decoration:none}.brand small{font:14px Georgia,serif;margin-inline-start:10px}.actions{flex-wrap:wrap}.actions a{font-size:15px}.actions select{max-width:170px;background:transparent}.heading{display:flex;gap:30px;justify-content:space-between;align-items:center;padding-top:30px}.heading p{max-width:780px;margin-block:10px}.kicker{color:#775920;font-size:14px;font-weight:bold}h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.4;color:var(--green);margin:0}h1 span{display:block;font-size:1.1rem;font-weight:normal}h2{color:var(--green);font-size:1.35rem;line-height:1.45;margin:0 0 16px}.level-label{display:grid;gap:6px;min-width:180px;font-size:15px}.level-label select{width:100%;background:white}.notice{font-size:14px;color:#775920;margin-bottom:25px}.course{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;align-items:start}aside{padding:22px 18px;border:1px solid var(--line);border-top:3px solid var(--gold);background:#fffdf8;border-radius:10px;position:sticky;top:20px}aside h2{font-size:1.1rem}#progress{font-size:14px;margin:0}progress{width:100%;accent-color:var(--green);height:6px}#lesson-list{display:grid;gap:5px;margin-top:18px}#lesson-list button{display:flex;gap:10px;align-items:center;text-align:start;font-size:15px;background:transparent;color:var(--green);border-color:transparent;padding:10px}#lesson-list button[aria-current=step]{background:var(--green);color:white}#lesson-list .number{font:13px Arial,sans-serif;opacity:.8;min-width:24px}.small{font-size:14px;color:var(--muted)}.study{min-width:0;display:grid;gap:20px}.card{background:#fffdf8;border:1px solid var(--line);border-radius:12px;padding:clamp(20px,4vw,36px)}.reading{white-space:pre-wrap;font-size:1.13rem;line-height:1.95;margin:0 0 22px}.source{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;color:var(--green);font-size:15px;padding-block:10px}details .reading{padding:15px;background:var(--ivory);border-radius:8px;margin-top:10px}label{display:inline-block}textarea{display:block;width:100%;min-height:80px;border:1px solid #aebbaf;border-radius:8px;background:white;color:var(--ink);padding:14px;resize:vertical;margin:7px 0 12px}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:25px 0 0;min-width:0}legend{font-weight:bold;font-size:1rem;padding-inline-end:10px}.choices{display:flex;flex-wrap:wrap;gap:14px}.choices label{padding:10px 20px;border:1px solid var(--line);border-radius:8px;cursor:pointer}.choices input{accent-color:var(--green);margin-inline-end:10px}#next{margin-top:20px}.feedback,.answer{background:#edf2eb;border-inline-start:3px solid var(--green);padding:18px;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.feedback.incorrect{border-color:#966724;background:#faf0d9}.feedback p,.answer p{margin:10px 0}.answer .source{white-space:normal}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}footer{font-size:14px;color:var(--muted);padding-block:28px}@media(max-width:850px){.heading{align-items:start;flex-direction:column;gap:15px}.level-label{width:100%}.course{grid-template-columns:1fr}aside{position:static}#lesson-list{grid-template-columns:repeat(3,minmax(0,1fr))}#lesson-list button{align-items:start}.heading{padding-top:22px}}@media(max-width:520px){.wrap{width:calc(100% - 24px)}header nav,.actions{gap:10px}.brand small{display:none}#lesson-list{grid-template-columns:repeat(2,minmax(0,1fr))}#lesson-list button{font-size:14px;padding:8px}.card{padding:18px}.reading{font-size:1.05rem}.actions select{max-width:130px}button,select{padding:9px 12px}}