@font-face{font-family:Plex;src:url('/a1/assets/plex-arabic-regular.woff2') format('woff2');font-display:swap}@font-face{font-family:Plex;src:url('/a1/assets/plex-arabic-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:Plex,Tahoma,sans-serif;color:#173246;background:#fff;line-height:1.7;--green:#16695d;--line:#d6e2e8;--muted:#52697a}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e0a22d;outline-offset:4px}header{padding:22px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}header>a{font-size:21px;font-weight:700;text-decoration:none}header nav{display:flex;gap:24px}main{max-width:1240px;margin:auto;padding:40px 24px 70px}.intro{display:flex;gap:32px;align-items:center;padding-bottom:40px;border-bottom:3px solid #173246}.level{font-size:92px;font-weight:700;line-height:1;margin:0;color:var(--green)}h1{font-size:clamp(28px,4vw,44px);line-height:1.35;margin:0 0 12px}.intro p{max-width:760px}.note{font-size:14px;color:var(--muted)}.layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:48px;margin-top:32px}aside h2{font-size:18px;margin:0 0 15px}#units{display:grid;gap:4px}#units button{border:0;text-align:start;background:none;padding:9px 13px;color:var(--muted);border-inline-start:3px solid transparent}#units button[aria-pressed=true]{color:var(--green);background:#edf6f3;border-color:var(--green);font-weight:700}.tools{display:flex;justify-content:space-between;align-items:end;gap:24px}.tools h2{font-size:25px;margin:0}.tools label{font-size:13px;color:var(--muted)}input{display:block;border:1px solid #8ca3b0;border-radius:4px;background:#fff;max-width:100%;padding:7px 12px;width:260px}#status{color:var(--muted);font-size:14px}.lesson{border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px}.number{font-size:24px;color:#7894a1}.lesson h3{font-size:23px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}.lesson small{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:5px;padding:8px 17px;min-height:44px}.actions button.primary{background:var(--green);color:white}.actions fieldset{border:0;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px}.actions legend{margin-bottom:8px;color:var(--muted);font-size:14px}.restricted{font-size:14px;color:var(--muted);border-inline-start:3px solid #c8d9df;padding-inline-start:13px;margin:12px 0 0}.skip{position:absolute;top:-90px}.skip:focus{top:5px;background:white;padding:10px;z-index:5}dialog{width:min(1000px,94vw);border:0;border-radius:8px;padding:24px;box-shadow:0 15px 70px #15384f40}dialog::backdrop{background:#102737b8}.player-head{display:flex;gap:18px;align-items:start;justify-content:space-between}.player-head h2{font-size:22px;margin:0}#close{border:1px solid #8299a8;border-radius:5px;background:white;padding:5px 18px}#player-note{color:var(--muted)}video{display:block;width:100%;max-height:65vh;background:#102737}footer{border-top:1px solid var(--line);padding:18px 24px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:700px){header{padding:18px;display:block}header nav{font-size:14px;margin-top:10px}main{padding:28px 18px 40px}.intro{align-items:start;gap:18px;padding-bottom:25px}.level{font-size:54px}.intro h1{font-size:28px}.layout{display:block;margin-top:22px}#units{display:flex;overflow:auto;padding:6px 0 15px;margin-bottom:24px}#units button{white-space:nowrap;border-inline-start:0;border-bottom:3px solid transparent}.tools{display:block}.tools label{display:block;margin-top:14px}input{width:100%}.lesson{grid-template-columns:33px minmax(0,1fr);gap:12px}.lesson h3{font-size:21px}dialog{padding:16px}.player-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}