:root{--ink:#15343d;--muted:#53676c;--paper:#f4f2e9;--white:#fffef9;--line:#cbd4cc;--dark:#102b34;--teal:#16705f;--lime:#d7f28b;--amber:#9b540b;--rose:#9f3941;--shadow:0 10px 35px #102b340d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:9px 15px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:650;transition:background .15s,transform .15s}button:hover,.button:hover{background:#e9efd9}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--teal);color:white;border-color:var(--teal)}button.primary:hover{background:#105847}button[aria-pressed=true],button.selected{background:var(--lime);border-color:#789548;color:var(--dark)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c88814;outline-offset:3px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.topbar{padding:18px 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--white)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:850;font-size:22px;line-height:1.2;text-decoration:none;letter-spacing:1px}.brand-icon{background:var(--dark);color:var(--lime);padding:12px 9px;border-radius:8px;font-size:21px}.brand small{display:block;font-size:9px;font-weight:750;letter-spacing:1.2px;margin-top:6px}.top-actions{display:flex;align-items:center;gap:10px;font-size:13px}.top-actions>a{margin-right:12px}.hero{background:var(--dark);color:var(--white);padding:55px 6vw 42px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-160px;width:540px;height:540px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff04;pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(36px,5vw,68px);line-height:1.06;letter-spacing:-2px;max-width:840px;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:760px;color:#d2dfda}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--teal);margin:0 0 12px}.hero .eyebrow{color:var(--lime)}.hero-stats{display:flex;gap:38px;border-top:1px solid #ffffff2b;margin-top:30px;padding-top:22px;flex-wrap:wrap}.hero-stats strong{font-size:28px;display:block;color:var(--white);line-height:1.2}.hero-stats span{font-size:12px;color:#c7d9d0}.catalogue{max-width:1420px;margin:auto;padding:35px 5vw 65px}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filterbar input{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-width:280px}.course-section{margin:30px 0 42px}.course-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.course-head h2{font-size:22px;margin:0;line-height:1.3}.course-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.course-number{font-size:40px;font-weight:300;color:#68847b}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.module-card{background:var(--white);border:1px solid var(--line);padding:23px;border-radius:14px;display:flex;flex-direction:column;box-shadow:var(--shadow);min-height:240px}.module-card.free{border-top:4px solid var(--teal);padding-top:20px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.badge{display:inline-block;font-size:11px;line-height:1.4;background:#e6ecdf;color:var(--teal);border:1px solid #c1d3bd;border-radius:100px;padding:4px 9px;font-weight:750}.badge.locked{background:#efeee7;color:#5a6768;border-color:#d6dbd1}.module-card h3{font-size:19px;line-height:1.35;margin:17px 0 12px}.module-card p{font-size:12px;color:var(--muted);margin:0 0 17px}.module-card .button{margin-top:auto;text-align:center;font-size:13px}.learning-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 125px)}.sidebar{padding:28px 22px;border-right:1px solid var(--line);background:#eaece1}.sidebar h1{font-size:23px;line-height:1.24;margin:12px 0}.sidebar .course-label{font-size:12px;color:var(--muted)}.sidebar nav{display:grid;gap:6px;margin:22px 0}.stage-link{display:grid;grid-template-columns:26px 1fr 35px;gap:7px;text-align:left;align-items:center;padding:11px 9px;background:transparent;border-color:transparent;font-size:12px;font-weight:600}.stage-link span:first-child{display:grid;place-items:center;background:#dce3d1;border-radius:50%;width:24px;height:24px;font-size:11px}.stage-link small{font-size:10px;color:var(--muted);text-align:right}.stage-link.active{background:var(--dark);color:var(--white)}.stage-link.active span:first-child{background:var(--lime);color:var(--dark)}.stage-link.active small{color:#d4e0d8}.sidebar .small{font-size:11px}.sidebar .text-link{font-size:12px;display:block;margin:12px 0}.workspace{padding:25px clamp(20px,4vw,65px) 45px;max-width:1300px;width:100%;margin:auto}.activity-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.activity-strip .eyebrow{margin:0}.timer{display:flex;gap:8px;align-items:center;font-size:12px}.timer output{font-size:19px;font-variant-numeric:tabular-nums;font-weight:750;min-width:60px}.timer button{padding:5px 9px;font-size:11px}.stage-title{font-size:clamp(28px,3.8vw,43px);line-height:1.13;letter-spacing:-1px;margin:8px 0 18px;max-width:950px}.lead{font-size:18px;color:var(--muted);max-width:920px}.callout{padding:20px 24px;background:#e2ecd4;border-left:4px solid var(--teal);border-radius:0 10px 10px 0;margin:22px 0}.callout.warning{background:#f5e6d0;border-left-color:var(--amber)}.small,.muted{color:var(--muted);font-size:13px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0}.panel,.evidence-card{padding:23px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel h3,.evidence-card h3{margin:0 0 12px;font-size:20px}.panel p:last-child{margin-bottom:0}.concept{border-top:3px solid var(--teal)}.concept button{font-size:12px}.reveal{border-top:1px solid var(--line);padding-top:13px;margin-top:16px}.reveal p{font-size:15px}.options{display:grid;gap:10px;margin:23px 0}.option{display:flex;text-align:left;align-items:flex-start;gap:14px;font-size:15px;padding:15px 18px;line-height:1.5}.option .letter{background:var(--dark);color:var(--lime);width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:6px;font-size:12px}.feedback{padding:15px 18px;background:#e1edd7;border:1px solid #bbcda9;border-radius:8px;margin:15px 0}.feedback.rethink{background:#f5e6d0;border-color:#d6ba8e}.feedback strong{display:block}.tag-buttons{display:flex;gap:7px;flex-wrap:wrap}.tag-buttons button{font-size:11px;padding:7px 10px}.record-label{font-size:10px;font-weight:800;letter-spacing:1.3px;color:var(--muted);margin-bottom:8px}.evidence-card .record{font-size:16px}.evidence-card p{margin:8px 0 15px}.vote-tally{display:flex;gap:12px;flex-wrap:wrap}.vote-tally label{font-size:12px;display:grid;gap:5px}.vote-tally input{width:88px;padding:6px;border:1px solid var(--line);border-radius:6px;background:white}.notes-label{display:block;margin:22px 0 7px;font-weight:750;font-size:13px}textarea{display:block;width:100%;min-height:110px;padding:13px 15px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:8px;resize:vertical;font-size:14px;line-height:1.6}.footer-controls{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.complete{display:flex;gap:9px;align-items:center;font-size:12px}.complete input{accent-color:var(--teal)}details{margin:14px 0;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:14px 18px}summary{cursor:pointer;font-weight:700}details>p{font-size:15px}.reading-para{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.reading-para .para-n{display:inline-block;border-radius:5px;background:#dce7cf;font-size:11px;font-weight:800;padding:2px 8px;margin-right:7px}.table-wrap{overflow:auto;margin:22px 0}table{width:100%;border-collapse:collapse;background:var(--white);font-size:14px}th,td{text-align:left;vertical-align:top;padding:13px 15px;border:1px solid var(--line)}th{background:#e3e9da;font-size:12px}td .row-select{font-size:11px;white-space:nowrap;padding:5px 8px}.task-list{list-style:none;padding:0;counter-reset:task}.task-list li{counter-increment:task;padding:15px 15px 15px 48px;margin:10px 0;border:1px solid var(--line);background:var(--white);border-radius:9px;position:relative}.task-list li:before{content:counter(task);position:absolute;left:16px;top:16px;font-size:12px;font-weight:800;color:var(--teal)}.calc{background:var(--dark);color:var(--white);padding:25px;border-radius:13px;margin:22px 0}.calc h3{margin-top:0}.calc .small{color:#d0ded7}.calc-grid{display:flex;gap:16px;flex-wrap:wrap}.calc label{display:grid;gap:6px;font-size:12px}.calc input{max-width:225px;padding:9px 12px;border:1px solid #b4cbb3;border-radius:7px;font-size:16px;background:#fdfdf6;color:var(--dark)}.calc output{display:block;font-size:26px;font-weight:750;color:var(--lime);margin:18px 0 8px;font-variant-numeric:tabular-nums}.chart{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px;margin:22px 0}.chart svg{width:100%;height:auto;max-height:310px;display:block}.chart .small{text-align:center}.order-list{list-style:none;padding:0;display:grid;gap:9px}.order-list li{display:flex;gap:12px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.order-list li span{flex:1}.order-list button{font-size:12px;padding:4px 10px}.film{width:100%;max-height:500px;background:#071b22;border-radius:9px;margin-top:15px}.reel-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.reel-buttons button{font-size:12px}.site-footer{padding:18px 4vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);width:min(850px,94vw);max-height:90vh;padding:25px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#061c29a8}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-head h2{margin:0 0 20px;font-size:25px}.dialog-head button{font-size:12px}.resource-links{display:grid;gap:10px}.access-field{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.focus-mode .sidebar,.focus-mode .site-footer{display:none}.focus-mode .learning-shell{grid-template-columns:1fr}.focus-mode .workspace{max-width:1350px}.focus-mode .topbar{padding-top:10px;padding-bottom:10px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--dark);color:var(--white);border-radius:8px;padding:10px 18px;z-index:30;font-size:13px}#notice:empty{display:none}.document{background:var(--paper)}.doc-top{padding:20px 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.doc{max-width:1050px;margin:auto;padding:45px 35px 80px}.doc h1{font-size:40px;line-height:1.16;letter-spacing:-1px}.doc h2{margin-top:35px;font-size:25px}.doc h3{margin-top:25px;font-size:19px}.doc li{margin:8px 0}.guide-phase{border-top:1px solid var(--line);margin:30px 0;padding-top:24px}.guide-phase h2{margin-top:10px}.writing-space{height:160px;border:1px solid var(--line);background:repeating-linear-gradient(white,white 30px,#dde4d9 31px);border-radius:8px}blockquote{margin:24px 0;border-left:4px solid var(--teal);padding:8px 22px;font-size:21px;line-height:1.5}.resource-lock{max-width:850px;margin:60px auto;padding:35px}.rubric{display:grid;gap:12px}.rubric label{display:flex;gap:10px;align-items:flex-start}.arabic{font-size:16px;line-height:1.8}.check-item{margin:18px 0}.check-item>label{display:block;font-weight:750;margin-bottom:8px}.live-status{font-size:12px;color:var(--teal);font-weight:750}.course-progress{height:5px;background:#d7dfd1;border-radius:6px;overflow:hidden;margin:15px 0}.course-progress span{display:block;background:var(--teal);height:100%}.source-links{font-size:13px}.source-links li{margin:8px 0}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-shell{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:25px 15px}.top-actions{gap:6px}.top-actions button{font-size:11px;padding:8px}.top-actions>a{font-size:11px;margin:0}.grid-two{gap:12px}.panel,.evidence-card{padding:18px}}
@media(max-width:760px){.topbar{padding:12px 18px;align-items:flex-start}.brand{font-size:18px}.brand small{font-size:8px}.brand-icon{font-size:17px;padding:11px 8px}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:260px}.top-actions>a{width:100%;text-align:right}.hero{padding:35px 23px}.hero h1{letter-spacing:-1.5px}.hero-stats{gap:24px}.catalogue{padding:25px 20px}.module-grid{grid-template-columns:1fr}.module-card{min-height:220px}.filterbar input{width:100%;min-width:0}.learning-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px}.sidebar h1{font-size:22px}.sidebar nav{display:flex;overflow:auto;margin:15px 0 0;padding-bottom:5px}.stage-link{min-width:175px;font-size:11px}.sidebar .course-label,.sidebar .text-link,.sidebar .course-progress{display:none}.workspace{padding:22px 20px 35px}.grid-two{grid-template-columns:1fr}.stage-title{font-size:31px}.activity-strip{align-items:flex-start}.timer{gap:5px;flex-wrap:wrap;justify-content:flex-end}.timer output{font-size:17px}.activity-strip .eyebrow{max-width:120px;font-size:10px}.site-footer{display:block;padding:18px 22px}.site-footer span{display:block}.doc{padding:30px 20px}.doc h1{font-size:31px}.doc-top span{display:none}.calc-grid{display:grid;grid-template-columns:1fr}.calc input{max-width:100%;width:100%}.course-head h2{font-size:20px}.course-number{font-size:30px}.filterbar button{font-size:11px}.resource-lock{margin:25px 15px;padding:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.topbar,.sidebar,.top-actions,.timer,.footer-controls,.site-footer,#notice,.doc-top,.skip{display:none!important}body,.document{background:white;color:black}.learning-shell{display:block}.workspace,.doc{padding:0;max-width:none}.doc h1{font-size:27px}.panel,.evidence-card,.callout,table{box-shadow:none;break-inside:avoid}.guide-phase{break-before:page}.writing-space{height:150px}a{color:inherit}details{border:0;padding:0}details>*{display:block}.grid-two{grid-template-columns:1fr}h2,h3{break-after:avoid}}

.governance-notice{font-size:16px;line-height:1.55;background:#fff4d7;color:#302811;border-left:5px solid #b48424;padding:18px 22px;margin:20px 0;max-width:1000px}.governance-notice p{margin:9px 0}.governance-notice a{color:#164c40;font-weight:600;text-decoration:underline}.governance-notice [lang=ar]{font-family:Arial,sans-serif;font-size:16px}
