@font-face{font-family:Arabic;src:url('assets/Arabic-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Arabic;src:url('assets/Arabic-Bold.ttf');font-weight:700;font-display:swap}
:root{--ink:#183a42;--muted:#667d83;--teal:#197b78;--dark:#124a50;--mint:#e8f4ef;--purple:#7964a9;--paper:#f6f8f7;--line:#dfe8e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 Arabic,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;border-radius:9px;border:1px solid #cfded9;background:white;color:var(--ink)}button{cursor:pointer;padding:8px 16px}button:disabled{opacity:.5;cursor:default}input,select,textarea{padding:10px 13px;width:100%}textarea{min-height:100px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.6vw,47px);line-height:1.55}h2{font-size:27px;line-height:1.6}h3{font-size:19px;line-height:1.6}p{color:var(--muted)}:focus-visible{outline:3px solid #aa88d0;outline-offset:3px}.skip{position:fixed;top:-70px;background:white;padding:10px;z-index:9}.skip:focus{top:5px}.topbar{position:sticky;top:0;z-index:5;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 4.5%}.brand{display:flex;align-items:center;gap:13px;font-weight:700;line-height:1.7;font-size:16px}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--dark);color:#fff;font-size:26px}.topbar nav{display:flex;gap:25px;font-size:13px}.topbar nav a.active{color:var(--teal);font-weight:700;border-bottom:2px solid var(--teal)}.ministry{width:145px;height:55px;object-fit:contain}main{max-width:1380px;margin:auto;padding:40px 4.5% 75px;min-height:75vh}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:25px 0 45px}.kicker{font-size:12px;font-weight:700;color:var(--teal);display:block;margin-bottom:15px}.hero h1 em{color:var(--teal);font-style:normal}.hero p{font-size:16px;max-width:590px}.hero-art{background:var(--dark);border-radius:28px;padding:30px;color:white;position:relative;overflow:hidden}.hero-art:before{content:'';width:250px;height:250px;border:50px solid #ffffff08;border-radius:100%;position:absolute;left:-80px;top:-70px}.hero-art>span{font-size:11px;color:#b8d3ce}.hero-art h2{color:white;font-size:26px;margin:10px 0 25px}.path-row{position:relative;display:flex;gap:18px;align-items:center;padding:17px 15px;border-top:1px solid #ffffff20}.number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffffff12;font-size:18px;color:#d2ece3}.path-row strong{display:block;font-size:14px}.path-row small{color:#b8d3ce;font-size:11px}.path-row:hover{background:#ffffff08}.button{display:inline-flex;align-items:center;gap:9px;justify-content:center;padding:11px 20px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid transparent}.primary{background:var(--teal);color:white}.primary:hover{background:#116863}.secondary{background:white;border-color:var(--line)}.secondary:hover{border-color:var(--teal)}.text-button{color:var(--teal);font-size:12px;text-decoration:underline;background:transparent;border:0;padding:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:flex;gap:35px;margin-top:28px}.stats strong{font-size:22px;display:block}.stats span{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 22px}.section-head h2{margin:0 0 5px}.section-head p{font-size:13px;margin:0}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.unit-card{border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:18px;background:white;padding:27px}.unit-card.purple{border-top-color:var(--purple)}.unit-card.blue{border-top-color:#46799d}.unit-tag{font-size:11px;color:var(--teal);display:flex;justify-content:space-between}.unit-card h3{min-height:61px;margin:17px 0 10px;font-size:21px}.unit-card>p{font-size:12px;min-height:48px}.unit-lessons{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.unit-lessons a{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;padding:11px 0;border-bottom:1px solid #eef2f0}.unit-lessons a:hover{color:var(--teal)}.unit-lessons span{color:var(--muted);font-size:11px}.search-bar{max-width:600px;margin:20px 0 28px}.search-bar input{padding:14px 18px;border-radius:13px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lesson-tile{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.lesson-tile:hover{border-color:var(--teal)}.lesson-tile h3{margin:12px 0;font-size:17px}.lesson-tile p{font-size:12px}.lesson-tile small{color:var(--teal);font-size:11px}.chip{background:var(--mint);color:var(--teal);padding:4px 10px;border-radius:20px;font-size:11px;display:inline-block}.page-title h1{font-size:35px;margin:8px 0 10px}.page-title p{font-size:14px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.lesson-header{display:flex;justify-content:space-between;align-items:start;gap:30px}.lesson-header h1{font-size:33px;margin:10px 0}.lesson-header p{font-size:12px;margin:0}.lesson-header .actions{max-width:330px;justify-content:flex-end}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:26px;margin-top:25px}.lesson-sidebar{align-self:start;position:sticky;top:120px;background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.lesson-sidebar strong{font-size:12px;display:block;margin:0 10px 14px}.lesson-sidebar a{display:block;font-size:12px;padding:10px 12px;border-radius:8px;margin:3px 0}.lesson-sidebar a.current{background:var(--mint);color:var(--teal);font-weight:700}.lesson-sidebar a:hover{background:#f1f5f3}.tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:23px;border-bottom:1px solid var(--line);padding-bottom:14px}.tabs button{background:transparent;border:0;white-space:nowrap;font-size:13px;padding:8px 15px}.tabs button[aria-selected=true]{background:var(--dark);color:white}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:20px}.panel h2{font-size:22px}.panel h3{margin:0 0 13px;font-size:17px}.panel p{font-size:14px}.panel ul,.panel ol{padding-right:22px;margin:0}.panel li{margin:8px 0;font-size:14px}.notice{border-right:3px solid var(--teal);background:var(--mint);padding:16px 20px;border-radius:7px;color:#275e5b;font-size:12px;margin-bottom:20px}.notice.muted{background:#f0edf6;border-color:var(--purple);color:#5d4f79}.goal-list{display:grid;gap:10px}.goal{display:flex;gap:12px;padding:12px 15px;background:var(--paper);border-radius:10px;font-size:13px}.goal b{color:var(--teal)}.plan-step{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid var(--line)}.step-time{font-size:11px;color:var(--teal);text-align:center}.plan-step h3{margin:0 0 6px;font-size:15px}.plan-step p{font-size:12px;margin:4px 0}.strategy{padding:18px 0;border-bottom:1px solid var(--line)}.strategy h3{color:var(--teal);font-size:15px;margin:0 0 5px}.strategy p{margin:0;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.explain-card{padding:22px;background:#f5f8f6;border-radius:13px;margin:12px 0}.explain-card p{font-size:15px;color:#3d6065;line-height:2.05;margin:0}.source-links{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.source-links a{color:var(--teal);text-decoration:underline}.activity-label{color:var(--purple);font-size:11px;font-weight:bold}.activity-head{display:flex;justify-content:space-between;gap:20px;margin:7px 0 10px}.instruction{font-size:12px;color:var(--muted);margin-bottom:20px}.matching-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.matching-row label{font-size:13px}.matching-row select{font-size:12px}.result{margin-top:15px;font-size:13px;padding:12px 15px;border-radius:8px;background:var(--paper)}.result.good{color:#146650;background:#e4f4ea}.result.bad{color:#864638;background:#fff0e8}.order-list{display:grid;gap:9px;padding:0!important;list-style:none}.order-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:11px 15px;font-size:13px}.order-controls{display:flex;gap:5px}.order-controls button{padding:3px 12px}.criteria{font-size:12px;margin-top:12px}.criteria label{display:flex;gap:10px;margin:8px 0}.criteria input{width:17px;accent-color:var(--teal)}.activity-footer{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap}.quiz-question{padding:20px 0;border-bottom:1px solid var(--line)}.quiz-question h3{font-size:15px}.quiz-options{display:grid;gap:8px}.quiz-options label{display:flex;align-items:center;gap:10px;font-size:13px;border:1px solid var(--line);border-radius:9px;padding:10px 13px;cursor:pointer}.quiz-options input{width:17px;accent-color:var(--teal)}.quiz-options label:has(input:checked){background:var(--mint);border-color:var(--teal)}.quiz-feedback{font-size:12px;margin-top:10px}.quiz-score{font-size:20px;font-weight:bold}.answer{margin:10px 0;border-top:1px solid var(--line);padding-top:10px;font-size:13px}.answer summary{color:var(--teal);cursor:pointer}.answer p{font-size:13px;padding-top:10px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resource-card{background:white;padding:26px;border:1px solid var(--line);border-radius:15px}.resource-card p{font-size:12px}.resource-card h3{font-size:20px;margin:8px 0}.attachment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.attachment-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.attachment-card img{width:100%;height:210px;object-fit:contain;background:#f7f8f7;padding:12px}.attachment-body{padding:18px}.attachment-body h3{font-size:14px}.attachment-body p{font-size:11px;margin:0 0 10px}.attachment-body .button{font-size:11px;padding:7px 12px}.attachment-filename{direction:ltr;text-align:right;font-size:10px!important;overflow-wrap:anywhere}.download-bar{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px;background:white;border:1px solid var(--line);border-radius:14px 14px 0 0}.download-bar small{font-size:11px;color:var(--muted);display:block}.viewer-tools{background:#ecf2ef;padding:12px 20px;display:flex;gap:12px;align-items:center;font-size:12px;flex-wrap:wrap}.viewer-tools input{width:65px;text-align:center;padding:4px}.viewer-tools a{margin-inline-start:auto;color:var(--teal)}.pdf-viewer{width:100%;height:70vh;min-height:410px;border:1px solid var(--line);border-top:0;background:#e0e8e5}.slide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:420px;overflow:auto}.slide-link{text-align:right;background:var(--paper);padding:14px;font-size:12px}.slide-link small{color:var(--teal);display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px}.form-grid input,.form-grid textarea{margin-top:5px}.prompt-output{white-space:pre-wrap;background:var(--mint);border-radius:10px;padding:20px;font-size:13px;min-height:90px}.designer-preview{padding:28px;border-radius:15px;border:1px solid var(--line);text-align:center;min-height:300px}.designer-preview h3{font-size:26px;border-bottom:3px solid;padding-bottom:18px}.design-point{padding:16px;background:#ffffffbd;border-radius:10px;margin:12px 0;font-size:15px}.photo-stage{max-height:430px;overflow:hidden;background:#eef2ef;border-radius:12px;text-align:center}.photo-stage img{max-width:100%;max-height:410px;object-fit:contain}.range-label{display:block;font-size:12px;margin:10px 0}.range-label input{padding:0;accent-color:var(--teal)}.network-svg{width:100%;height:280px;background:#f2f7f5;border-radius:15px}.network-svg text{font-family:Arabic;font-size:13px;fill:var(--ink)}.timer{display:flex;gap:8px;align-items:center;font-size:12px;background:#f1f5f3;padding:9px 13px;border-radius:9px}.timer input{width:55px;padding:3px;text-align:center}.timer output{color:var(--teal);min-width:45px;text-align:center}.timer button{font-size:11px;padding:4px 10px}.lesson-footer{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.lesson-footer a{font-size:12px;color:var(--teal)}.empty{text-align:center;padding:35px;color:var(--muted);font-size:13px}.loading{padding:80px;text-align:center;color:var(--teal)}footer{background:var(--dark);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 5%;font-size:13px}footer p{color:#c3dad6;font-size:11px;margin:7px 0 0}footer>span{font-size:11px;color:#c3dad6}dialog{max-width:950px;width:92%;max-height:90vh;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--ink)}dialog::backdrop{background:#102f3da0}.dialog-heading{display:flex;justify-content:space-between;align-items:center}#print-content{padding:20px 0;font-size:13px}.classroom .teacher-only{display:none!important}.classroom .lesson-layout{grid-template-columns:1fr}.classroom .lesson-sidebar{display:none}.classroom .explain-card p{font-size:20px}.classroom .matching-row label,.classroom .quiz-question h3{font-size:19px}.classroom .quiz-options label{font-size:18px}
@media(max-width:1050px){.topbar{gap:15px}.topbar nav{gap:15px;font-size:12px}.ministry{width:120px}.unit-grid{gap:14px}.unit-card{padding:21px}.lesson-layout{grid-template-columns:190px minmax(0,1fr)}.lesson-sidebar{padding:12px}.panel{padding:23px}.hero{gap:30px}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{flex-wrap:wrap;padding:12px 5%;gap:10px}.brand{font-size:13px}.brand small{font-size:10px}.brand-mark{width:38px;height:38px}.ministry{width:115px;height:40px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:11px}main{padding:28px 5% 50px}.hero{grid-template-columns:1fr;gap:26px;padding-top:0}.hero h1{font-size:32px}.hero p{font-size:13px}.hero-art{padding:23px}.stats{gap:25px}.unit-grid,.resource-grid,.lesson-grid{grid-template-columns:1fr}.unit-card h3,.unit-card p{min-height:0}.lesson-header{flex-direction:column;gap:15px}.lesson-header h1{font-size:26px}.lesson-header .actions{max-width:none;justify-content:start}.lesson-layout{grid-template-columns:1fr;gap:15px}.lesson-sidebar{display:none}.tabs{font-size:12px;gap:3px}.tabs button{font-size:12px;padding:7px 11px}.panel{padding:20px}.two-col,.form-grid,.matching-row,.attachment-grid{grid-template-columns:1fr}.matching-row{gap:8px}.section-head{align-items:start}.section-head h2{font-size:24px}.download-bar{flex-direction:column;align-items:start;padding:20px}.pdf-viewer{height:55vh;min-height:350px}.slide-list{grid-template-columns:1fr 1fr}.timer{flex-wrap:wrap}.classroom .explain-card p{font-size:17px}footer{flex-direction:column;text-align:center}.plan-step{grid-template-columns:35px 1fr;gap:12px}}
@media print{body{background:white!important;color:black;font-size:11pt}.topbar,footer,.tabs,.lesson-sidebar,.lesson-header .actions,.no-print{display:none!important}main{max-width:none;padding:0}.panel{break-inside:avoid;border:0;padding:12px 0}.lesson-layout{display:block}dialog[open]{position:static;max-height:none;max-width:none;width:100%;border:0;padding:0;overflow:visible}body.printing>header,body.printing>main,body.printing>footer{display:none!important}.dialog-heading,#print-confirm{display:none}.print-page{break-after:page}.print-page:last-child{break-after:auto}.answer-lines{height:80px;border-bottom:1px solid #bbb;margin:10px 0}.print-source{font-size:9pt;color:#666}.classroom .teacher-only{display:block!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Institutional masthead: logo, title, and navigation on separate RTL rows. */
.topbar{position:relative;display:block;padding:26px 4.5% 0;background:#fff;direction:rtl;text-align:right}
.masthead{max-width:1256px;margin-inline:auto;display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding-block-end:24px}
.topbar .ministry{display:block;width:190px;height:76px;object-fit:contain;object-position:right center}
.topbar .brand{display:block;font-size:25px;line-height:1.65;max-width:100%;text-align:right}
.topbar .brand small{font-size:13px;margin-block-start:5px}
.topbar nav{max-width:1256px;margin-inline:auto;display:flex;justify-content:flex-start;gap:32px;border-top:1px solid var(--line);padding-block:15px;font-size:13px}
.topbar nav a{padding-block:4px;white-space:nowrap}
.topbar nav a.active{border-bottom:2px solid var(--teal)}
.hero,.unit-grid,.lesson-grid,.lesson-layout{direction:rtl;text-align:right}
.lesson-sidebar{top:24px}
@media(max-width:760px){.topbar{display:block;padding:20px 5% 0}.masthead{gap:14px;padding-block-end:20px}.topbar .ministry{width:156px;height:62px}.topbar .brand{font-size:22px}.topbar .brand small{font-size:12px}.topbar nav{justify-content:flex-start;gap:22px;padding-block:12px;font-size:11px;overflow-x:auto;flex-wrap:nowrap}.hero h1{font-size:29px}}
@media print{.topbar{display:none!important}}