/* Option C — approved 1 November 2026. Navy, cyan and clear working surfaces. */
:root{--tw-navy:#05243d;--tw-cyan:#26c9ec;--tw-blue:#006b85;--tw-mist:#eaf7fc;--tw-border:#cbdde7}
body.public-site,body.staff-site{--ink:#092b43;--deep:#05243d;--paper:#fff;--muted:#496170;--line:#cbdde7;--teal:#006b85;--lime:#eaf7fc;--copper:#006b85;background:#fff}
body.public-site{font-size:16px;line-height:1.65}
body.public-site .wrap{max-width:1280px;padding-inline:40px}
body.public-site :is(h1,h2,h3){font-family:Manrope,Arial,sans-serif;font-style:normal;letter-spacing:-.03em;font-weight:750;text-wrap:balance}
body.public-site :is(.eyebrow,.home-service-index,.note-type){display:none}
body.public-site header{background:var(--tw-navy);border-bottom:1px solid #234860}
body.public-site .agency-utility{background:#031b2f;border-bottom:1px solid #234860;font-size:12px}
body.public-site .agency-utility>.wrap{min-height:36px}
body.public-site .nav{height:88px;gap:24px}
body.public-site .brand-name{color:#fff;font-size:19px}
body.public-site .brand-tagline{color:#c6e3ee;font-size:11px}
body.public-site .navlinks{gap:24px}
body.public-site .navlinks a{color:#e0eff6;font-size:14px}
body.public-site .navlinks a[aria-current],body.public-site .navlinks a:hover{color:var(--tw-cyan);border-color:var(--tw-cyan)}
body.public-site .return-link,body.public-site .menu{color:#fff;background:transparent;border:1px solid #6c98b0;border-radius:6px;min-height:44px}
body.public-site .button{background:var(--tw-cyan);border:1px solid var(--tw-cyan);color:#05243d;border-radius:6px;font-size:15px;font-weight:750;min-height:50px;padding:12px 24px;box-shadow:none}
body.public-site .button:hover{background:#9ce9fa;border-color:#9ce9fa;color:#05243d;transform:none}
body.public-site .button.outline{background:transparent;color:#07516a;border-color:#789bab}
body.public-site .button.outline:hover{background:var(--tw-mist);color:#05243d;border-color:#006b85}
body.public-site .button.light{background:#fff;color:#05243d;border-color:#fff}
body.public-site .text-link{color:#006b85;font-size:15px}
body.public-site :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #00778f;outline-offset:4px}
body.public-site header :focus-visible,body.public-site .recruitment-hero :focus-visible,body.public-site footer :focus-visible{outline-color:#26c9ec!important}
body.public-site input,body.public-site select,body.public-site textarea{border-radius:6px;border-color:#789bab;accent-color:#006b85}
body.public-site .notice{border:1px solid #b8dbe9;background:#eaf7fc;border-radius:8px;color:#123b51}
body.public-site .pagehero{padding-block:40px 44px;max-width:960px}
body.public-site .pagehero h1{font-size:clamp(34px,4vw,54px);line-height:1.15}
body.public-site .pagehero p{max-width:65ch;font-size:18px}
body.public-site .breadcrumbs{font-size:14px;margin-bottom:26px}
body.public-site :is(.formbox,.filters,.interview-callout,.visa-guide,.visa-payment-info){background:#f1f9fc;border:1px solid var(--tw-border);border-radius:8px;box-shadow:none}
body.public-site .agency-services article{padding-block:32px}
body.public-site .agency-services h2{font-size:25px}
body.public-site .agency-services p{max-width:66ch}
body.public-site :is(.home-journey,.recruitment-desk,.recruitment-principles){background:var(--tw-mist);border-color:#cbdde7}
body.public-site .recruitment-hero{background:#05243d url('/assets/healthcare/uae-recruitment-hero.webp') no-repeat right top;background-size:auto 700px}
body.public-site .recruitment-hero-grid{display:block;padding-top:78px}
body.public-site .recruitment-hero-copy{max-width:590px;padding-bottom:64px;animation:none}
body.public-site .recruitment-hero h1{font-size:clamp(44px,5vw,68px);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:#fff;max-width:600px;margin-bottom:26px}
body.public-site .recruitment-hero h1 span{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:#26c9ec}
body.public-site .recruitment-hero .lead{font-size:19px;line-height:1.65;color:#e1edf4;max-width:43ch;margin-bottom:28px}
.option-c-actions{display:flex;gap:16px;flex-wrap:wrap}
body.public-site .recruitment-hero .button.outline{color:#fff;border-color:#b4dce9}
body.public-site .recruitment-hero .button.outline:hover{background:#163c55}
body.public-site .option-c-reassurance{color:#d4ebf5;font-size:14px;margin:20px 0 0}
body.public-site .recruitment-search{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;padding:24px 28px;gap:24px;border-radius:8px;background:#fff;border:1px solid #d2e5ee}
body.public-site .recruitment-search label{font-size:14px}
body.public-site .recruitment-search :is(input,select){border:1px solid #789bab;padding-inline:12px;border-radius:5px;height:48px}
body.public-site .hero-region,body.public-site .recruitment-hero-links a{font-size:13px;color:#e2f0f7}
body.public-site .recruitment-principles span{font-size:14px;color:#24475b}
body.public-site .recruitment-principles span::before{background:#006b85}
body.public-site :is(.home-openings,.home-support){padding-block:72px}
body.public-site .home-vacancy-grid{display:block;border-bottom:1px solid var(--tw-border)}
body.public-site .home-vacancy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 180px;gap:8px 32px;padding:30px 0;border:0;border-top:1px solid var(--tw-border);background:#fff;border-radius:0;transform:none;box-shadow:none;transition:none}
.home-vacancy-top{display:none}
body.public-site .home-vacancy h3{grid-column:1;grid-row:1/3;font-size:23px;margin:0}
body.public-site .home-role-location{grid-column:2;margin:0;font-size:14px}
body.public-site .home-role-summary{grid-column:2;margin:0;font-size:15px}
body.public-site .home-role-pay{grid-column:2;padding-bottom:0}
body.public-site .home-vacancy>.text-link{grid-column:3;grid-row:1/4;align-self:center;margin:0;padding:0;border:0;white-space:normal}
body.public-site .home-role-filters button[aria-pressed=true]{color:#005c75;border-color:#006b85}
body.public-site .home-role-filters button:hover{color:#006b85}
body.public-site .home-journey-steps li>span{font-family:Manrope,Arial,sans-serif;color:#006b85;font-size:36px;font-weight:700}
body.public-site .home-journey-steps li{border-color:#a5c9d9}
body.public-site :is(.home-founder h2,.home-openings h2,.home-journey h2,.home-support h2){font-weight:750;letter-spacing:-.03em}
body.public-site .home-founder{padding-block:72px;gap:64px}
body.public-site .home-employers{background:#05243d!important}
body.public-site .home-employers .agency-brief-preview{border:1px solid #52768b;border-radius:8px}
body.public-site .home-employers .agency-brief-preview h3{color:#fff;font-weight:700}
body.public-site .home-employers :is(p,dd){color:#d1e6f1}
body.public-site .home-support-grid article{border-top-color:#a1c8db}
body.public-site .home-support-grid h3{font-size:27px;font-weight:750}
body.public-site footer{background:#05243d}
body.public-site .premium-footer-intro{padding-block:56px;border-color:#365d75}
body.public-site .premium-footer-intro>span{display:none}
body.public-site .premium-footer-intro p{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:750;font-style:normal;color:#fff}
body.public-site .premium-footer-intro>a{color:#64ddf4;border-color:#64ddf4;bottom:62px;font-size:16px}
body.public-site footer :is(.brand-tagline,.legal){color:#bdd9e8}
body.public-site footer .footergrid a:not(.brand){color:#d4e8f2}
/* Staff tools use the same palette with a light working surface. */
body.staff-site{background:#f3f8fb;font-family:'DM Sans',Arial,sans-serif}
body.staff-site header{background:#05243d;color:#fff}
body.staff-site header :is(.brand-name,a){color:#fff}
body.staff-site .button{background:#006b85;border-color:#006b85;color:#fff;border-radius:6px}
body.staff-site input,body.staff-site select,body.staff-site textarea{border-radius:5px}
@media(max-width:1000px){body.public-site .navlinks{background:#05243d;border-color:#365d75}body.public-site .nav{height:80px}body.public-site .recruitment-hero{background-size:auto 650px;background-position:60% top}body.public-site .recruitment-hero-copy{max-width:490px}body.public-site .recruitment-hero .lead{max-width:32ch}body.public-site .home-vacancy{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.public-site .home-vacancy>.text-link{grid-column:1;grid-row:auto}}
@media(max-width:700px){
 body.public-site .wrap{padding-inline:24px}
 body.public-site .nav{height:78px;gap:12px}
 body.public-site .brand-name{font-size:17px}
 body.public-site .brand-mark{width:29px;height:46px}
 body.public-site .brand-tagline{display:none}
 body.public-site .return-link{font-size:12px;padding-inline:12px}
 body.public-site .recruitment-hero{background-image:none}
 body.public-site .recruitment-hero-grid{padding-top:0}
 body.public-site .recruitment-hero-copy{max-width:none;padding-top:38px;padding-bottom:32px}
 body.public-site .recruitment-hero-copy::before{content:'';display:block;height:220px;margin:-38px -24px 32px;background:url('/assets/healthcare/uae-recruitment-hero.webp') center right/cover no-repeat}
 body.public-site .recruitment-hero h1{font-size:44px;max-width:500px}
 body.public-site .recruitment-hero .lead{font-size:17px;max-width:40ch}
 .option-c-actions{gap:12px}
 .option-c-actions .button{flex:1;white-space:nowrap;padding-inline:16px;font-size:14px}
 body.public-site .recruitment-search{grid-template-columns:1fr;padding:24px;gap:18px}
 body.public-site .recruitment-search .button{width:100%}
 body.public-site .recruitment-principles .wrap{gap:12px;padding-block:20px}
 body.public-site .hero-region,body.public-site .recruitment-hero-links a{font-size:13px}
 body.public-site :is(.home-openings,.home-support){padding-block:48px}
 body.public-site .home-vacancy{display:block;padding-block:24px}
 body.public-site .home-vacancy h3{font-size:23px;margin-bottom:12px}
 body.public-site .home-role-location{margin-bottom:8px}
 body.public-site .home-role-summary{margin-bottom:12px}
 body.public-site .home-vacancy>.text-link{margin-top:12px;min-height:44px}
 body.public-site .pagehero{padding-block:28px 32px}
 body.public-site .pagehero h1{font-size:36px}
 body.public-site .pagehero p{font-size:17px}
 body.public-site .home-founder{gap:32px;padding-block:48px}
 body.public-site .premium-footer-intro>a{position:static;margin-top:24px}
 body.public-site .premium-footer-intro p{font-size:32px}
 body.public-site .footergrid{gap:32px}
}
@media(max-width:380px){body.public-site .wrap{padding-inline:18px}body.public-site .nav>.return-link{display:none}.option-c-actions{flex-direction:column}body.public-site .recruitment-hero-copy::before{margin-inline:-18px}body.public-site .recruitment-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){body.public-site *,body.public-site *::before,body.public-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.public-site .agency-utility a{font-size:12px;min-height:36px}
body.public-site footer p{color:#d4e8f2}
body.public-site .home-employers .agency-brief-preview dt{color:#d4e8f2}
body.staff-site .menu{color:#fff;background:transparent;border:1px solid #6c98b0;min-height:44px}
@media(max-width:950px){body.staff-site .navlinks{background:#05243d;border:1px solid #52768b}body.staff-site .navlinks a{color:#fff}}
body.public-site main>section.content:first-child{padding-top:32px}
/* Inner pages: distinct introductions, readable sections and clearer action groups. */
body.public-site .inner-intro{background:#edf7fc;border-bottom:1px solid #cbdde7;margin-bottom:48px}
body.public-site .inner-intro-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
body.public-site .inner-intro-grid.has-intro-image{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
body.public-site .inner-intro .pagehero{padding-block:38px 44px;max-width:none}
body.public-site .inner-intro h1{font-size:clamp(34px,3.8vw,48px);max-width:20ch;margin-bottom:22px}
body.public-site .inner-intro p{font-size:18px;line-height:1.7;max-width:62ch;margin-bottom:0}
body.public-site .inner-intro .breadcrumbs{font-size:13px;margin-bottom:24px;flex-wrap:wrap}
.inner-intro-image{margin:32px 0;overflow:hidden;border-radius:8px}
.inner-intro-image img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;display:block}
body.public-site .inner-intro + .content{padding-top:0}
body.public-site .agency-services article{padding-block:30px}
body.public-site .agency-services article:has(>div:not(.price)){grid-template-columns:minmax(0,1fr) 230px;gap:40px}
body.public-site .agency-services article:has(>div:not(.price))>.button{width:100%;min-height:50px;white-space:normal;text-align:center}
body.public-site .agency-services h2{font-size:24px;margin-bottom:12px}
body.public-site.page-services-dataflow .agency-services p{margin-bottom:16px;max-width:70ch}
body.public-site.page-services-dataflow .agency-services .button{margin:8px 16px 16px 0}
body.public-site.page-services-dataflow .agency-services #copy-dataflow-link{display:inline-flex;min-width:0}
body.public-site .agency-next{padding:30px 32px;background:#f1f8fc;border:1px solid #cbdde7;border-radius:8px;margin-block:28px;gap:32px;align-items:center}
body.public-site .agency-next h2{font-size:24px;margin-bottom:12px}
body.public-site .agency-next p{max-width:66ch;line-height:1.7}
body.public-site .agency-next .button{flex:none;white-space:normal;text-align:center}
body.public-site .audience-routes{gap:40px;margin-bottom:12px}
body.public-site .audience-routes article{border-top:0;padding:0 0 28px}
body.public-site .audience-routes article:first-child{border-right:1px solid #cbdde7;padding-right:40px}
body.public-site .audience-routes h2{font-size:27px}
body.public-site .audience-routes p{max-width:53ch;line-height:1.75}
body.public-site .profession-directory{gap:0 40px}
body.public-site .profession-directory article{padding-block:28px;border-top:1px solid #cbdde7}
body.public-site .profession-directory h3{font-size:23px}
body.public-site .international-route{background:#edf7fc}
body.public-site .content>details{padding-block:20px}
body.public-site summary{min-height:44px;align-content:center;font-size:16px}
body.public-site .role-package{background:#edf7fc;border:1px solid #bcd7e5;border-radius:8px;padding:28px;top:24px}
body.public-site .role-package .role-published{font-size:13px;line-height:1.7}
body.public-site .role-section h2{font-size:25px}
body.public-site .role-body p,body.public-site .role-body li{max-width:72ch;line-height:1.8}
body.public-site .role-section{padding-block:0 28px;margin-bottom:28px}
body.public-site .role-section li+li{margin-top:12px}
body.public-site .filters{padding:24px 28px;gap:24px;border-radius:8px}
body.public-site .filters label{font-size:14px}
body.public-site .job{border:1px solid #cbdde7;border-radius:8px;padding:28px;margin-bottom:20px}
body.public-site .job h2{font-size:25px}
body.public-site .job-summary{max-width:64ch}
body.public-site .interview-callout{border-radius:8px;padding:32px}
body.public-site .interview-days span{background:#05243d;color:#fff;border-color:#05243d}
body.public-site .visa-price-card{border:1px solid #cbdde7;border-radius:8px;padding:28px;background:#f3f9fc;gap:12px}
body.public-site .visa-price-card h2{font-size:26px;line-height:1.25}
body.public-site .visa-price-card.feature{background:#05243d;color:#fff}
body.public-site .visa-price-card.feature :is(h2,p,.tag){color:#fff}
body.public-site .visa-price-card.feature .button{background:#26c9ec;border-color:#26c9ec;color:#05243d}
body.public-site .contactdetails{font-size:20px}
body.public-site .contactdetails>p{padding-bottom:22px;border-bottom:1px solid #cbdde7;margin-bottom:24px}
body.public-site .contactdetails>p>span{font-size:12px;letter-spacing:.06em;color:#496170;margin-bottom:8px}
body.public-site .contactdetails .fine{font-size:14px;line-height:1.75}
body.public-site .whatsapp-cta{padding:36px;align-self:start;position:sticky;top:24px;border-radius:8px}
body.public-site .whatsapp-cta h2{font-size:30px;max-width:18ch}
body.public-site .whatsapp-cta p{font-size:16px;line-height:1.75}
body.public-site .employer-brief{padding:32px;background:#f0f8fc;border:1px solid #cbdde7;border-radius:8px;gap:40px}
body.public-site .employer-brief>aside{background:#05243d;color:#fff;border:0;border-radius:6px;padding:28px}
body.public-site .employer-brief>aside :is(a,span){color:#d5edf7}
body.public-site .working-together dt{font-size:21px}
body.public-site .working-together dd{line-height:1.8;margin-top:10px}
body.public-site .prep-navigation{display:flex;flex-wrap:wrap;gap:8px 24px;padding:20px 24px;background:#edf7fc;border:1px solid #cbdde7;border-radius:8px}
body.public-site .prep-navigation a{min-height:44px;display:inline-flex;align-items:center;font-size:15px}
body.public-site .prep-section{padding-block:32px;border-bottom:1px solid #cbdde7}
body.public-site .prep-section p,body.public-site .prep-section li{max-width:72ch;line-height:1.8}
body.public-site:is(.page-dataflow-upload,.page-visa-upload,.page-apply,.page-applications) main>.content{padding-top:40px;max-width:1100px}
body.public-site:is(.page-dataflow-upload,.page-visa-upload,.page-apply,.page-applications) main>.content>h1{font-size:clamp(32px,3.5vw,44px);max-width:23ch;margin-bottom:20px}
body.public-site:is(.page-dataflow-upload,.page-visa-upload,.page-apply,.page-applications) main>.content>p{max-width:70ch;line-height:1.8}
body.public-site #visa-app{margin-top:32px}
@media(max-width:1000px){body.public-site .inner-intro-grid.has-intro-image{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}body.public-site .inner-intro h1{font-size:38px}}
@media(max-width:700px){
 body.public-site .inner-intro{margin-bottom:32px}
 body.public-site .inner-intro-grid.has-intro-image{grid-template-columns:1fr;gap:0}
 body.public-site .inner-intro .pagehero{padding-block:26px 28px}
 body.public-site .inner-intro h1{font-size:34px;margin-bottom:18px}
 body.public-site .inner-intro p{font-size:17px}
 body.public-site .inner-intro .breadcrumbs{margin-bottom:20px;font-size:12px}
 .inner-intro-image{margin:0 0 28px}
 .inner-intro-image img{aspect-ratio:2}
 body.public-site .agency-services article:has(>div:not(.price)){display:block}
 body.public-site .agency-services article:has(>div:not(.price))>.button{width:auto;margin-top:22px}
 body.public-site .agency-next{padding:24px;display:block;margin-block:24px}
 body.public-site .agency-next .button{margin-top:18px;width:100%}
 body.public-site .audience-routes{grid-template-columns:1fr;gap:28px}
 body.public-site .audience-routes article:first-child{border-right:0;border-bottom:1px solid #cbdde7;padding-right:0;padding-bottom:28px}
 body.public-site .audience-routes article{padding-bottom:0}
 body.public-site .role-package{padding:24px;position:static}
 body.public-site .role-section h2{font-size:24px}
 body.public-site .job{padding:24px}
 body.public-site .job h2{font-size:23px}
 body.public-site .visa-price-card{padding:24px}
 body.public-site .whatsapp-cta{padding:24px;position:static}
 body.public-site .employer-brief{padding:24px;gap:28px}
 body.public-site .contactdetails{font-size:19px}
 body.public-site .prep-navigation{padding:16px 20px;gap:8px 20px}
 body.public-site:is(.page-dataflow-upload,.page-visa-upload,.page-apply,.page-applications) main>.content{padding-top:28px}
}
body.public-site .inner-intro-action{margin-top:24px}
body.public-site .whatsapp-cta .button{background:#26c9ec;border-color:#26c9ec;color:#05243d}
body.public-site .whatsapp-cta .button:hover{background:#9ce9fa;border-color:#9ce9fa}
@media(max-width:700px){body.public-site .inner-intro-action .button{width:100%;white-space:normal;text-align:center}}