:root{--a:#007c89;--b:#063f51;--c:#f3f9fa;--g:#d8b06d;--text:#193e4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#f7fafb;font:500 17px/1.75 Tajawal,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 22px}.bar{background:#073d4c;color:#fff;font-size:13px;padding:7px 0}.bar a{color:#fff}.header{background:#fff;box-shadow:0 5px 24px #082c3512;position:sticky;top:0;z-index:20}.header .wrap{display:flex;align-items:center;gap:20px;min-height:86px;justify-content:space-between}.logo{width:min(205px,34vw);max-height:72px;object-fit:contain}.links{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.links a{padding:9px 11px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:800}.links a:hover,.links a.active{background:#e6f5f6;color:#006e79}.hero{background:linear-gradient(110deg,#043b50e8,#087e89d9),url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=1800&q=80') center/cover;color:white;padding:105px 0 112px}.hero h1{font-size:clamp(35px,5.3vw,65px);line-height:1.25;margin:12px 0;max-width:850px}.hero p{font-size:20px;max-width:760px}.kicker{font-weight:800;color:#e9d1a2}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;background:#087c89;color:#fff;text-decoration:none;border-radius:10px;font-weight:800;min-height:46px}.btn.white{background:white;color:#063f51}.btn.ghost{border:1px solid #fff;background:transparent}.section{padding:62px 0}.section h2{font-size:clamp(26px,3.3vw,37px);margin:0 0 10px}.muted{color:#58717a;max-width:850px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:21px}.card{background:#fff;border:1px solid #e0eaed;border-radius:17px;overflow:hidden;box-shadow:0 12px 30px #083b4910}.card-body{padding:23px}.card h3{font-size:21px;margin:0 0 9px}.card p{color:#5a737a;margin:0 0 16px}.card a{color:#007c89;font-weight:800;text-decoration:none}.photo{height:185px;width:100%;object-fit:cover}.light{background:#eaf4f5}.stats{display:flex;flex-wrap:wrap;gap:15px}.stat{padding:13px 20px;border:1px solid #ffffff6a;border-radius:12px}.stat b{display:block;font-size:24px}.tag{display:inline-block;padding:4px 12px;background:#e2f4f5;color:#006773;border-radius:20px;font-size:13px;font-weight:800}.searchbox{display:flex;gap:10px;max-width:780px;flex-wrap:wrap;margin:20px 0}.searchbox input{flex:1;min-width:220px;border:1px solid #b4d3d8;border-radius:9px;padding:13px;font:inherit}.search-result{display:block;background:white;border:1px solid #d9e7e9;border-radius:12px;padding:16px 20px;margin:10px 0;text-decoration:none}.search-result strong{display:block;color:#007784}.footer{background:#063f51;color:white;padding:40px 0 22px}.footer a{color:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.notice{background:#fff6e9;border-inline-start:4px solid #d8b06d;padding:15px 20px;border-radius:9px;margin-top:22px}.mobile-toggle{display:none;border:0;background:#087c89;color:white;border-radius:9px;padding:10px 15px;font:inherit}.skip{position:absolute;top:-90px;background:white;color:#063f51;padding:10px;z-index:100}.skip:focus{top:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d8b06d;outline-offset:3px}@media(max-width:850px){.mobile-toggle{display:block}.header .wrap{flex-wrap:wrap;padding-block:12px}.links{display:none;width:100%;flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{padding:12px}.hero{padding:70px 0}.footgrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Official bundled university wordmark — prevent clipping and keep proportions */
.logo,.brand-logo.compact{width:clamp(175px,22vw,280px);max-width:280px;max-height:96px;height:auto;object-fit:contain;object-position:center;flex-shrink:0}.header .wrap,.nav .container{min-height:100px}@media(max-width:850px){.logo,.brand-logo.compact{width:clamp(165px,48vw,225px);max-width:225px;max-height:76px}.header .wrap,.nav .container{min-height:78px}}