:root{--navy:#102c4b;--ink:#183b55;--sea:#087e86;--gold:#e6bd68;--soft:#eef6f9}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f1f7fb,#fff 65%);color:var(--ink);font:15px/1.95 Cairo,Tahoma,Arial,sans-serif}a{color:#096c78}a:focus-visible{outline:3px solid #e5b764;outline-offset:3px}.wrap{width:min(1080px,calc(100% - 30px));margin:auto}.top{background:#0c2746;color:white;padding:13px 0;border-bottom:3px solid var(--gold)}.top .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px}.brand{font-weight:900;color:white;text-decoration:none;font-size:20px}.top nav{display:flex;gap:10px;flex-wrap:wrap}.top nav a{font-weight:700;color:#e5f1f6;font-size:12px;text-decoration:none}.hero{padding:41px 0;color:white;background:radial-gradient(circle at 92% 10%,#4fa39b56,transparent 36%),linear-gradient(125deg,#0c3153,#0c6070)}.hero h1{font-size:clamp(29px,4vw,44px);line-height:1.4;margin:7px 0}.hero p{max-width:800px;color:#e4f2f5;margin:0}.eyebrow{font-size:13px;color:#ffdc92;font-weight:900}.page{flex:1;padding:23px 0 30px}.notice{border-right:4px solid #c79b4c;background:#fff8e9;color:#664d22;padding:13px 15px;border-radius:11px;font-size:13px;margin:0 0 22px}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:20px}.panel{border:1px solid #dce8ee;border-radius:18px;background:white;padding:24px;box-shadow:0 10px 25px #14355109;margin-bottom:19px}.panel h2{font-size:22px;color:#0d4264;margin:0 0 9px}.panel h3{font-size:17px;margin:13px 0 4px;color:#13546a}.panel p{color:#536a7a;margin:8px 0;line-height:1.95}.panel ul{padding-right:19px;margin:8px 0;color:#425c6a}.status{font-weight:800;color:#996629;border:1px solid #efdda9;background:#fff8e7;border-radius:10px;padding:12px 15px}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.chip-list span{border-radius:99px;background:#e9f5f6;border:1px solid #c7e1e5;padding:5px 11px;font-size:12px;color:#0b6171;font-weight:750}.apply-help{background:linear-gradient(125deg,#0b3859,#116b70);color:#fff}.apply-help h2,.apply-help p{color:#fff}.apply-help p{color:#dceef3}.btn{display:inline-block;border-radius:11px;font-size:13px;font-weight:850;padding:12px 17px;text-align:center;text-decoration:none;background:#f0c971;color:#193249;line-height:1.7;margin-top:9px}.side-links{display:grid;gap:9px}.side-links a{display:block;text-decoration:none;padding:9px;border:1px solid #d2e2e7;background:#f5fafb;border-radius:9px;font-weight:750}.small{font-size:12px!important;line-height:1.8}.foot{background:#0b2642;color:#e5f2fa;padding:20px 0;font-size:12px}.foot a{color:#f8d999}.foot p{color:#b6d0dd}@media(max-width:720px){.grid{grid-template-columns:1fr}.panel{padding:18px}.hero{padding:28px 0}.top .wrap{justify-content:center;text-align:center}.top nav{justify-content:center}.btn{display:block}}
/* وظائف المنظمات في الأسواق الثلاثة: زر التقديم المباشر والخدمة الاختيارية */
.regional-job{padding:19px 0;border-bottom:1px solid #dce7ed;scroll-margin-top:90px}.regional-job:last-child{border-bottom:0}.regional-job-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.regional-org{font-weight:800;color:#0c6870;font-size:13px}.regional-deadline{color:#8c4f14;background:#fff2db;padding:2px 9px;border-radius:25px;font-size:12px}.regional-job h3{line-height:1.65!important;font-size:19px!important}.regional-job h3 a{color:#093d59;text-decoration:none}.regional-job-meta{font-size:12px!important;color:#526e7d}.regional-job-actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.regional-job-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:11px;text-decoration:none;font-weight:850;font-size:13px;min-height:45px;line-height:1.6}.regional-primary{background:#08727c;color:white!important}.regional-secondary{border:1px solid #b9d9d7;color:#125c60!important;background:#eff8f7}.regional-detail{display:block;font-weight:800;font-size:12px}.panel>.regional-job-actions{margin-top:22px}@media(max-width:600px){.regional-job-actions{flex-direction:column}.regional-job-actions a{width:100%}}