:root{--navy:#102f47;--navy2:#0b2238;--teal:#087c79;--teal2:#e6f5f2;--gold:#cda04d;--ink:#142d3e;--bg:#f5f8fb;--line:#d5e1e8;--dim:#51677a;--green:#0d7955;--red:#ae3644}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;background:var(--bg);color:var(--ink);font:18px/1.9 Tahoma,'Noto Sans Arabic',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:default}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}
.top{background:linear-gradient(120deg,var(--navy2),var(--navy) 60%,#11646a);color:#fff;border-bottom:6px solid var(--gold)}.top .inner{max-width:1200px;margin:auto;padding:24px 22px;text-align:center}.sup{font-size:14px;color:#bcd3de;font-weight:700}.school{font-size:clamp(17px,3vw,23px);font-weight:900;margin-top:7px}.brand{font-size:clamp(29px,6vw,48px);font-weight:900;line-height:1.4;margin:6px 0}.tagline{color:#d6f2ec;font-weight:700}.credits{font-size:13px;color:#d1e4e8}.nav{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding:14px;background:#fefefe;border-bottom:1px solid var(--line)}.nav a{color:var(--navy);border:1px solid var(--line);padding:7px 15px;border-radius:10px;font-size:15px;font-weight:800}.nav a.active{background:var(--navy);color:white}.wrap{max-width:1200px;margin:24px auto 60px;padding:0 20px}.hero{background:white;border:1px solid var(--line);padding:27px;border-radius:18px;box-shadow:0 7px 23px #153e5011}.hero h2{margin:0 0 7px;color:var(--navy);font-size:29px}.hero p{margin:0;color:var(--dim)}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.pill{background:#eaf5f4;border:1px solid #c9e4e1;border-radius:30px;color:#095d60;padding:4px 13px;font-size:14px;font-weight:800}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.chip{border:1px solid #d3e1e4;background:#fff;color:var(--navy);font-size:14px;padding:7px 13px;border-radius:30px}.chip.active{background:var(--navy);color:#fff}.sectiontitle{font-size:25px;margin:29px 0 11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 5px 16px #1741590a}.card .icon{font-size:37px;line-height:1.3}.card h3{font-size:24px;line-height:1.5;margin:7px 0 2px}.card .desc{color:var(--dim);font-size:16px;min-height:47px}.card .cardtip{color:#426474;font-size:14px}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.btn{border:0;border-radius:11px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:9px 17px;font-weight:800;font-size:16px;background:var(--teal);color:white}.btn:hover{text-decoration:none;filter:brightness(.95)}.btn.alt{background:#e8f2f4;color:var(--navy);border:1px solid #cde0e3}.btn.gold{background:#c39237;color:#182c3d}.btn.dark{background:var(--navy)}.btn.red{background:#ae3644}.btn[disabled]{opacity:.55}.note{padding:13px 17px;background:#e9f4f6;border-right:4px solid var(--teal);border-radius:10px;font-size:15px;margin:16px 0}.note.warn{background:#fff7e9;border-color:var(--gold)}.note.err{background:#ffecec;border-color:var(--red);color:#82232c}.formrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{margin:10px 0}.field label{display:block;font-size:16px;font-weight:800;margin-bottom:5px}.field input,.field select{display:block;width:100%;min-height:49px;border:1.5px solid #c7d7df;border-radius:10px;padding:9px 12px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid #c8ebe6;border-color:var(--teal)}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;margin:18px 0}.panel h2{font-size:26px;margin:0 0 12px}.tiplist{padding-right:24px}.tiplist li{margin:9px 0}.statusbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--dim)}.track{height:12px;background:#e6edef;border-radius:40px;overflow:hidden;margin:12px 0 25px}.track>span{display:block;background:#0f9291;height:100%;transition:width .2s}.question{font-size:clamp(23px,4vw,29px);font-weight:900;margin:16px 0 24px;line-height:1.8}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{border:2px solid #d9e3e8;background:#fafeff;border-radius:11px;padding:12px 15px;text-align:right;color:var(--navy);font-weight:600;min-height:61px}.opt.chosen{border-color:var(--teal);background:#e7f5f2}.opt.right{background:#e4f9ef;border-color:#0c8d59}.opt.wrong{background:#fff0f0;border-color:#c44450}.passage{border-right:5px solid var(--gold);background:#fffcf5;border-radius:10px;padding:15px;font-size:18px;line-height:2.2}.passage summary{font-weight:800;cursor:pointer}.resultbig{font-size:43px;font-weight:900;color:var(--teal)}.errlist{margin:12px 0;padding:12px;border-radius:10px;background:#f7fafc;border:1px solid var(--line)}.errlist .q{font-weight:800}.tag{border-radius:8px;padding:3px 10px;display:inline-block;font-weight:800;background:#ecf5f2;font-size:13px;color:#146a62}.tag.closed{background:#f9eada;color:#8c581f}.tag.open{background:#e3f6ee;color:#16764b}.muted{color:var(--dim)}.hidden{display:none!important}.scrolltable{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:15px;background:white}td,th{border-bottom:1px solid #deeaef;padding:10px 12px;text-align:right}th{background:#e8f2f4;position:sticky;top:0}footer{text-align:center;color:#576d7d;padding:24px;font-size:14px;border-top:1px solid var(--line)}.count{font-size:25px;font-weight:900;color:var(--navy)}.numgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tile{border:1px solid var(--line);padding:13px;border-radius:13px;background:#fff}.tile span{font-size:13px;color:var(--dim)}.tile b{display:block;font-size:25px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.numgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:17px}.wrap{padding:0 13px;margin:18px auto}.grid{grid-template-columns:1fr}.opts,.formrow{grid-template-columns:1fr}.hero,.panel,.card{padding:17px}.card .desc{min-height:0}.brand{font-size:29px}}
@media print{.nav,.top,.buttons,footer,.no-print{display:none!important}.panel,.card{border:none;box-shadow:none}.wrap{margin:0;padding:0}}