/* MA Jobs V54 design system. Zero external dependencies: no icon fonts or CDN.
   Overrides the old theme rather than destabilizing application/form layouts. */
:root{--ma-primary:#0b726f;--ma-secondary:#12a394;--ma-deep:#075d59;--ma-radius:18px;--ma-shadow:0 15px 45px rgba(10,42,55,.07);--ma-space:1}
body{background:#f4f8fa;background-image:radial-gradient(800px 380px at 8% 0,rgba(9,142,132,.07),transparent 75%),radial-gradient(720px 500px at 90% 9%,rgba(14,85,123,.05),transparent 75%);color:#172b3e}
.hd{background:rgba(255,255,255,.98);border-bottom:1px solid #e2edf0;box-shadow:0 4px 25px rgba(15,58,70,.045)}
.hd-in{min-height:72px;gap:13px}
.hd-nav{display:flex;gap:3px;align-items:center;overflow:visible;flex-wrap:wrap;justify-content:flex-end}
.hd-nav .ma-main-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:750;color:#385363;border:1px solid transparent;transition:.18s background,.18s color;white-space:nowrap}
.hd-nav .ma-main-link:hover{color:var(--ma-primary);background:#eef9f6;border-color:#d9f0eb}
.hd-nav .ma-main-link.on{color:var(--ma-deep);background:#e9f7f4;font-weight:850}
.hd-nav .ma-main-link.on::after{display:none}
.hd-cta,.hero-btn,.btn,.op-apply,.post-action.apply{border-radius:12px!important}
.hd-cta{background:var(--ma-primary)!important;border-color:var(--ma-primary)!important;box-shadow:0 6px 17px rgba(8,97,91,.12)!important}
.hero{position:relative;background:linear-gradient(133deg,color-mix(in srgb,var(--ma-deep) 75%,#051d2e) 0%,var(--ma-deep) 47%,var(--ma-primary) 100%)!important;box-shadow:inset 0 -2px 0 rgba(255,255,255,.08);overflow:hidden;padding:clamp(35px,5.4vw,70px) 0!important}
.hero::before,.hero::after{content:"";pointer-events:none;position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.13)}
.hero::before{right:-120px;top:-260px;box-shadow:0 0 0 70px rgba(255,255,255,.03),0 0 0 142px rgba(255,255,255,.025)}
.hero::after{left:-290px;bottom:-330px;box-shadow:0 0 0 90px rgba(255,255,255,.035)}
.hero .eyebrow,.hero .lede,.hero h1,.hero .urdu-hero-copy h1,.hero .urdu-hero-copy p{color:#fff!important}
.hero .eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.1);backdrop-filter:blur(5px);border-radius:999px;padding:5px 14px;font-size:11px;letter-spacing:.08em}
.hero-home-layout{position:relative;z-index:1;gap:35px!important}
.hero .urdu-hero-copy h1{font-size:clamp(30px,4.2vw,58px)!important;font-weight:850;line-height:1.7!important;text-shadow:0 9px 32px #002a3040}
.hero .urdu-hero-copy p{font-size:clamp(16px,1.7vw,21px);opacity:.92;max-width:670px}
.shop-hero-logo{background:linear-gradient(150deg,rgba(255,255,255,.19),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.25);padding:28px 26px;min-height:175px!important;border-radius:calc(var(--ma-radius) + 8px);box-shadow:0 18px 52px #00252632;backdrop-filter:blur(8px);animation:none!important}
.shop-hero-logo .shop-dark,.shop-hero-logo .shop-orange{color:#fff!important;text-shadow:0 6px 15px #03353e80}
.shop-hero-logo .shop-orange{color:#ffdf9f!important}
.breaking-strip{background:#fff;border-color:#deeceb}
.breaking-label{background:var(--ma-primary)!important;border-radius:8px}
.breaking-move a:hover{color:var(--ma-primary)}
.wrap:not(.hd-in):not(.breaking-in){max-width:min(1200px,calc(100% - 32px))}
.sec-h{padding-top:calc(28px * var(--ma-space));padding-bottom:16px;gap:14px}
.sec-h h2{color:#183549;letter-spacing:-.035em;font-size:clamp(22px,2.8vw,32px);font-weight:900}
.sec-h .no{display:grid;place-items:center;background:#e0f3ef;color:var(--ma-deep);width:34px;height:34px;border-radius:11px;font-weight:900}
.op-cat,.social-card,.post-card-in,.review-card,.team-card,.verified-card,.public-app-chart,.faq-block,.card:not(.admin-page .card),.empty-state{border-radius:var(--ma-radius)!important;box-shadow:var(--ma-shadow)!important;border-color:#e3ecf0!important}
.op-cat{overflow:hidden;background:#fff;padding:0!important;margin-bottom:17px!important}
.op-cat-head{background:linear-gradient(135deg,#f5fcfa,#fff);padding:22px!important;border-bottom:1px solid #e4eeee}
.op-cat-head h2{font-size:20px;color:#193548}
.op-row{padding:16px 19px!important;border-color:#edf2f4!important;transition:background .2s}
.op-row:hover{background:#f6fbfa}
.op-read,.op-apply,.op-status{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px!important;font-weight:800}
.op-apply,.apply-btn,.article-apply .btn{background:#16845c!important;border-color:#16845c!important;color:#fff!important}
.op-status{color:var(--ma-primary)!important;border-color:#cce8e1!important;background:#e9f6f2!important}
.post-grid{gap:20px!important}.post-card-in{transition:transform .18s,box-shadow .18s}.post-card-in:hover{transform:translateY(-3px)!important;box-shadow:0 20px 44px rgba(9,65,77,.11)!important}
.post-card-in img{border-radius:calc(var(--ma-radius) - 4px)}
.post-card .post-title,.op-title{color:#1a3348;font-weight:800}
.faq-block details{border:1px solid #e2edef;border-radius:13px;padding:4px 14px;margin-bottom:10px;background:#fff}
.faq-block summary{font-weight:780;color:#214153}
.ft{background:#092f39!important;color:#e9f8f5!important;margin-top:42px;border-top:3px solid var(--ma-secondary)}
.ft a,.ft p,.ft .ft-d,.ft h4{color:#d7e9ec!important}.ft a:hover{color:#fff!important}
.wa-float{box-shadow:0 10px 30px rgba(12,75,62,.26);border:2px solid #ffffff50}
:root[data-theme=dark] body{background:#0c1823;color:#e2edf2}
:root[data-theme=dark] .hd{background:#142431;border-color:#314553}
:root[data-theme=dark] .hd-nav .ma-main-link{color:#d1e1e7}
:root[data-theme=dark] .hd-nav .ma-main-link.on,:root[data-theme=dark] .hd-nav .ma-main-link:hover{background:#153f3f;color:#cdfef6}
:root[data-theme=dark] .breaking-strip{background:#142431}
:root[data-theme=dark] .sec-h h2,:root[data-theme=dark] .op-cat-head h2{color:#d9f1f3}
:root[data-theme=dark] .op-cat-head,:root[data-theme=dark] .op-row:hover{background:#122934}
/* Bottom tabs should be fixed to the real viewport, never animated with body. */
@media(max-width:819px){
 html,body{max-width:100%;overflow-x:clip}
 .hd-in{min-height:61px}
 .hd-nav{display:none;flex-wrap:nowrap;justify-content:flex-start}
 .hd-nav.open{display:flex}
 .hd .hd-nav .ma-main-link{padding:13px 12px;width:100%;border-radius:9px;justify-content:flex-start;white-space:normal;font-size:15px}
 .hero{padding:35px 0!important}
 .shop-hero-logo{padding:17px;min-height:120px!important}
 .mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:2147480000!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center;min-height:68px;width:100%!important;max-width:100%!important;transform:none!important;overflow:visible!important;margin:0!important;padding:7px 6px calc(8px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -7px 26px rgba(8,47,61,.15)!important;background:rgba(255,255,255,.98)!important;border:1px solid #e3edee;border-radius:21px 21px 0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 :root[data-theme=dark] .mobile-bottom-nav{background:#152b34!important;border-color:#2a4854!important}
 .mbn-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0!important;padding:5px 1px!important;border-radius:12px!important;min-height:50px!important;color:#526977!important;font-size:clamp(9px,2.2vw,11px)!important;font-weight:800!important;text-align:center}
 .mbn-item .mbn-ic{display:grid;place-items:center;width:30px;height:26px!important;background:transparent}
 .mbn-item .mbn-ic svg{display:block;width:21px;height:21px;stroke-width:1.8}
 .mbn-item>span:last-child{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mbn-item.on{color:var(--ma-primary)!important;background:#e8f7f2!important}
 .mbn-item.on .mbn-ic{transform:none}
 :root[data-theme=dark] .mbn-item.on{color:#a0f3dc!important;background:#12433d!important}
 body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important}
 .wa-float{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
 .op-row{padding:14px!important}
 .op-actions{gap:6px}
 .sec-h{padding-top:27px}
}
@media(min-width:820px){.mobile-bottom-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(min-width:820px) and (max-width:1260px){.hd-actions .custom-cta,.hd-actions .partner-cta{display:none!important}.hd-nav .ma-main-link{padding:8px 9px;font-size:12px}}
@media(min-width:820px) and (max-width:980px){.hd-actions .hd-cta{display:none!important}.hd-nav{gap:0}}

/* V55: FAQ legibility for Urdu and other scripts. */
.faq-block{max-width:min(1060px,100%)!important;margin:50px auto 34px!important;padding:clamp(16px,2.3vw,25px);background:linear-gradient(145deg,#ebf7f4,#f7fbfb);border:1px solid #d7eeea;border-radius:26px!important}
.faq-block h2{font-size:clamp(26px,3.2vw,38px)!important;line-height:1.9!important;margin:0 0 14px!important}
.faq-block .eyebrow{font-size:14px!important}
.faq-block details{background:#fff!important;border:1px solid #dce9e8!important;margin:9px 0!important;padding:0 17px!important;box-shadow:0 3px 10px rgba(14,63,72,.035)!important}
.faq-block summary{font-size:clamp(19px,1.8vw,24px)!important;line-height:2.05!important;padding:15px 7px!important;color:#17404a!important;font-weight:800!important;min-height:70px;gap:18px}
.faq-block .faq-a{font-size:clamp(17px,1.55vw,21px)!important;line-height:2.3!important;padding:0 10px 20px!important;color:#344e57!important}
.faq-block .faq-a p{font-size:inherit!important;line-height:inherit!important}
.faq-block summary:lang(ur),.faq-block .faq-a:lang(ur){font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaliq","MA Urdu Fallback","Noto Nastaliq Urdu Local",serif!important}
/* Clean, non-duplicated header links and an orderly one-row desktop menu. */
@media(min-width:1280px){
 .hd-in{gap:10px!important;min-height:72px!important;flex-wrap:nowrap!important}
 .hd-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;min-width:0;max-width:calc(100% - 260px);justify-content:flex-end!important}
 .hd-nav::-webkit-scrollbar{display:none}
 .hd-nav .ma-main-link{white-space:nowrap;font-size:clamp(12px,.87vw,14px);padding:9px 10px}
 .hd .nav-toggle{display:none!important}
}
@media(min-width:820px) and (max-width:1279px){
 .hd-in{min-height:64px!important;position:relative}
 .hd .nav-toggle{display:inline-grid!important}
 .hd .hd-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:1px;margin:0;padding:13px 18px;box-shadow:0 18px 36px #142b3824;max-height:75vh;overflow-y:auto;background:var(--raise);border:1px solid var(--hair);border-radius:0 0 18px 18px}
 .hd .hd-nav.open{display:flex!important}
 .hd .hd-nav .ma-main-link{display:flex!important;width:100%;justify-content:flex-start;white-space:normal;padding:12px 13px;font-size:15px}
 .hd .nav-theme{display:flex!important;align-items:center;justify-content:space-between;border:none;background:transparent;padding:12px;color:var(--ink)}
}
@media(max-width:600px){.faq-block{padding:12px!important;border-radius:18px!important}.faq-block summary{font-size:20px!important;line-height:2!important}.faq-block .faq-a{font-size:18px!important}}
:root[data-theme=dark] .faq-block{background:linear-gradient(140deg,#123136,#172a35);border-color:#284b54}
:root[data-theme=dark] .faq-block details{background:#1a313b!important;border-color:#30515c!important}
:root[data-theme=dark] .faq-block summary,:root[data-theme=dark] .faq-block .faq-a{color:#e1f1ef!important}
/* Conditional application questions — only active fields occupy space. */
#ma-application-form .field-card[hidden],#ma-application-form .field-card.is-conditional-hidden{display:none!important}
#ma-application-form .field-card:focus-within{border-color:#1c9d79;box-shadow:0 0 0 3px #32b89b18}
/* Premium partner account entry */
.partner-portal .partner-shell:has(.ma-partner-auth){max-width:1120px;margin:26px auto 42px;padding:0 18px}
.partner-portal .partner-shell:has(.ma-partner-auth)>.partner-card{padding:0;border:0;box-shadow:none;background:transparent}
.partner-portal .ma-partner-auth{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:stretch}
.partner-portal .ma-partner-auth .partner-card{border-radius:25px;padding:clamp(22px,3vw,36px);background:var(--raise);border:1px solid var(--hair);box-shadow:0 14px 35px #092f3912}
.partner-portal .ma-partner-auth .ma-login-card{background:linear-gradient(145deg,#f2fffa,#f4f8fb);border-color:#cce9e0}
.partner-portal .ma-partner-auth h2{font-size:clamp(23px,2.2vw,30px);margin-bottom:9px;color:var(--ink)}
.partner-portal .ma-partner-auth .ma-auth-intro{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0 0 20px}
.partner-portal .ma-partner-auth .ma-auth-eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:#087c66;margin-bottom:9px}
.partner-portal .ma-partner-auth form{display:grid;gap:15px}
.partner-portal .ma-partner-auth label{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:770}
.partner-portal .ma-partner-auth input{min-height:49px;border-radius:13px;padding:12px 14px;font-size:16px;background:var(--raise);border:1px solid #cddde2}
.partner-portal .ma-partner-auth input:focus{border-color:#159c81;outline:3px solid #159c8130}
.partner-portal .ma-partner-auth .ma-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.partner-portal .ma-partner-auth .ma-auth-wide{grid-column:1/-1}
.partner-portal .ma-partner-auth .btn{width:100%;min-height:51px;background:#087b65!important;border-color:#087b65!important;font-weight:850;font-size:15px;color:#fff!important}
.partner-portal .ma-login-card .ma-account-steps{margin:28px 0 0;padding:16px 18px;border:1px solid #cde9df;border-radius:16px;background:#ffffff9c;line-height:1.85;font-size:14px;color:#235b53}
.partner-dashboard .partner-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.partner-dashboard .partner-quicklinks a{animation:none!important;justify-content:center;white-space:normal;text-align:center;border-radius:14px;padding:14px 11px}
.partner-dashboard .partner-welcome{background:linear-gradient(115deg,#0a293b,#0c795e);border-radius:23px}
@media(max-width:820px){.partner-portal .ma-partner-auth{grid-template-columns:1fr;gap:16px}.partner-dashboard .partner-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.partner-portal .ma-partner-auth .ma-auth-grid{grid-template-columns:1fr}.partner-portal .ma-partner-auth .ma-auth-wide{grid-column:auto}.partner-dashboard .partner-quicklinks{grid-template-columns:1fr 1fr}}
:root[data-theme=dark] .partner-portal .ma-partner-auth .ma-login-card{background:linear-gradient(145deg,#133532,#132933);border-color:#325750}
:root[data-theme=dark] .partner-portal .ma-login-card .ma-account-steps{background:#152e33;border-color:#28584e;color:#d2eee6}