.jb{--jb-blue:var(--deep-slate);--jb-blue-hover:#2a3443;--jb-olive:var(--action);--jb-olive-hover:var(--action-hover);background:var(--canvas);min-height:100vh;color:var(--deep-slate);font-family:var(--font-body);flex-direction:column;display:flex}.jb *,.jb :before,.jb :after{box-sizing:border-box}.jb-head{background:var(--paper);border-bottom:1px solid var(--card-border);z-index:5;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.jb-logo{align-items:center;text-decoration:none;display:inline-flex}.jb-logo__img{width:auto;height:46px;display:block}.jb-logo__mark{background:linear-gradient(135deg, var(--jb-blue) 0 50%, var(--jb-olive) 50% 100%);border-radius:8px;width:28px;height:28px}.jb-logo__word b{color:var(--jb-olive);font-weight:600}.jb-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.jb-nav__a{color:var(--deep-slate);border-radius:8px;padding:8px 10px;font-weight:500;text-decoration:none}.jb-nav__a:hover{background:var(--soft-sage)}.jb-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:24px 24px 56px}.jb-btn{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.jb-btn:disabled{opacity:.6;cursor:default}.jb-btn--lg{min-height:52px;padding:0 28px;font-size:16px}.jb-btn--blue{background:var(--jb-blue);color:#fff}.jb-btn--blue:hover{background:var(--jb-blue-hover)}.jb-btn--olive{background:var(--jb-olive);color:#fff}.jb-btn--olive:hover{background:var(--jb-olive-hover)}.jb-btn--grey{background:var(--slate-mist);color:var(--deep-slate)}.jb-btn--grey:hover{background:#dee0e4}.jb-btn--quiet{color:var(--deep-slate);background:0 0}.jb-btn--quiet:hover{background:var(--slate-mist)}.jb-btn--ghost{background:var(--paper);color:var(--deep-slate);border-color:var(--control-border)}.jb-btn--ghost.is-on{background:var(--soft-sage);border-color:var(--jb-olive);color:var(--jb-olive)}.jb-btn:focus-visible,.jb-input:focus-visible,.jb-chip:focus-visible,.jb-save:focus-visible,.jb-link:focus-visible{outline:2px solid var(--sage-teal);outline-offset:2px}.jb-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;padding:28px 0 40px;display:grid}.jb-pill{background:var(--soft-sage);color:var(--jb-olive);border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.jb-h1{font-family:var(--font-headline);color:var(--deep-slate);margin:0 0 16px;font-size:clamp(34px,5vw,54px);font-weight:500;line-height:1.08}.jb-h1--sm{font-size:32px}.jb-h1--join{font-size:36px}.jb-h1--job{font-size:clamp(28px,4vw,40px)}.jb-h2{font-family:var(--font-headline);margin:0 0 18px;font-size:28px;font-weight:500}.jb-lede{color:var(--secondary-ink);max-width:56ch;margin:0 0 22px;font-size:18px;line-height:1.55}.jb-cta{flex-wrap:wrap;gap:12px;display:flex}.jb-hero__art{position:relative}.jb-art{width:100%;height:auto;max-height:440px;display:block}.jb-section{padding-top:8px}.jb-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.jb-card{background:var(--paper);border:1px solid var(--card-border);border-radius:18px;flex-direction:column;gap:4px;min-width:0;padding:16px;transition:box-shadow .15s,transform .15s;display:flex;position:relative}.jb-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3642541a}.jb-card__link{color:inherit;text-decoration:none}.jb-card__link:after{content:"";z-index:1;border-radius:18px;position:absolute;inset:0}.jb-card__top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.jb-card__flag{object-fit:cover;background:var(--slate-mist);border-radius:6px;width:40px;height:30px;box-shadow:0 0 0 1px #36425426}.jb-save{z-index:2;width:40px;height:40px;color:var(--secondary-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.jb-save:hover{background:var(--slate-mist)}.jb-save.is-on{color:var(--jb-olive)}.jb-card__title{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:600;line-height:1.3}.jb-card__company,.jb-card__meta{color:var(--secondary-ink);margin:0;font-size:14px}.jb-card__when{color:var(--light-slate);margin:auto 0 0;padding-top:8px;font-size:13px}.jb-tags{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.jb-tag{background:var(--slate-mist);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.jb-tag--note{color:#7a4f3b;background:#f3e6df}.jb-more{justify-content:center;margin:28px 0 0;display:flex}.jb-page{max-width:760px;margin:0 auto;padding:12px 0}.jb-wide{max-width:none}.jb-back{color:var(--jb-olive);margin-bottom:14px;font-weight:600;text-decoration:none;display:inline-block}.jb-job__sub{color:var(--secondary-ink);margin:0 0 6px;font-size:18px}.jb-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:22px 0;display:flex}.jb-how{background:var(--soft-sage);border-radius:16px;padding:16px 20px}.jb-how p{margin:10px 0 0}.jb-desc{background:var(--paper);border:1px solid var(--card-border);white-space:pre-line;overflow-wrap:anywhere;border-radius:18px;padding:22px;line-height:1.65}.jb-desc p{margin:0 0 14px}.jb-desc p:last-child{margin:0}.jb-safety{background:#f3e6df;border-radius:12px;margin:18px 0 0;padding:14px 16px;font-size:14px}.jb-err{color:#8a4a32;background:#f3e6df;border-radius:10px;margin:12px 0;padding:10px 14px}.jb-join{max-width:520px}.jb-form{flex-direction:column;gap:16px;display:flex}.jb-label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.jb-input{border:1px solid var(--control-border);background:var(--paper);min-height:46px;font:inherit;color:var(--deep-slate);border-radius:12px;width:100%;padding:0 14px}.jb-set{border:0;min-width:0;margin:0;padding:0}.jb-set legend{margin-bottom:8px;padding:0}.jb-chips{flex-wrap:wrap;gap:8px;display:flex}.jb-chip{border:1px solid var(--control-border);background:var(--paper);min-height:38px;font:inherit;color:var(--deep-slate);cursor:pointer;border-radius:999px;padding:0 14px;font-weight:500}.jb-chip.is-on{background:var(--jb-olive);border-color:var(--jb-olive);color:#fff}.jb-check{align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.jb-check input{width:18px;height:18px;accent-color:var(--jb-olive);margin-top:3px}.jb-link{font:inherit;color:var(--jb-olive);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.jb-filters{grid-template-columns:2fr 1fr 1fr;gap:12px;margin:14px 0 6px;display:grid}.jb-count{color:var(--secondary-ink);margin:10px 0 14px}.jb-foot{border-top:1px solid var(--card-border);color:var(--secondary-ink);text-align:center;padding:24px;font-size:14px}.jb-foot p{margin:4px 0}.jb-foot a{color:inherit}@media (width<=960px){.jb-grid{grid-template-columns:repeat(2,1fr)}.jb-hero{grid-template-columns:1fr}.jb-hero__art{order:-1;max-width:360px;margin:0 auto}}@media (width<=560px){.jb-grid,.jb-filters{grid-template-columns:1fr}.jb-head,.jb-main{padding-left:16px;padding-right:16px}.jb-logo__img{height:36px}.jb-btn--lg{width:100%}.jb-cta{flex-direction:column}}body:has(.jb) a[aria-label="Hijrah Plan, home"]{display:none!important}.jb-card__flag--none{color:var(--secondary-ink);box-shadow:none;place-items:center;display:grid}.jb-titlerow{align-items:center;gap:16px;margin:0 0 8px;display:flex}.jb-titlerow .jb-h1{margin:0}.jb-titleflag{object-fit:cover;border-radius:8px;flex:none;width:56px;height:42px;box-shadow:0 0 0 1px #36425426}@media (width<=560px){.jb-titleflag{width:40px;height:30px}}.jb-alert{background:var(--paper);border:1px solid var(--card-border);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;margin:16px 0;padding:22px;display:flex}.jb-alert__text{margin:0;font-size:18px;font-weight:600}.jb-alert__ok{color:var(--jb-olive);margin:0;font-weight:500}.jb-alert .jb-err{margin:0}.jb-badge{background:var(--jb-olive);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.kb-video{aspect-ratio:16/9;background:#000;border-radius:14px;margin:0 0 24px;position:relative;overflow:hidden}.kb-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.kb-course{margin:8px 0;font-size:clamp(24px,3.4vw,32px)}.kb-progress{margin:0 0 20px}.kb-progress__bar{background:#3642541f;border-radius:999px;height:10px;overflow:hidden}.kb-progress__bar span{background:var(--jb-olive);border-radius:999px;height:100%;display:block}.kb-progress__text{color:var(--secondary-ink);margin:6px 0 0;font-size:14px}.kb-list{margin:0;padding:0;list-style:none}.kb-module{font-family:var(--font-headline);color:var(--deep-slate);margin:22px 0 8px;font-size:18px;font-weight:500}.kb-row{color:inherit;background:#fff;border:1px solid #36425426;border-radius:12px;align-items:center;gap:14px;margin:0 0 8px;padding:12px 14px;text-decoration:none;display:flex}a.kb-row:hover{border-color:var(--jb-olive)}.kb-row[data-state=LOCKED]{opacity:.6;cursor:not-allowed;background:#3642540a}.kb-row[data-state=NEXT]{border-color:var(--jb-olive);box-shadow:0 0 0 1px var(--jb-olive) inset}.kb-dot{width:32px;height:32px;color:var(--deep-slate);border:2px solid #3642544d;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.kb-dot[data-state=DONE]{background:var(--jb-olive);border-color:var(--jb-olive);color:#fff}.kb-dot[data-state=NEXT]{border-color:var(--jb-olive);color:var(--jb-olive)}.kb-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.kb-row__title{font-weight:600;line-height:1.3}.kb-row__meta{color:var(--secondary-ink);font-size:13px}.kb-crumb{color:var(--secondary-ink);margin:0 0 8px;font-size:14px}.kb-body{margin:0 0 24px;font-size:17px;line-height:1.65}.kb-body p{margin:0 0 14px}.kb-body ul,.kb-body ol{margin:0 0 14px;padding-inline-start:22px}.kb-body table{border-collapse:collapse;width:100%;font-size:15px}.kb-body th,.kb-body td{text-align:start;vertical-align:top;border:1px solid #36425433;padding:8px 10px}.kb-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.kb-done{color:var(--jb-olive);margin:0;font-weight:600}.kb-hint{color:var(--secondary-ink);margin:0}.jb-burger{display:none}@media (width<=640px){.jb-burger{border:1px solid var(--card-border);background:var(--paper);width:44px;height:44px;color:var(--deep-slate);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.jb-burger:hover{background:var(--soft-sage)}.jb-burger__bars{gap:5px;display:grid}.jb-burger__bars i{background:currentColor;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.jb-burger[aria-expanded=true] .jb-burger__bars i:first-child{transform:translateY(7px)rotate(45deg)}.jb-burger[aria-expanded=true] .jb-burger__bars i:nth-child(2){opacity:0}.jb-burger[aria-expanded=true] .jb-burger__bars i:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.jb-nav{background:var(--paper);border-bottom:1px solid var(--card-border);flex-direction:column;align-items:stretch;gap:4px;padding:10px 16px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #3642541f}.jb-nav[data-open=true]{display:flex}.jb-nav__a{justify-content:space-between;align-items:center;min-height:48px;padding:0 12px;font-size:17px;display:flex}.jb-nav .jb-btn{width:100%;min-height:48px;font-size:16px}}@media (prefers-reduced-motion:reduce){.jb-burger__bars i{transition:none}}.jb-crumbs ol{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;font-size:14px;list-style:none;display:flex}.jb-crumbs li+li:before{content:"/";color:var(--slate-mist,#8a94a3);margin-right:6px}.jb-crumbs a{color:var(--jb-olive);font-weight:600;text-decoration:none}.jb-copy{max-width:760px;margin:0 0 24px;line-height:1.65}.jb-copy p{margin:0 0 14px}.jb-copy ul{margin:0 0 14px;padding-left:22px}.jb-copy a,.jb-note a{color:var(--jb-olive);font-weight:600}.jb-note{background:var(--slate-mist);border-radius:12px;max-width:760px;margin:0 0 20px;padding:12px 16px;line-height:1.55}.jb-pager{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 0;display:flex}.jb-pager a{color:var(--jb-olive);font-weight:600}.jb-faq{max-width:760px;margin:40px 0 0}.jb-faq details{border-top:1px solid var(--card-border);padding:12px 0}.jb-faq summary{cursor:pointer;font-weight:600}.jb-faq p{margin:10px 0 0;line-height:1.6}.jb-links{margin:36px 0 0}.jb-links ul{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.jb-links a{color:var(--jb-olive);font-weight:600;text-decoration:none}.jb-facts{margin:24px 0 0}.jb-facts dl{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 14px;display:grid}.jb-facts dt{font-weight:600}.jb-facts dd{margin:0}.jb-h3{font-family:var(--font-headline);margin:18px 0 8px;font-size:20px;font-weight:500}.jb-facts p{margin:0;line-height:1.6}.jb-desc ul{margin:0 0 14px;padding-left:22px}.jb-desc li{margin:0 0 6px}.jb-related{margin:36px 0 0}.jb-browse-grid{flex-wrap:wrap;gap:10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.jb-browse-grid a{border:1px solid var(--card-border);background:var(--paper);color:inherit;border-radius:999px;padding:8px 14px;font-weight:500;text-decoration:none;display:inline-block}.jb-browse-grid a:hover{box-shadow:0 4px 14px #3642541a}
