@font-face{font-family:General;src:url('/_seo/embedded/3ec2be771caf168b077ca05a.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Host;src:url('/_seo/embedded/1139937f06687a4f8d942503.ttf') format('truetype');font-weight:600;font-display:swap} :root{--ink:#1b352e;--forest:#1e3d35;--mint:#57bda0;--mint-light:#edf4ee;--cream:#faf7ef;--paper:#fff;--line:#dbe4de;--muted:#62736b;--radius:15px;--shadow:0 15px 45px #183d3212}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:General,Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,h4{font-family:Host,General,sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.042em;margin:0}h1{font-size:clamp(42px,5.3vw,72px)}h2{font-size:clamp(32px,3.4vw,47px)}h3{font-size:24px}p{margin:0 0 22px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #07805c;outline-offset:5px}button:disabled{opacity:.6;cursor:not-allowed}::selection{background:#bcdfcd}.container{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-70px;left:16px;z-index:200;background:var(--forest);color:white;padding:12px 20px}.skip:focus{top:8px}.utility{background:var(--cream);border-bottom:1px solid #e8e8de;font-size:12px;line-height:34px;color:#5c685f}.utility .container{display:flex;justify-content:space-between}.utility strong{color:var(--ink);font-weight:500}.utility a span{margin-left:10px}header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);border-bottom:1px solid #e9eee9;z-index:50}.nav-shell{display:flex;justify-content:space-between;align-items:center;min-height:98px;gap:22px}.logo{width:196px;flex-shrink:0}.logo img{height:auto;width:100%}.logo small{display:block;text-align:center;font-size:9px;line-height:1.3;letter-spacing:0;padding-top:2px}nav{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:500}nav a{position:relative;padding:8px 0;white-space:nowrap}nav a:not(.portal-link):after{content:'';position:absolute;height:2px;left:0;right:100%;bottom:2px;background:var(--mint);transition:right .2s}nav a:hover:after,nav a[aria-current=page]:after{right:0}.portal-link{border:1px solid var(--line);padding:11px 16px;border-radius:6px}.portal-link span{margin-left:10px}.menu-toggle{display:none;border:0;background:none;padding:10px;color:var(--ink)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.13em;font-weight:600;text-transform:uppercase;margin-bottom:23px}.dot{width:7px;height:7px;background:var(--mint);border-radius:50%;display:inline-block;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 23px;border-radius:6px;background:var(--forest);color:#fff;border:1px solid var(--forest);font-size:14px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s}.btn:hover{background:#30594c;transform:translateY(-2px)}.btn.mint{background:var(--mint);border-color:var(--mint);color:#142f27}.btn.mint:hover{background:#79cbb2}.btn.outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn.outline:hover{background:var(--mint-light)}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:3px;font-weight:500}.text-link:hover{color:#268064}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.lead{font-size:18px;line-height:1.65;color:#51635a}.hero{position:relative;background:var(--mint-light);padding:62px 0 40px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:75px;align-items:center}.hero h1 em{font-style:normal;color:#377b66}.hero .lead{max-width:520px;margin:28px 0 32px}.hero-art{position:relative;height:420px;margin:0 0 26px}.hero-photo{width:100%;height:100%;object-fit:cover;border-radius:180px 180px 12px 12px;object-position:48% 50%}.hero-art:before{content:'';position:absolute;border:1px solid #7bac9770;border-radius:190px 190px 15px 15px;inset:-12px 15px 13px -15px;pointer-events:none}.hero-arrow{position:absolute;right:-26px;top:28px;background:var(--forest);color:var(--mint);width:98px;height:98px;border-radius:50%;font-size:52px;line-height:96px;text-align:center}.floating-note{position:absolute;bottom:-25px;left:-35px;background:white;padding:20px 26px;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px;max-width:330px}.floating-note .check{width:38px;height:38px;border-radius:50%;background:var(--mint-light);text-align:center;line-height:38px;color:#28755e}.floating-note strong{font-size:15px;display:block;letter-spacing:-.02em}.floating-note p{font-size:12px;margin:2px 0 0;color:var(--muted);line-height:1.45}.hero-search{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 23px;display:grid;grid-template-columns:1.35fr .85fr auto;gap:25px;margin-top:45px;box-shadow:0 8px 25px #1a352907}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:white;border-radius:5px;color:var(--ink);padding:12px 13px;min-height:46px}.hero-search input,.hero-search select{padding:1px 0;min-height:28px;border:none;border-radius:0;font-size:14px}.hero-search .field+ .field{border-left:1px solid var(--line);padding-left:25px}.hero-search .btn{align-self:center}.popular{font-size:12px;color:#586c60;display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.popular a{border-bottom:1px solid #a8bbb0}.trust-strip{border-bottom:1px solid var(--line)}.trust-strip .container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;font-size:13px}.trust-item{display:flex;gap:11px;align-items:center}.trust-item span:first-child{color:#428368;font-size:18px}.section{padding-block:88px}.section.soft{background:#f6f8f4}.section.cream{background:var(--cream)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-title .eyebrow{margin-bottom:14px}.section-title p{max-width:540px;margin:17px 0 0;color:var(--muted)}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.job-card{border:1px solid var(--line);border-radius:12px;padding:25px;display:flex;flex-direction:column;position:relative;background:white;transition:box-shadow .2s,transform .2s}.job-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.job-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.org-symbol{width:44px;height:44px;border:1px solid var(--line);background:#f5f7f2;border-radius:8px;display:grid;place-items:center;color:#42695a;font-family:Host;font-size:16px}.save-job{background:white;border:0;display:flex;padding:9px;align-items:center;color:#557367;border-radius:5px}.save-job:hover{background:var(--mint-light)}.save-job svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.save-job[aria-pressed=true] svg{fill:var(--mint);stroke:var(--forest)}.job-org{font-size:11px;color:var(--muted);letter-spacing:.015em;margin-bottom:11px}.job-card h3{font-size:23px;min-height:78px;line-height:1.17;margin-bottom:17px}.job-card h3 a:focus-visible{outline-offset:3px}.tag{display:inline-block;align-self:start;font-size:10px;border:1px solid #d8e8dd;background:#f0f7ef;padding:4px 9px;line-height:1.6;border-radius:4px;color:#43624e}.job-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#5d7265;margin:18px 0 14px}.job-price{font-size:15px;font-weight:600;margin:4px 0 16px}.job-price small{font-size:11px;font-weight:400;color:var(--muted)}.job-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #e7ede7;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:11px;color:#6a786c}.job-bottom a{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--mint-light);color:var(--forest);font-size:19px}.source-note{font-size:11px;color:#748177;margin-top:19px}.source-note a{text-decoration:underline}.expertise{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;border-top:1px solid var(--line)}.expertise a{display:flex;align-items:center;gap:16px;padding:25px 0;border-bottom:1px solid var(--line);font-size:18px;font-family:Host}.expertise .number{font-family:General;font-size:11px;color:#7d9a8b}.expertise .arrow{margin-left:auto;color:#54896e}.expertise a:hover{color:#258068}.dark-section{background:var(--forest);color:#fff;padding:85px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.dark-section .eyebrow{color:#b7d7c5}.dark-section p{color:#c3d2c9}.rounded-photo{height:465px;object-fit:cover;width:100%;border-radius:var(--radius)}.photo-wrap{position:relative}.photo-caption{position:absolute;bottom:22px;left:22px;right:22px;background:#ffffffee;color:var(--forest);padding:16px 20px;border-radius:7px;font-size:14px}.benefit-list{margin-top:28px}.benefit{display:flex;gap:21px;padding:19px 0;border-top:1px solid #ffffff29}.benefit span{font-size:12px;color:#97c4ad;padding-top:3px}.benefit h3{font-size:20px;letter-spacing:-.025em}.benefit p{font-size:13px;line-height:1.65;margin:8px 0 0}.dark-section .text-link{color:#cbe7d9;border-color:#9dc6b1;margin-top:28px}.workforms{display:grid;grid-template-columns:1fr 1fr;gap:23px}.workform{padding:38px;background:var(--mint-light);border-radius:12px;position:relative}.workform:nth-child(2){background:var(--cream)}.workform .big-arrow{position:absolute;right:32px;top:28px;font-size:34px;color:#74a18e}.workform h3{font-size:31px;margin-bottom:18px}.workform p{max-width:400px;color:#617469;font-size:15px}.workform ul{list-style:none;padding:0;margin:22px 0}.workform li{font-size:13px;padding:5px 0}.workform li:before{content:'✓';color:#478c6f;margin-right:11px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:46px}.step-number{font-family:Host;font-size:13px;width:40px;height:40px;border:1px solid #a9c6b3;border-radius:50%;display:grid;place-items:center;margin-bottom:25px}.step h3{font-size:23px;margin-bottom:15px}.step p{color:var(--muted);font-size:14px}.steps-section{position:relative}.portal-section{background:var(--mint-light);padding:75px 0;overflow:hidden}.portal-section .split{grid-template-columns:1.05fr 1fr;gap:90px}.portal-visual{background:white;padding:26px;border:1px solid #d5e4d8;border-radius:15px;transform:rotate(-2deg);box-shadow:var(--shadow)}.portal-visual-top{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.portal-visual .eyebrow{margin:28px 0 13px;letter-spacing:.08em;color:#4a7461;font-size:10px}.portal-visual h3{font-size:30px;margin-bottom:25px}.portal-preview-row{border:1px solid #e1e9e0;padding:15px;border-radius:7px;display:flex;gap:15px;align-items:center;font-size:12px;margin-top:10px}.portal-preview-row .round{background:#edf5ef;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.portal-preview-row p{margin:0;font-size:11px;color:var(--muted)}.portal-preview-row strong{font-weight:500}.portal-visual .demo-note{font-size:10px;color:#758277;margin:17px 0 0}.sna-panel{display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center;padding:30px 35px;border:1px solid var(--line);border-radius:12px}.sna-seal{height:74px;width:74px;background:var(--mint-light);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;font-family:Host;font-size:23px}.sna-seal span{font-family:General;font-size:8px;letter-spacing:.06em}.sna-panel h3{font-size:22px;margin-bottom:8px}.sna-panel p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-layout h2{max-width:350px}.faq-layout .text-link{margin-top:28px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 30px 21px 0;position:relative;font-size:16px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;top:19px;font-size:24px;font-weight:400;color:#44826b}details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 30px 0 0;margin-bottom:24px}.cta-section{background:var(--cream);padding:70px 0}.cta-section .container{display:flex;justify-content:space-between;gap:60px;align-items:center}.cta-section h2{max-width:660px;font-size:45px}.cta-section p{margin:17px 0 0;max-width:590px;color:var(--muted);font-size:15px}.cta-section .actions{flex-shrink:0;flex-direction:column;gap:17px;align-items:flex-start}footer{background:#18332c;color:#d4e1d7;padding:67px 0 0;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}.wordmark{font-family:Host;font-size:30px;letter-spacing:-.075em;color:#eaf2ed;line-height:1.2}.wordmark span{color:var(--mint);font-size:27px;padding-left:3px}.footer-brand p{color:#a5bdae;line-height:1.8;font-size:13px;margin:20px 0}.footer-sna{font-size:11px;border:1px solid #557465;padding:6px 10px;border-radius:5px;display:inline-block}footer h2{font-family:General;font-size:13px;letter-spacing:0;margin:6px 0 20px;color:#fff;font-weight:500}footer .footer-grid>div:not(:first-child) a{display:block;margin:10px 0;color:#afc5b6}footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff20;margin-top:50px;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#93af9c}.footer-bottom>div{display:flex;gap:25px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 23px;background:var(--forest);color:white;z-index:100;box-shadow:var(--shadow);border-radius:8px;font-size:13px;max-width:calc(100% - 32px);text-align:center}.page-hero{background:var(--mint-light);padding:64px 0 59px}.page-hero .lead{max-width:740px;margin:24px 0 0}.page-hero .actions{margin-top:29px}.breadcrumb{font-size:11px;color:#718273;margin-bottom:30px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.page-hero h1{max-width:900px;font-size:clamp(42px,4.6vw,61px)}.page-hero.image .container{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.page-hero.image img{height:360px;width:100%;object-fit:cover;border-radius:140px 140px 12px 12px}.prose{max-width:740px}.prose h2{margin:0 0 22px}.prose h3{margin:34px 0 16px}.prose p,.prose li{color:#536a5b;font-size:16px;line-height:1.9}.prose ul{padding-left:23px}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:start}.aside{background:var(--mint-light);border-radius:12px;padding:30px;position:sticky;top:124px}.aside h3{font-size:25px;margin-bottom:20px}.aside p{font-size:13px;color:var(--muted)}.aside .btn{width:100%;margin:8px 0}.aside dl{margin:23px 0}.aside dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #d9e5d9;font-size:12px}.aside dt{color:var(--muted)}.aside dd{margin:0;text-align:right;font-weight:500}.long-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.long-step{padding:30px 0;border-top:1px solid var(--line);display:flex;gap:25px}.long-step .step-number{flex-shrink:0;margin:0}.long-step p{font-size:14px;color:var(--muted);margin:13px 0 0}.comparison{width:100%;border-collapse:collapse;font-size:14px;margin:32px 0}.comparison th,.comparison td{text-align:left;padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:top}.comparison th{background:var(--mint-light);font-size:13px;font-weight:600}.comparison td{color:var(--muted)}.comparison tr td:first-child{color:var(--ink);font-weight:500}.table-wrap{overflow-x:auto}.job-filter-shell{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:start}.filters{background:#f5f8f3;border:1px solid var(--line);padding:23px;border-radius:10px;position:sticky;top:120px}.filters h2{font-family:General;font-size:16px;letter-spacing:0;margin-bottom:23px}.filters .field{margin-bottom:20px}.filters .field input,.filters .field select{font-size:12px}.check-field{display:flex;gap:10px;align-items:center;font-size:12px;margin-bottom:18px}.check-field input{width:17px;height:17px;accent-color:var(--forest);flex-shrink:0}.clear-filters{background:none;border:0;padding:0;color:#4c7761;font-size:12px;text-decoration:underline}.listing-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.listing-tools h2{font-family:General;font-size:15px;letter-spacing:0;font-weight:500}.listing-tools select{border:1px solid var(--line);font-size:12px;color:var(--ink);padding:9px;border-radius:5px;background:#fff}.listing .job-grid{grid-template-columns:repeat(2,1fr)}.empty{background:var(--mint-light);border:1px solid var(--line);border-radius:10px;padding:35px;grid-column:1/-1}.empty h3{margin-bottom:15px}.empty p{font-size:14px}.empty button{margin-top:12px}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.contact-option{display:block;padding:25px 0;border-bottom:1px solid var(--line)}.contact-option .eyebrow{margin:0 0 11px;color:var(--muted)}.contact-option strong{font-family:Host;font-size:28px;letter-spacing:-.04em;overflow-wrap:anywhere}.contact-option small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.contact-form{padding:35px;background:#f5f8f4;border-radius:12px}.contact-form h2{font-size:29px;margin-bottom:17px}.contact-form>p{font-size:13px;color:var(--muted);line-height:1.75}.contact-form .field{margin-bottom:18px}.contact-form .field input,.contact-form .field select,.contact-form .field textarea{font-size:14px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form .check-field{margin-top:20px;align-items:start}.contact-form .check-field input{margin-top:3px}.contact-form .check-field a{text-decoration:underline}.contact-form .btn{width:100%}.note{background:var(--cream);border-left:3px solid #b9bc91;padding:19px 23px;font-size:13px;color:#6c725d;line-height:1.8;margin:28px 0}.subnav{display:flex;flex-wrap:wrap;gap:22px;padding-block:24px;border-bottom:1px solid var(--line);font-size:12px;color:#547563}.rich-section{padding:34px 0;border-bottom:1px solid var(--line)}.rich-section h2{font-size:32px;margin-bottom:25px}.rich-section h3{font-size:23px;margin:27px 0 15px}.rich-section p,.rich-section li{font-size:15px;line-height:1.85;color:#536a5b}.rich-section ul{padding-left:23px}.noor-intro{display:flex;align-items:center;gap:15px;border-top:1px solid #d5e4d4;padding-top:22px;margin-top:30px;font-size:13px}.noor-intro img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 21%}.noor-intro small{display:block;color:var(--muted);font-size:11px}.keyfacts{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;font-size:14px;color:#55725d}.draft-label{font-size:10px;border:1px solid #c5cfae;padding:3px 9px;border-radius:4px;color:#647052}.check-list{list-style:none;padding:0!important}.check-list li{padding:12px 0 12px 27px;border-top:1px solid var(--line);position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:12px;color:#3b896c}.values{display:grid;grid-template-columns:1fr 1fr;gap:35px}.value{padding:28px 0;border-top:1px solid var(--line)}.value .eyebrow{color:#769583;margin:0 0 20px}.value h3{margin-bottom:14px}.value p{font-size:14px;color:var(--muted)}.preview-noor{display:grid;grid-template-columns:160px 1fr;gap:28px;align-items:center;background:var(--cream);border-radius:12px;padding:28px}.preview-noor img{border-radius:10px;height:200px;width:160px;object-fit:cover;object-position:50% 15%}.preview-noor h3{font-size:25px;margin:12px 0}.preview-noor p{font-size:13px;color:var(--muted);margin:0}.sna-detail{scroll-margin-top:125px}.margin-top{margin-top:32px} @media(min-width:1500px){.container{width:min(1300px,calc(100% - 140px))}.hero-grid{gap:105px}.hero-art{height:460px}.hero{padding-top:76px}.hero h1{font-size:78px}} @media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:17px;font-size:11px}.logo{width:162px}.portal-link{padding:10px}.hero-grid{gap:45px}.hero-art{height:390px}.hero h1{font-size:57px}.floating-note{left:-20px}.split{gap:50px}.faq-layout{gap:60px}.job-card{padding:21px}.job-card h3{font-size:20px}.footer-grid{gap:30px}.cta-section h2{font-size:38px}.contact-grid{gap:55px}} @media(max-width:900px){.menu-toggle{display:block}.nav-shell{min-height:81px}.logo{width:183px}nav{display:none;position:absolute;top:81px;left:0;right:0;padding:23px 32px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #163a2410;font-size:15px;gap:12px}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{padding:10px}.portal-link{margin-top:10px}.hero-grid{gap:35px}.hero h1{font-size:49px}.hero .lead{font-size:16px}.hero-art{height:345px}.hero-arrow{width:76px;height:76px;font-size:43px;line-height:73px;right:-15px}.floating-note{padding:15px 18px;max-width:270px;left:-15px}.hero-search{gap:18px}.hero-search .field+.field{padding-left:18px}.hero-search .btn{padding:14px}.trust-strip .container{font-size:11px;gap:15px}.job-grid{gap:15px}.job-card{padding:18px}.job-card h3{font-size:20px;min-height:96px}.job-bottom{font-size:10px}.section{padding-block:65px}.expertise{gap:0 25px}.expertise a{font-size:15px}.split{gap:35px}.rounded-photo{height:420px}.dark-section{padding-block:65px}.workform{padding:29px}.workform h3{font-size:29px}.workform .big-arrow{right:23px;top:22px}.step-grid{gap:25px}.portal-section .split{gap:40px}.sna-panel{grid-template-columns:auto 1fr;gap:25px}.sna-panel>.text-link{grid-column:2;justify-self:start}.faq-layout{gap:40px}.cta-section .container{gap:35px}.cta-section h2{font-size:35px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap;align-items:start}.footer-grid>div:last-child h2{width:100%;margin-bottom:0}.footer-grid>div:last-child a{margin:0!important}.page-hero.image .container{gap:35px}.page-hero.image img{height:315px}.content-grid{gap:35px}.job-filter-shell{grid-template-columns:200px 1fr;gap:22px}.filters{padding:18px}.listing .job-grid{grid-template-columns:1fr}.contact-grid{gap:35px;grid-template-columns:.85fr 1.15fr}.contact-option strong{font-size:22px}.contact-form{padding:25px}} @media(max-width:650px){.container{width:calc(100% - 40px)}.utility .container>span{display:none}.utility .container{justify-content:center}.utility{font-size:11px;line-height:30px}.nav-shell{min-height:77px}.logo{width:176px}nav{top:77px;padding:22px 20px}.hero{padding:39px 0 27px}.hero-grid{grid-template-columns:1fr;gap:32px}.eyebrow{font-size:10px;margin-bottom:20px}.hero h1{font-size:clamp(40px,10.5vw,57px);line-height:1.06}.hero .lead{font-size:16px;margin:22px 0 25px;max-width:520px}.hero .actions{gap:20px}.hero-art{height:320px;max-width:470px;margin:0 12px 25px 15px}.hero-photo{border-radius:130px 130px 10px 10px;object-position:50% 42%}.hero-arrow{right:-14px;top:25px}.floating-note{bottom:-23px;left:-15px;max-width:310px}.hero-search{grid-template-columns:1fr;gap:15px;padding:20px;margin-top:10px}.hero-search .field+.field{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:14px}.hero-search input,.hero-search select{min-height:32px}.hero-search .btn{width:100%;margin-top:1px;min-height:47px}.popular{gap:9px 14px;font-size:11px;margin-top:18px}.popular>span{width:100%}.trust-strip .container{display:grid;grid-template-columns:1fr;gap:10px;padding:22px 0;font-size:12px}.trust-item span:first-child{width:24px;text-align:center}.section{padding-block:52px}.section-title{align-items:start;flex-direction:column;gap:19px;margin-bottom:27px}.section-title h2{font-size:34px}.section-title p{font-size:14px}.job-grid,.listing .job-grid{grid-template-columns:1fr}.job-card{padding:24px}.job-top{margin-bottom:22px}.job-card h3{font-size:25px;min-height:0;margin-bottom:20px}.job-org{font-size:12px}.job-meta{font-size:13px}.job-bottom{font-size:12px}.source-note{font-size:10px;line-height:1.8}.expertise{grid-template-columns:1fr 1fr;gap:0 23px}.expertise a{padding:20px 0;gap:9px;font-size:15px}.expertise .number{font-size:10px}.split{grid-template-columns:1fr;gap:34px}.dark-section{padding:52px 0}.dark-section h2{font-size:35px}.rounded-photo{height:330px}.dark-section .photo-wrap{order:2}.workforms{grid-template-columns:1fr;gap:17px}.workform{padding:31px}.workform h3{font-size:30px}.step-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.step{display:grid;grid-template-columns:40px 1fr;gap:0 21px;padding-top:23px;border-top:1px solid var(--line)}.step-number{grid-row:1/3;margin:0}.step h3{font-size:23px}.step p{margin-top:12px;font-size:14px}.portal-section{padding-block:52px}.portal-section .split{grid-template-columns:1fr;gap:38px}.portal-section h2{font-size:35px}.portal-visual{transform:rotate(-1deg);margin-inline:5px;padding:23px}.sna-panel{padding:26px;gap:22px;grid-template-columns:1fr}.sna-panel>.text-link{grid-column:1}.sna-seal{width:63px;height:63px;font-size:21px}.sna-panel h3{font-size:23px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-layout h2{max-width:100%;font-size:35px}.faq-layout .text-link{margin-top:22px}.faq summary{font-size:15px}.cta-section{padding:49px 0}.cta-section .container{flex-direction:column;align-items:start;gap:28px}.cta-section h2{font-size:36px}.cta-section .actions{flex-direction:row;align-items:center;gap:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1;display:block}.footer-grid>div:last-child h2{margin-bottom:18px}.footer-grid>div:last-child a{margin:10px 0!important}.footer-bottom,.footer-bottom>div{flex-direction:column;gap:12px}.footer-bottom{margin-top:34px;font-size:10px}.page-hero{padding:38px 0 39px}.breadcrumb{margin-bottom:23px}.page-hero h1{font-size:41px}.page-hero .lead{font-size:16px}.page-hero.image .container{grid-template-columns:1fr;gap:29px}.page-hero.image img{height:290px;border-radius:110px 110px 10px 10px}.content-grid{grid-template-columns:1fr;gap:32px}.aside{position:static}.prose h2{font-size:31px}.prose p,.prose li{font-size:15px}.long-steps{grid-template-columns:1fr}.long-step{gap:20px;padding:26px 0}.long-step h3{font-size:24px}.comparison{font-size:12px;min-width:470px}.comparison th,.comparison td{padding:14px}.job-filter-shell{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.filters h2{grid-column:1/-1;margin-bottom:18px}.filters .field:first-of-type{grid-column:1/-1}.filters .field{margin-bottom:15px}.filters .check-field{grid-column:1/-1;margin-bottom:15px}.clear-filters{justify-self:start;grid-column:1/-1}.listing-tools{gap:12px}.listing-tools h2{font-size:13px}.listing-tools select{max-width:185px;font-size:11px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-option strong{font-size:29px}.contact-form{padding:25px}.contact-form h2{font-size:28px}.form-pair{grid-template-columns:1fr;gap:0}.rich-section h2{font-size:31px}.values{grid-template-columns:1fr;gap:0}.preview-noor{grid-template-columns:85px 1fr;gap:18px;padding:20px}.preview-noor img{width:85px;height:160px}.preview-noor h3{font-size:22px}.preview-noor p{font-size:12px}.sna-detail{scroll-margin-top:95px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} /* Vervolgpagina’s en toegankelijke uitklapnavigatie. */ [hidden]{display:none!important} nav .nav-group{position:relative;margin:0} nav .nav-group>summary{font:inherit;letter-spacing:0;line-height:1.5;padding:12px 0;display:flex;align-items:center;gap:7px;white-space:nowrap;min-height:44px} nav .nav-group>summary:after{display:none} nav .nav-chevron{font-size:17px;line-height:1;transform:translateY(-2px);color:#5f8a73;transition:transform .18s} nav .nav-group[open] .nav-chevron{transform:rotate(180deg) translateY(-1px)} nav .nav-group.is-active>summary,nav .nav-group[open]>summary{color:#267758} .nav-dropdown{position:absolute;top:calc(100% + 27px);left:0;z-index:80;padding:12px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 55px #102c2924;white-space:normal} .nav-dropdown.compact{width:330px;max-width:calc(100vw - 40px)} .nav-dropdown a{display:block;padding:14px 17px;border-radius:6px;white-space:normal;line-height:1.5;min-height:56px} .nav-dropdown a:after{display:none!important} .nav-dropdown a:hover,.nav-dropdown a[aria-current=page]{background:var(--mint-light)} .nav-dropdown a strong{display:block;font-size:13px;font-weight:600;color:var(--ink)} .nav-dropdown a small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px} .nav-dropdown.mega{width:740px;max-width:calc(100vw - 64px);left:-175px;grid-template-columns:230px 1fr;gap:15px;padding:15px} .nav-group[open] .nav-dropdown.mega{display:grid} .nav-intro{background:var(--mint-light);padding:25px 23px;border-radius:7px;font-weight:400} .nav-intro .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.09em;color:#58775e;margin:0 0 18px} .nav-intro h2{font-size:31px;line-height:1.08;margin-bottom:18px} .nav-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px} .nav-intro .nav-intro-link{padding:0;min-height:0;border-bottom:1px solid #739b80;border-radius:0;font-size:11px;display:inline-block} .nav-options{display:grid;grid-template-columns:1fr 1fr;gap:4px} .nav-options>a{padding:18px 13px} .nav-group:focus-within>summary{color:#267758} .field-overview{display:grid;grid-template-columns:1fr 1fr;gap:26px} .field-card{padding:37px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column} .field-card:nth-child(4n+2),.field-card:nth-child(4n+3){background:#f4f7f1} .field-card .eyebrow{margin-bottom:24px;font-size:10px} .field-card h2{font-size:34px;margin-bottom:22px} .field-card p{font-size:15px;color:var(--muted);margin-bottom:25px;max-width:460px} .field-card .text-link{margin-top:auto;align-self:start} .faq-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;max-width:850px;margin-bottom:23px} .faq-page{max-width:100%} .faq-page details{padding-inline:22px} .faq-page details:nth-child(even){background:#f7f9f5} .faq-page details p{max-width:850px} .earnings-result>p{font-size:14px;margin:20px 0 7px} .earnings-result>p small{font-size:11px;color:#748576} .earnings-result .result-amount{font-family:Host;font-size:45px;letter-spacing:-.05em;line-height:1.2;display:block;padding-bottom:18px;border-bottom:1px solid #d2e0d2;overflow-wrap:anywhere} .earnings-result .result-amount.secondary{font-size:39px;color:#2e7a5f} .earnings-result #earn-status{font-size:12px;line-height:1.8;margin-top:20px} .calculation-breakdown{margin:21px 0;border-top:1px solid #cadbcd;border-bottom:1px solid #cadbcd} .calculation-breakdown summary{font-size:12px;padding:17px 24px 17px 0} .calculation-breakdown summary:after{top:12px} .calculation-breakdown dl{margin:0 0 18px} .calculation-breakdown dl div{font-size:11px;padding:10px 0} .calculation-breakdown dt{max-width:165px} .earnings-result .btn{margin-top:15px} input[readonly]{background:#edf3eb!important;color:#607263} .rich-section{scroll-margin-top:130px} .rich-section li{padding-block:4px} .rich-section+.note{margin-block:0 24px} @media(max-width:1100px){nav{gap:16px;font-size:11px}.nav-dropdown.mega{left:-150px;width:710px;grid-template-columns:210px 1fr}.nav-intro{padding:22px 20px}.nav-intro h2{font-size:28px}} @media(max-width:1050px){ .menu-toggle{display:block}.nav-shell{min-height:81px}.logo{width:183px} nav{display:none;position:absolute;top:81px;left:0;right:0;max-height:calc(100dvh - 120px);overflow-y:auto;padding:20px 32px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #163a2410;font-size:14px;gap:5px} nav.open{display:flex;flex-direction:column;align-items:stretch} nav>a{padding:14px 0;min-height:47px} nav .nav-group{border-bottom:1px solid #e7ede7} nav .nav-group>summary{padding:15px 0;justify-content:space-between;min-height:49px} .nav-dropdown{position:static;box-shadow:none;left:auto!important;top:auto;border:0;border-radius:0;padding:5px 0 16px;background:#fff} .nav-dropdown.compact,.nav-dropdown.mega{width:100%;max-width:100%;padding:0 0 15px} .nav-group[open] .nav-dropdown.mega{display:block} .nav-intro{padding:17px 20px;margin:0 0 11px} .nav-intro h2{font-size:24px} .nav-intro h2 br{display:none} .nav-intro .eyebrow,.nav-intro p{display:none} .nav-intro .nav-intro-link{margin-top:0} .nav-options{gap:3px} .nav-dropdown a{padding:13px 15px} .portal-link{margin-top:10px;padding:13px 17px} } @media(max-width:650px){ .nav-shell{min-height:77px}.logo{width:176px} nav{top:77px;padding:17px 20px;max-height:calc(100dvh - 107px)} .nav-options{grid-template-columns:1fr} .nav-dropdown a strong{font-size:13px} .nav-dropdown a small{font-size:11px} .nav-intro{padding:17px;margin-bottom:7px} .nav-intro h2{font-size:25px;margin-bottom:13px} .field-overview{grid-template-columns:1fr;gap:18px} .field-card{padding:28px} .field-card h2{font-size:31px} .field-card:nth-child(even){background:#f4f7f1} .field-card:nth-child(odd){background:white} .faq-controls{grid-template-columns:1fr;gap:17px} .faq-page details{padding-inline:15px} .earnings-result .result-amount{font-size:43px} .earnings-result .result-amount.secondary{font-size:37px} .rich-section{scroll-margin-top:95px} } /* Hoofdmenu blijft zichtbaar; alleen Professionals gebruikt een dropdown. */ html{scroll-padding-top:calc(var(--header-height,100px) + 22px)} .menu-toggle{display:none!important} .nav-shell{gap:22px;flex-wrap:nowrap} .nav-shell>.logo{width:170px} .nav-shell>nav{display:flex!important;position:static;flex-direction:row;align-items:center;justify-content:center;gap:18px;padding:0;max-height:none;overflow:visible;border:0;box-shadow:none;background:transparent;font-size:12px;flex:1} .nav-shell>nav>a{padding:12px 0;min-height:44px;display:flex;align-items:center} .nav-shell>nav .nav-group{position:relative;border-bottom:0} .nav-shell>nav .nav-group>summary{min-height:44px;padding:12px 0;font-size:12px;justify-content:start} .header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px} .header-actions .portal-link{padding:11px 13px;min-height:44px;display:flex;align-items:center;margin:0} .header-actions .portal-link span{margin-left:7px} .header-help{min-height:44px;padding:11px 14px;font-size:12px;gap:0} .nav-shell>nav .nav-dropdown.mega{position:absolute;left:-165px!important;right:auto;top:calc(100% + 27px);width:740px;max-width:calc(100vw - 64px);padding:15px;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 55px #102c2924;max-height:calc(100dvh - var(--header-height,100px) - 34px);overflow:auto} .nav-shell>nav .nav-group[open] .nav-dropdown.mega{display:grid;grid-template-columns:220px 1fr} .nav-shell .nav-options{grid-template-columns:1fr 1fr} .nav-shell .nav-intro{margin:0;padding:25px 22px} .nav-shell .nav-intro .eyebrow,.nav-shell .nav-intro p{display:block} .nav-shell .nav-intro h2{font-size:30px;margin-bottom:18px} .nav-shell .nav-intro h2 br{display:initial} .opportunity-overview{padding-top:32px;background:#f7f9f5} .catalog-controls{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px 25px;margin-bottom:30px;box-shadow:0 9px 28px #17362906} .catalog-primary{display:flex;align-items:end;gap:24px} .catalog-search{flex:1;min-width:200px} .catalog-search input{font-size:14px;min-height:48px} .workform-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:5px} .filter-chip{position:relative;display:flex;cursor:pointer} .filter-chip input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%} .filter-chip span{border:1px solid #8fb8a2;border-radius:24px;min-height:40px;display:flex;align-items:center;padding:7px 18px;font-size:13px;background:white;color:#3f6a55;transition:background .15s} .filter-chip input:checked+span{background:var(--forest);border-color:var(--forest);color:white} .filter-chip input:focus-visible+span{outline:3px solid #07805c;outline-offset:4px} .catalog-primary>.clear-filters{white-space:nowrap;padding-bottom:14px} .catalog-extra{border-top:1px solid #e6ece4;margin-top:21px} .catalog-extra>summary{display:flex;align-items:center;gap:15px;font-size:13px;padding:17px 0 0;min-height:38px;justify-content:flex-end;color:#416850} .catalog-extra>summary:after{display:none} .catalog-extra-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:24px 0 4px} .catalog-extra-grid .field select{font-size:13px} .catalog-extra-grid .check-field{grid-column:1/-1;margin:0} .catalog-listing .job-grid{grid-template-columns:repeat(3,1fr)} .catalog-listing .listing-tools{margin-bottom:21px} .catalog-help{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--mint-light);padding:35px;border-radius:12px;margin-top:48px} .catalog-help h2{font-size:30px;margin-bottom:13px} .catalog-help p{font-size:14px;color:var(--muted);margin:0;max-width:650px} .catalog-help .btn{flex-shrink:0} .service-opportunities{padding-block:58px;background:#f5f8f1;scroll-margin-top:calc(var(--header-height,100px) + 20px)} .service-opportunities .section-title h2{font-size:37px} .service-opportunities .section-title p{font-size:14px;max-width:690px} .shared-job-hero{background:#edf4ee} .shared-job-hero>.container>aside{background:var(--forest);color:white;box-shadow:var(--shadow)} .shared-job-hero>.container>aside h3{font-size:31px} .shared-job-hero>.container>aside dl div{border-color:#ffffff25} .shared-job-hero>.container>aside dt,.shared-job-hero>.container>aside p{color:#bfd4c7} .shared-job-hero>.container>aside .text-link{color:#d9eddf;border-color:#9fbeac;margin-top:15px} .shared-job-hero .noor-intro{max-width:650px} .shared-match-panel{background:#f0f6ef;border:1px solid #d8e6d6;border-radius:12px;padding:30px;margin-top:35px} .shared-match-panel h2{font-size:35px} .shared-match-inner{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-top:30px} .match-portrait{background:#e0ebda;padding:20px 12px;border-radius:9px;display:flex;flex-direction:column;align-items:center;text-align:center} .match-portrait img{width:130px;height:150px;object-fit:cover;object-position:50% 15%;border-radius:9px} .match-portrait strong{display:block;font-size:12px;margin-top:17px} .match-portrait small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5} .shared-match-inner h3{font-size:28px;margin:18px 0} .shared-match-inner p,.shared-match-inner li{font-size:13px} .shared-match-inner .btn{font-size:12px;gap:14px;padding:12px 15px;min-height:46px} .job-reaction-section{scroll-margin-top:calc(var(--header-height,100px) + 20px)} .job-reaction-section .contact-form{background:#fff;border:1px solid #e3e8db} .subnav a{white-space:nowrap} .subnav{overflow-x:auto;flex-wrap:nowrap} .rich-section,.sna-detail{scroll-margin-top:calc(var(--header-height,100px) + 20px)} .aside{top:calc(var(--header-height,100px) + 25px)} @media(max-width:1200px){.nav-shell{gap:17px}.nav-shell>.logo{width:155px}.nav-shell>nav{gap:15px;font-size:11px}.nav-shell>nav .nav-group>summary{font-size:11px}.header-actions{gap:7px}.header-actions .portal-link,.header-help{padding:10px;font-size:11px}} @media(max-width:1050px){ .nav-shell{display:grid;grid-template-columns:1fr auto;gap:0 20px;padding-top:16px;padding-bottom:7px} .nav-shell>.logo{width:178px;grid-column:1;grid-row:1} .header-actions{grid-column:2;grid-row:1} .nav-shell>nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:18px;padding:10px 0 0;font-size:12px;flex-wrap:wrap} .nav-shell>nav .nav-group>summary{font-size:12px} .nav-shell>nav .nav-group{position:static} .nav-shell>nav .nav-dropdown.mega{left:32px!important;right:32px;top:100%;width:calc(100% - 64px);max-width:none} .catalog-primary{gap:18px;flex-wrap:wrap} .catalog-search{flex-basis:100%} .catalog-primary>.clear-filters{margin-left:auto;padding-bottom:13px} .catalog-listing .job-grid{grid-template-columns:repeat(2,1fr)} .catalog-help{padding:29px;gap:30px} .shared-match-inner{grid-template-columns:120px 1fr;gap:20px} .match-portrait img{height:130px} } @media(max-width:650px){ .nav-shell{gap:0 10px;padding-top:13px;padding-bottom:7px} .nav-shell>.logo{width:145px} .header-actions{gap:6px} .header-actions .portal-link,.header-help{font-size:10px;padding:9px;min-height:37px} .header-actions .portal-link span{margin-left:4px} .nav-shell>nav{gap:0 15px;padding:8px 0 0;justify-content:space-between;font-size:11.5px;flex-wrap:wrap} .nav-shell>nav>a,.nav-shell>nav .nav-group>summary{padding:10px 0;min-height:38px;font-size:11.5px} .nav-shell>nav .nav-dropdown.mega{left:20px!important;right:20px;width:calc(100% - 40px);padding:12px} .nav-shell>nav .nav-group[open] .nav-dropdown.mega{grid-template-columns:1fr} .nav-shell .nav-options{grid-template-columns:1fr} .nav-shell .nav-intro{padding:17px 19px} .nav-shell .nav-intro .eyebrow,.nav-shell .nav-intro p{display:none} .nav-shell .nav-intro h2{font-size:25px;margin-bottom:12px} .nav-shell .nav-intro h2 br{display:none} .opportunity-overview{padding-top:23px} .catalog-controls{padding:21px;margin-bottom:25px} .catalog-search{min-width:0} .catalog-search input{font-size:13px} .workform-filters{gap:7px;width:100%;padding:0} .filter-chip span{padding:7px 12px;font-size:12px;min-height:38px} .catalog-primary>.clear-filters{font-size:11px;padding:0;margin-left:0} .catalog-extra-grid{grid-template-columns:1fr;gap:17px;padding-top:21px} .catalog-extra>summary{padding-top:15px;justify-content:space-between} .catalog-listing .job-grid{grid-template-columns:1fr} .catalog-help{padding:27px;display:block;margin-top:34px} .catalog-help h2{font-size:29px} .catalog-help .btn{margin-top:24px} .service-opportunities{padding-block:42px} .service-opportunities .section-title h2{font-size:33px} .shared-job-hero>.container>aside h3{font-size:29px} .shared-match-panel{padding:23px;margin-top:27px} .shared-match-panel h2{font-size:31px} .shared-match-inner{grid-template-columns:1fr;gap:23px} .match-portrait{display:grid;grid-template-columns:80px 1fr;padding:14px;text-align:left;column-gap:17px;align-items:center} .match-portrait img{width:80px;height:85px;grid-column:1;grid-row:1/3} .match-portrait strong{grid-column:2;align-self:end;margin:0 0 5px} .match-portrait small{grid-column:2;align-self:start;margin:0} .shared-match-inner h3{font-size:26px} .shared-match-inner h3 br{display:none} .aside{position:static} } @media(max-width:360px){.nav-shell>.logo{width:128px}.header-actions .portal-link,.header-help{padding:8px;font-size:9.5px}.nav-shell>nav{column-gap:12px;font-size:11px}.nav-shell>nav>a,.nav-shell>nav .nav-group>summary{font-size:11px}} /* Geïntegreerde opdrachtpagina: dezelfde kandidaatbeleving binnen de volledige website. */ [hidden]{display:none!important} .prior-assignment-feature{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;padding:25px 28px;margin-bottom:35px;border:1px solid #d6e4d9;border-radius:12px;background:#f3f7f1} .prior-assignment-logo img{width:115px;height:70px;object-fit:contain;mix-blend-mode:multiply} .prior-assignment-feature h2{font-size:24px;line-height:1.15;margin:12px 0 7px;max-width:580px} .prior-assignment-feature p{font-size:12px;margin:0;color:var(--muted)} .prior-assignment-feature .btn{font-size:12px;gap:18px;min-height:48px} /* The original PNG includes its tagline. Crop only its empty canvas in CSS. */ .brand-viewport{display:block;position:relative;width:100%;aspect-ratio:218/56;overflow:hidden} .brand-viewport img{position:absolute;width:114.68%;max-width:none;height:auto;left:-10.09%;top:-162.5%} .footer-original-logo{display:block;width:234px;max-width:100%;padding:10px 8px;background:#fff;border-radius:6px} .footer-original-logo:hover{text-decoration:none} .job-top{align-items:flex-start;min-height:64px;margin-bottom:23px} .job-top .save-job{flex-shrink:0;margin-right:-7px} .client-identity{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%} .client-logo{display:flex;align-items:center;justify-content:center;width:120px;height:64px;flex:0 0 120px;overflow:hidden;background:transparent;border:0} .client-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply} .client-logo.is-monochrome img{filter:brightness(0)} .client-name{min-width:0;font-size:12px;line-height:1.55;color:#526c5c;overflow-wrap:anywhere} .client-identity.logo-only .client-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0} .client-identity--card:not(.logo-only){flex-wrap:wrap;gap:8px} .client-identity--card:not(.logo-only) .client-name{flex-basis:100%} .client-identity--card[data-logo-kind=none]{flex-wrap:nowrap;gap:10px} .client-identity--card[data-logo-kind=none] .client-name{flex-basis:auto} .client-identity--hero .client-logo{width:170px;height:90px;flex-basis:170px} .client-identity--hero .client-name{font-size:15px;max-width:340px} @media(max-width:650px){ .client-identity--hero{gap:14px;flex-wrap:wrap} .client-identity--hero .client-logo{width:145px;height:78px;flex-basis:145px} .client-identity--hero .client-name{font-size:14px} .client-identity--hero[data-logo-kind=none]{flex-wrap:nowrap} .footer-original-logo{width:218px} } /* Original SNA artwork, with its proportions and colours preserved. */ .sna-logo{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;flex-shrink:0} .sna-panel>.sna-logo{width:110px} .candidate-page{--pale:var(--mint-light);--white:#fff;font:16px/1.65 General,Arial,sans-serif;color:var(--ink);background:#fff} .candidate-page h1{margin:0 0 .67em}.candidate-page h2{margin:0 0 .83em}.candidate-page h3{margin:0 0 1em}.candidate-page p{margin:0 0 1em} .candidate-page .hero{padding:0;isolation:auto}.candidate-page .hero:before{content:none}.candidate-page .hero-grid{align-items:start} .candidate-page .section-nav{display:block;position:static;padding:0;z-index:auto}.candidate-page .eyebrow{display:block} .candidate-page *{box-sizing:border-box} .candidate-page{margin:0;color:var(--ink);background:#fff;font:16px/1.65 General,Arial,sans-serif} .candidate-page h1,.candidate-page h2,.candidate-page h3,.candidate-page strong,.candidate-page .button{font-family:Host,General,sans-serif} .candidate-page h1,.candidate-page h2,.candidate-page h3,.candidate-page p{margin-top:0} .candidate-page h1{font-size:clamp(30px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em;font-weight:600} .candidate-page h2{font-size:clamp(27px,2.7vw,36px);line-height:1.2;letter-spacing:-.03em;font-weight:600} .candidate-page h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;font-weight:600} .candidate-page a{color:inherit;text-underline-offset:4px} .candidate-page button,.candidate-page input,.candidate-page textarea{font:inherit} .candidate-page button,.candidate-page a,.candidate-page input,.candidate-page textarea{ -webkit-tap-highlight-color:transparent} .candidate-page a:focus-visible,.candidate-page button:focus-visible,.candidate-page input:focus-visible,.candidate-page textarea:focus-visible,.candidate-page summary:focus-visible{outline:3px solid #087a62;outline-offset:5px} .candidate-page button{cursor:pointer} .candidate-page button:disabled{cursor:not-allowed;opacity:.55} .candidate-page [hidden]{display:none!important} .candidate-page .wrap{width:min(1144px,calc(100% - 64px));margin:auto} .candidate-page .hero{background:var(--pale);position:relative;overflow:hidden} .candidate-page .hero:after{content:'';position:absolute;width:360px;height:360px;border:45px solid #dcece1;border-radius:36px;right:-220px;top:-160px;transform:rotate(-35deg);pointer-events:none} .candidate-page .breadcrumb{padding-top:27px;display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)} .candidate-page .breadcrumb a{text-decoration:none} .candidate-page .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:64px;padding-top:38px;padding-bottom:52px;position:relative;z-index:1} .candidate-page .hero-copy{max-width:720px} .candidate-page .hero h1{overflow-wrap:anywhere} .candidate-page .eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:#376c58;margin-bottom:18px} .candidate-page .client-label{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:14px} .candidate-page .client-monogram{width:37px;height:37px;display:grid;place-items:center;background:white;border:1px solid #d5e4d8;border-radius:50%;font-size:12px;font-weight:600} .candidate-page .job-meta{display:flex;gap:10px 22px;flex-wrap:wrap;margin:23px 0 25px;font-size:14px;color:#365b4c} .candidate-page .job-meta span{display:flex;gap:7px;align-items:center} .candidate-page .icon{width:17px;height:17px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .candidate-page .hero-intro{font-size:17px;line-height:1.7;color:#486455;max-width:650px;margin-bottom:24px} .candidate-page .hero-availability{font-size:12px;display:flex;align-items:center;gap:9px} .candidate-page .status-dot{width:7px;height:7px;background:#168961;border-radius:50%;display:inline-block} .candidate-page .closed .status-dot,.candidate-page .uncertain .status-dot{background:#a6782e} .candidate-page .hero-card{align-self:start;background:var(--forest);color:white;border-radius:12px;padding:27px 26px 23px;margin-top:8px;box-shadow:0 15px 35px #0d342a13} .candidate-page .hero-card .eyebrow{color:#a4d9c4;font-size:10px;margin-bottom:14px} .candidate-page .hero-card h2{font-size:27px;margin-bottom:22px;color:#fff} .candidate-page .card-facts{margin:0 0 24px;padding:0;list-style:none} .candidate-page .card-facts li{border-top:1px solid #ffffff26;padding:12px 0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px} .candidate-page .card-facts li span{color:#b8d1c5} .candidate-page .card-facts li strong{font-size:14px;text-align:right;max-width:65%} .candidate-page .button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;background:var(--cta);color:#073b2d;font-size:14px;border-radius:5px;text-decoration:none;padding:15px 20px;line-height:1.35;transition:background .15s,transform .15s} .candidate-page .button:hover{background:#28d9b4} .candidate-page .button .arrow{font-size:22px;line-height:1} .candidate-page .hero-card .button{width:100%;min-height:52px} .candidate-page .hero-card .quiet-link{display:block;text-align:center;font-size:12px;margin-top:15px;color:#d9eee1} .candidate-page .hero-card small{display:block;margin-top:15px;font-size:11px;line-height:1.6;color:#a6c8b7;text-align:center} .candidate-page .section-nav{border-bottom:1px solid var(--line);background:white} .candidate-page .section-nav .wrap{display:flex;gap:32px;overflow:auto} .candidate-page .section-nav a{padding:18px 0;text-decoration:none;color:var(--muted);font-size:13px;white-space:nowrap} .candidate-page .section-nav a:first-child{border-bottom:2px solid var(--forest);color:var(--forest)} .candidate-page .content-grid{display:grid;grid-template-columns:minmax(0,720px) 1fr;gap:74px;padding:56px 0 60px} .candidate-page .job-content section{margin-bottom:43px;scroll-margin-top:30px} .candidate-page .job-content p{color:#46594e;font-size:16px} .candidate-page .job-content ul{padding-left:21px;color:#46594e} .candidate-page .job-content li{padding-left:6px;margin-bottom:12px} .candidate-page .job-content li::marker{color:#2c8c6c} .candidate-page .section-index{font-size:10px;color:#71867a;letter-spacing:.14em;margin-bottom:10px} .candidate-page .task-list{list-style:none!important;padding:0!important} .candidate-page .task-list li{display:flex;gap:13px;align-items:flex-start;padding:0;margin-bottom:17px} .candidate-page .task-list .check{display:grid;place-items:center;width:23px;height:23px;background:#edf5ef;color:#237550;border-radius:50%;font-size:13px;flex-shrink:0;margin-top:2px} .candidate-page .task-list li span:last-child{flex:1} .candidate-page .requirements{padding:25px 28px;background:#f5f7f2;border-left:3px solid #b5d6be;border-radius:0 8px 8px 0;margin:25px 0} .candidate-page .requirements h3{font-size:17px;margin-bottom:17px} .candidate-page .requirements ul{margin-bottom:0} .candidate-page .wishes h3{font-size:17px;margin-bottom:14px} .candidate-page .content-aside{align-self:start;position:sticky;top:30px} .candidate-page .personal-card{border-top:2px solid var(--ink);padding-top:23px} .candidate-page .personal-card h3{font-size:23px;max-width:200px} .candidate-page .personal-card p{font-size:14px;color:var(--muted)} .candidate-page .assignment-contact-profile{display:flex;align-items:center;gap:17px;margin:0 0 22px} .candidate-page .assignment-contact-photo{display:block;position:relative;flex:0 0 88px;width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--mint-light)} .candidate-page .assignment-contact-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(2.7);transform-origin:44% 41%} .candidate-page .assignment-contact-photo:hover{outline:2px solid #2d8768;outline-offset:3px} .candidate-page .assignment-contact-profile strong{display:block;font-size:21px;line-height:1.3;margin-bottom:5px} .candidate-page .assignment-contact-profile span{display:block;font-size:12px;line-height:1.65;color:var(--muted)} .candidate-page .personal-card .whatsapp-contact{display:flex;width:100%;min-height:48px;margin:20px 0;gap:10px;font-size:14px} .candidate-page .whatsapp-contact svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .candidate-page .contact-line{display:flex;gap:11px;align-items:center;margin:15px 0;font-size:14px;text-decoration:none} .candidate-page .contact-line .icon{color:#2d8768} .candidate-page .process-note{padding:24px 0;border-top:1px solid var(--line);margin-top:28px} .candidate-page .process-note p{font-size:13px;line-height:1.7;color:var(--muted)} .candidate-page .process-note strong{font-size:14px} .candidate-page .fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:24px 0} .candidate-page .fact-grid>div{padding:16px 0;border-bottom:1px solid var(--line)} .candidate-page .fact-grid dt{font-size:12px;color:var(--muted);margin-bottom:5px} .candidate-page .fact-grid dd{margin:0;font-size:15px} .candidate-page .rate-note{padding:18px 20px;border:1px solid var(--line);border-radius:7px;font-size:13px;color:var(--muted)} .candidate-page .rate-note summary{cursor:pointer;color:var(--ink)} .candidate-page .rate-note p{font-size:13px;margin:12px 0 0} .candidate-page .journey{background:var(--cream);padding:56px 0} .candidate-page .journey-top{max-width:620px} .candidate-page .journey-top h2{margin-bottom:16px} .candidate-page .journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px} .candidate-page .journey-grid>div{border-top:1px solid #d6dfd3;padding-top:20px} .candidate-page .journey-grid .step{display:inline-grid;place-items:center;background:#e4eddf;border-radius:50%;width:28px;height:28px;font-size:12px;margin-right:8px} .candidate-page .journey-grid h3{font-size:18px} .candidate-page .journey-grid p{font-size:14px;color:var(--muted)} .candidate-page .response-section{padding:65px 0} .candidate-page .response-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:85px} .candidate-page .response-grid>div>p{color:var(--muted);max-width:365px} .candidate-page .response-grid h2{font-size:40px} .candidate-page .form-card{border:1px solid var(--line);border-radius:10px;padding:30px;background:#fff} .candidate-page .demo-note{font-size:12px!important;line-height:1.7;color:#6a624b!important;background:#faf7ee;padding:12px 15px;border-radius:5px;margin:0 0 24px!important} .candidate-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px} .candidate-page .field{display:block;margin-bottom:18px;font-size:13px} .candidate-page .field small{font-size:11px;color:var(--muted)} .candidate-page .field input:not([type=file]),.candidate-page .field textarea{width:100%;display:block;background:#fff;border:1px solid #cfdad2;border-radius:5px;margin-top:8px;padding:11px 12px;color:var(--ink);min-width:0} .candidate-page .field textarea{resize:vertical;min-height:98px} .candidate-page .upload-field{border:1px dashed #b6caba;padding:17px;border-radius:5px;display:block;font-size:13px;margin-bottom:19px} .candidate-page .upload-field input{display:block;max-width:100%;margin-top:12px;font-size:12px} .candidate-page .upload-field small{display:block;color:var(--muted);font-size:11px} .candidate-page .consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;margin:20px 0} .candidate-page .consent input{margin-top:5px;accent-color:#1b8461} .candidate-page .form-card .button{width:100%} .candidate-page .response-message{padding:20px 0} .candidate-page .response-message .success-mark{display:grid;place-items:center;border-radius:50%;width:46px;height:46px;background:#dcf4e8;font-size:24px;margin-bottom:20px} .candidate-page .response-message h3{font-size:27px} .candidate-page .related-section{padding:48px 0 64px;border-top:1px solid var(--line)} .candidate-page .related-top{display:flex;gap:20px;justify-content:space-between;align-items:baseline} .candidate-page .related-top a{font-size:13px} .candidate-page .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px} .candidate-page .related-card{padding:22px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s} .candidate-page .related-card:hover{border-color:#79ac8e;background:#f7fbf7} .candidate-page .related-card .client{font-size:11px;color:var(--muted);margin-bottom:14px} .candidate-page .related-card h3{font-size:20px;margin-bottom:20px;flex:1} .candidate-page .related-card .place{font-size:12px;color:var(--muted)} .candidate-page .related-card .more{font-size:13px;color:#237d5d;margin-top:16px} .candidate-page .mobile-action{display:none} .candidate-page .page-message{position:fixed;bottom:20px;left:20px;right:20px;z-index:20;padding:14px 20px;background:#fff9e8;border:1px solid #ead7a6;border-radius:8px;font-size:13px;box-shadow:0 5px 25px #12332520;max-width:800px;margin:auto} .candidate-page .loading{padding:90px 0;min-height:60vh} .candidate-page .loading h1{max-width:750px} .candidate-page .restricted-note{padding:25px;background:#faf4e8;border-left:3px solid #b18a3e} .candidate-page .body-copy p:last-child{margin-bottom:0} @media(max-width:1000px){.candidate-page .hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) 305px} .candidate-page .content-grid{grid-template-columns:minmax(0,1fr) 240px;gap:40px} .candidate-page .response-grid{gap:40px} .candidate-page .hero h1{font-size:32px} .candidate-page .hero-card{padding:23px} .candidate-page .wrap{width:calc(100% - 48px)} } @media(max-width:740px){.candidate-page{font-size:15px} .candidate-page .wrap{width:calc(100% - 36px)} .candidate-page .hero-grid{grid-template-columns:1fr;gap:22px;padding-top:29px;padding-bottom:30px} .candidate-page .hero h1{font-size:28px;line-height:1.2} .candidate-page .breadcrumb{font-size:11px;gap:8px;padding-top:20px} .candidate-page .client-label{margin-bottom:18px;font-size:12px} .candidate-page .client-monogram{width:32px;height:32px;font-size:11px} .candidate-page .job-meta{gap:10px 16px;font-size:12px;margin:22px 0} .candidate-page .hero-intro{font-size:15px;line-height:1.75} .candidate-page .hero-card{margin:0;padding:23px} .candidate-page .hero-card h2{font-size:25px;margin-bottom:12px} .candidate-page .card-facts{margin-bottom:18px} .candidate-page .card-facts li{padding:11px 0} .candidate-page .hero-availability{font-size:11px} .candidate-page .section-nav .wrap{gap:24px} .candidate-page .section-nav a{padding:15px 0;font-size:12px} .candidate-page .content-grid{display:block;padding:36px 0} .candidate-page .job-content p,.candidate-page .job-content ul{font-size:15px} .candidate-page .job-content section{margin-bottom:34px} .candidate-page .requirements{padding:21px 20px} .candidate-page .content-aside{position:static;margin-top:36px} .candidate-page .personal-card{display:grid;grid-template-columns:1fr;max-width:450px} .candidate-page .personal-card h3{max-width:none} .candidate-page .journey{padding:37px 0} .candidate-page .journey-grid{grid-template-columns:1fr;gap:17px;margin-top:25px} .candidate-page .journey-grid>div{padding-top:16px} .candidate-page .journey-grid p{margin-bottom:0} .candidate-page .journey-grid h3{margin-bottom:9px} .candidate-page .response-section{padding:38px 0} .candidate-page .response-grid{grid-template-columns:1fr;gap:22px} .candidate-page .response-grid h2{font-size:33px} .candidate-page .form-card{padding:23px 19px} .candidate-page .form-row{grid-template-columns:1fr;gap:0} .candidate-page .related-section{padding:35px 0} .candidate-page .related-top{display:block} .candidate-page .related-grid{grid-template-columns:1fr;gap:14px} .candidate-page .related-card h3{margin-bottom:14px} .candidate-page .mobile-action{position:fixed;display:flex;justify-content:space-between;align-items:center;gap:12px;bottom:0;left:0;right:0;z-index:10;padding:12px 18px max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 25px #102e280c} .candidate-page .mobile-action>div{font-size:11px;min-width:0} .candidate-page .mobile-action strong{display:block;font-size:14px} .candidate-page .mobile-action .button{padding:13px 17px;min-width:150px;white-space:nowrap;font-size:12px} .candidate-page .page-message{bottom:87px;font-size:12px;left:12px;right:12px} .candidate-page .fact-grid{gap:0 18px} .candidate-page .fact-grid dd{font-size:13px} } .candidate-page .breadcrumb{position:relative;z-index:1} .candidate-page .hero-compensation{display:block;text-align:center;font-size:12px;margin-top:15px;color:#c9e9d9} .candidate-page .match-teaser{display:inline-flex;align-items:center;gap:12px;border-top:1px solid #cee0d0;padding-top:18px;margin-top:4px;text-decoration:none;max-width:100%} .candidate-page .match-teaser>img{border-radius:50%;background:#d9e9db;object-fit:cover;object-position:center 22%;flex-shrink:0} .candidate-page .match-teaser>span{min-width:0} .candidate-page .match-teaser strong{display:block;font-size:14px;font-weight:600} .candidate-page .match-teaser>span>span{display:block;font-size:12px;color:#3b6753;margin-top:2px} .candidate-page .match-section{scroll-margin-top:30px} .candidate-page .match-section>h2{max-width:480px} .candidate-page .match-section>.eyebrow{font-size:10px;margin-bottom:10px} .candidate-page .match-preview-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:14px 0 16px} .candidate-page .match-preview-controls>span{font-weight:600} .candidate-page .match-switch{display:flex;background:#edf2ec;border-radius:5px;padding:3px;gap:2px} .candidate-page .match-switch button{border:0;border-radius:3px;padding:8px 12px;background:transparent;color:#4d6355;font-size:12px;line-height:1.4} .candidate-page .match-switch button[aria-pressed=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #102e2814} .candidate-page .job-content .match-preview-controls>p{width:100%;font-size:11px;margin:0;color:#6f796e} .candidate-page .match-card{border:1px solid #ccdccc;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #193d2b06} .candidate-page .match-person{display:flex;align-items:center;gap:22px;background:#e8f0e5;padding:18px 28px 0;min-height:134px} .candidate-page .match-avatar{width:116px;height:128px;align-self:flex-end;overflow:hidden;flex-shrink:0} .candidate-page .match-avatar img{width:135px;height:135px;max-width:none;object-fit:cover;object-position:50% 0;display:block;margin-left:-10px} .candidate-page .match-person>div:last-child{padding-bottom:20px;min-width:0} .candidate-page .assistant-label{font-size:10px;font-weight:600;letter-spacing:.12em;color:#356747;display:block;margin-bottom:6px} .candidate-page .match-person strong{font-size:19px;line-height:1.25;display:block} .candidate-page .assistant-human{display:block;font-size:11px;line-height:1.6;color:#506b53;margin-top:8px;max-width:260px} .candidate-page .match-card-body{padding:27px 30px 25px} .candidate-page .match-card-body>h3{font-size:25px;margin-bottom:16px;max-width:500px} .candidate-page .job-content .match-speech{padding:17px 20px;background:#f3f7f0;border-radius:0 12px 12px 12px;font-size:15px;line-height:1.75} .candidate-page .job-content .match-benefits{list-style:none;padding:0;margin:24px 0} .candidate-page .match-benefits li{display:flex;gap:14px;padding:0;margin:0 0 19px} .candidate-page .match-benefits li>span{font-size:10px;letter-spacing:.04em;border:1px solid #cddccd;background:#f9fbf7;color:#3e6d4f;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;margin-top:1px} .candidate-page .match-benefits strong{font-size:14px;display:block} .candidate-page .job-content .match-benefits p{font-size:13px;line-height:1.6;margin:5px 0 0} .candidate-page .match-text-button{display:block;background:none;border:none;padding:0;margin-top:16px;color:#2b6b4a;text-align:left;font-size:13px;text-decoration:underline;text-underline-offset:4px} .candidate-page .job-content .match-integration-note{font-size:11px;color:#6c756b;line-height:1.6;margin:16px 0 0} .candidate-page .match-card-footer{padding:13px 25px;background:#f7f9f4;border-top:1px solid #e0e8dd;display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;color:#62755f} .candidate-page .match-card-footer a{color:#285e42} .candidate-page .match-name-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 20px;margin-bottom:21px;border-bottom:1px solid #e0e8dd;font-size:11px;color:#6c756b} .candidate-page .match-name-editor input{width:135px;max-width:100%;border:1px solid #cdd8c8;padding:7px 9px;border-radius:4px;background:#fbfcf8;color:var(--ink);font-size:12px} .candidate-page .match-name-editor>span{font-size:10px} .candidate-page .match-workspace{border:1px solid #dce6d8;border-radius:7px;padding:18px;margin:23px 0} .candidate-page .match-workspace-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .candidate-page .match-workspace-top>strong{font-size:14px} .candidate-page .match-state{font-size:10px;padding:4px 8px;background:#f5f1e4;border:1px solid #e7dfc5;border-radius:4px;color:#7b6d3c} .candidate-page .job-content .match-workspace p{font-size:12px;line-height:1.65;margin:12px 0} .candidate-page .job-content .match-workspace ol{margin:18px 0 0;padding-left:20px} .candidate-page .match-workspace li{padding:0 0 12px;margin:0 0 12px!important;border-bottom:1px solid #e8eee3;font-size:13px} .candidate-page .match-workspace li span{display:block} .candidate-page .match-workspace li small{display:block;font-size:10px;color:#74816f;margin-top:7px} .candidate-page .job-content .match-no-score{font-size:10px;margin-bottom:0} .candidate-page .match-conversation{margin:25px 0} .candidate-page .match-conversation-title{display:flex;align-items:center;gap:10px;margin-bottom:13px;flex-wrap:wrap} .candidate-page .match-conversation-title img{border-radius:50%;background:#e0ebda;object-fit:cover;object-position:center 20%} .candidate-page .match-conversation-title strong{font-size:13px} .candidate-page .match-conversation-title>span{font-size:10px;color:#7c846f} .candidate-page .match-topics{display:flex;flex-wrap:wrap;gap:8px} .candidate-page .match-topics button{border:1px solid #c7dbc7;border-radius:5px;background:#fff;color:#2c6343;font-size:11px;padding:9px 11px;line-height:1.5;text-align:left} .candidate-page .match-topics button:hover,.candidate-page .match-topics button[aria-pressed=true]{background:#ecf4e7;border-color:#87ac83} .candidate-page .match-example-answer{padding:18px 20px;border-radius:0 10px 10px 10px;background:#f3f7f0;margin-top:17px} .candidate-page .match-example-answer>strong{font-size:12px} .candidate-page .match-example-answer blockquote{padding-left:13px;border-left:2px solid #b4ceb0;font-size:12px;margin:14px 0} .candidate-page .job-content .match-example-answer p{font-size:13px;line-height:1.75;margin:12px 0 0} .candidate-page .compensation-card{padding:27px 30px;background:#f1f6ed;border:1px solid #d4e2cd;border-radius:9px} .candidate-page .compensation-card .eyebrow{font-size:10px;margin-bottom:14px} .candidate-page .compensation-card h3{font-size:24px;max-width:420px} .candidate-page .source-rate{padding:17px 0;margin-bottom:12px;border-top:1px solid #d6e3ce;border-bottom:1px solid #d6e3ce} .candidate-page .source-rate>span{display:block;font-size:11px;color:#627b58;margin-bottom:4px} .candidate-page .source-rate>strong{font-size:32px;line-height:1.5} .candidate-page .source-rate small{font-family:General,Arial,sans-serif;font-size:13px;font-weight:400} .candidate-page .job-content .compensation-card>p:not(.eyebrow){font-size:14px} .candidate-page .compensation-card .button{margin-top:10px} .candidate-page .job-content .compensation-note{font-size:11px!important;color:#6c7c60;margin:14px 0 0} .candidate-page .job-content #eisen,.candidate-page .job-content #wensen{scroll-margin-top:30px} .candidate-page #profiel{scroll-margin-top:30px} @media(max-width:740px){.candidate-page .match-teaser strong{font-size:13px} .candidate-page .match-teaser>span>span{font-size:11px} .candidate-page .match-preview-controls{gap:9px} .candidate-page .match-switch button{font-size:11px;padding:8px 10px} .candidate-page .match-person{padding:13px 18px 0;gap:12px;min-height:120px} .candidate-page .match-avatar{width:88px;height:112px} .candidate-page .match-avatar img{width:113px;height:113px;margin-left:-12px} .candidate-page .match-person strong{font-size:17px} .candidate-page .assistant-label{font-size:9px} .candidate-page .assistant-human{font-size:10px} .candidate-page .match-card-body{padding:23px 19px} .candidate-page .match-card-body>h3{font-size:23px} .candidate-page .match-card-footer{padding:13px 19px;flex-wrap:wrap} .candidate-page .job-content .match-speech{font-size:14px;padding:15px 16px} .candidate-page .match-card-body>.button{width:100%;font-size:13px} .candidate-page .match-workspace{padding:15px} .candidate-page .match-name-editor{gap:8px} .candidate-page .match-name-editor>span{width:100%} .candidate-page .compensation-card{padding:23px 21px} .candidate-page .compensation-card .button{width:100%} .candidate-page .compensation-card h3{font-size:23px} .candidate-page .section-nav .wrap{gap:23px} .candidate-page .match-topics{gap:7px} } @media(prefers-reduced-motion:reduce){.candidate-page *{transition:none!important} } .candidate-page .source-notices{padding:18px 22px;margin-bottom:34px;border:1px solid var(--line);border-radius:7px;background:var(--cream)} .candidate-page .source-notices h3{font-size:17px;margin:0 0 12px}.candidate-page .source-notices ul{margin-bottom:0;font-size:13px} .candidate-page .hero .client-identity--hero .client-logo{width:145px;height:68px;flex-basis:145px} .candidate-page .hero .client-identity--hero .client-name{font-size:14px} .candidate-page .hero .client-identity--hero .client-logo:not(.has-logo){width:32px;flex-basis:32px} .candidate-page .body-copy{overflow-wrap:anywhere}.candidate-page .form-card{min-width:0}.candidate-page .consent input{width:auto;flex:0 0 auto} body:has(.candidate-page)>header{position:relative} html:has(.candidate-page){scroll-padding-top:32px} .candidate-page .section-nav{top:auto;left:auto;right:auto;width:auto;box-shadow:none} .candidate-page .journey-grid .step{padding:0;border:0;grid-template-columns:none;gap:0;letter-spacing:0;vertical-align:middle} .candidate-page .contact-line,.candidate-page .hero-availability{overflow-wrap:anywhere} @media(max-width:740px){body:has(.candidate-page) footer{padding-bottom:110px}.candidate-page .mobile-action>div{flex:1;overflow-wrap:anywhere}.candidate-page .mobile-action .button{min-width:0;flex:0 0 auto}} @media(max-width:360px){.candidate-page .mobile-action{gap:8px;padding-left:12px;padding-right:12px}.candidate-page .mobile-action .button{padding:13px 10px;font-size:11px}.candidate-page .mobile-action strong{font-size:12px}} .noor-result{margin-top:32px;padding-top:28px;border-top:1px solid #ced8d1}.noor-result h3{font-size:23px;margin:24px 0 12px}.noor-result h4{font-size:16px;line-height:1.6;margin:12px 0}.noor-criteria{display:grid;gap:16px;margin:24px 0}.noor-criterion{padding:20px;background:#fff;border:1px solid #d7ded8;border-radius:8px;min-width:0}.noor-label{display:inline-block;font-size:11px;line-height:1.5;padding:5px 9px;background:#f0eee7;border-radius:5px;color:#4b452c;font-weight:600}.noor-label-met{background:#dceee2;color:#23523c}.noor-label-not_met{background:#f3e4de;color:#763f2d}.noor-criterion blockquote{font-size:13px;white-space:pre-wrap;border-left:3px solid #bed2c3;padding-left:14px;margin:16px 0;overflow-wrap:anywhere}.noor-stale{padding:16px;background:#f4edda;border-left:3px solid #a6813a}.noor-next-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:24px 0}.noor-feedback{margin-top:16px;font-weight:500}.candidate-page [data-noor-panel] select{width:100%;min-width:0;text-overflow:ellipsis}.candidate-page .response-grid>.direct-response+.response-alternative{grid-column:2}.candidate-page .response-alternative.form-card{margin-top:16px}.candidate-page .noor-result ul{padding-left:20px} @media(max-width:740px){.candidate-page .response-grid>.direct-response+.response-alternative{grid-column:1}.noor-criterion{padding:16px}.noor-next-actions{align-items:stretch}.noor-next-actions .button{width:100%}} .candidate-original-source{border-top:1px solid #d7ded8;padding:24px 0;margin-top:32px;font-size:14px;line-height:1.8}.candidate-original-source summary{cursor:pointer;font-weight:600;margin-bottom:16px} /* Corrections verified against the original layout in Chrome. */ h1,h2,h3{overflow-wrap:anywhere} .section-title>div,.content-grid>*,.split>*,.job-card{min-width:0} .section-title>div{max-width:100%} .job-card h3 a,.job-meta>span{overflow-wrap:anywhere} .job-meta>span{min-width:0} .job-card .tag{max-width:100%} .btn,.text-link{max-width:100%} .btn>span[aria-hidden]{flex-shrink:0} .job-grid,.catalog-listing .job-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .expertise{grid-template-columns:repeat(3,minmax(0,1fr))} .expertise a{min-width:0;overflow-wrap:anywhere} .filter-chip input:disabled+span{cursor:default} .nav-shell>nav .nav-dropdown.mega{background:#fff} @media(max-width:1050px){ .catalog-listing .job-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ .section-title h2{font-size:clamp(28px,8.5vw,34px)} .job-grid,.catalog-listing .job-grid{grid-template-columns:minmax(0,1fr)} .expertise{grid-template-columns:repeat(2,minmax(0,1fr))} .page-hero h1{font-size:clamp(34px,10.5vw,41px)} .contact-form .field input,.contact-form .field select,.contact-form .field textarea{font-size:16px} .candidate-mobile-action>div{flex:1;overflow-wrap:anywhere} } @media(max-width:480px){ .expertise{grid-template-columns:minmax(0,1fr)} .expertise a{font-size:18px;min-height:64px} } /* The existing base palette remains; turquoise is reserved for primary action. */ :root{--cta:#16c6a1;--cta-hover:#28d9b4} .btn:not(.outline),.candidate-page .button{background:var(--cta);border-color:var(--cta);color:var(--ink)} .btn:not(.outline):hover,.candidate-page .button:hover{background:var(--cta-hover);border-color:var(--cta-hover)} .nav-shell>.logo{width:218px;flex:0 0 218px} @media(max-width:1200px) and (min-width:1051px){.nav-shell{gap:20px}.nav-shell>.logo{width:185px;flex-basis:185px}.nav-shell>nav{gap:18px}} @media(max-width:1050px){.nav-shell>.logo{width:218px;flex-basis:218px}} @media(max-width:650px){.nav-shell>.logo{width:176px;flex-basis:176px}} @media(max-width:360px){.nav-shell>.logo{width:148px;flex-basis:148px}} .social-section{background:#f3f7f2;scroll-margin-top:120px} .social-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:36px} .social-intro h2{font-size:clamp(34px,3.4vw,46px);line-height:1.12} .social-intro>p{max-width:470px;font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 3px} .social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .social-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px 24px;background:#fff;border:1px solid #dce6dc;border-radius:12px;min-width:0} .social-icon{display:grid;place-items:center;width:48px;height:48px;background:#edf5ed;border-radius:12px;color:var(--forest);margin-bottom:25px} .social-icon svg{width:25px;height:25px;fill:currentColor} .social-card h3{font-size:28px;line-height:1.2;margin:0 0 12px} .social-purpose{font-size:13px;font-weight:600;line-height:1.6;margin:0 0 10px;color:var(--ink)} .social-description{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 27px} .social-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border-top:1px solid #dce6dc;padding-top:17px;margin-top:auto;font-size:12px;font-weight:500;line-height:1.6;color:var(--forest)} .social-action>span{font-size:20px;line-height:1;flex-shrink:0} .social-action:hover{text-decoration:underline;text-underline-offset:4px} .social-card-contact{background:#e0f0e7;border-color:#c7dfd2} .social-card-contact .social-icon{background:var(--forest);color:#fff} .social-card-contact .social-action{border-color:#b9d3c4} @media(max-width:1100px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.social-card{padding:29px}.social-description{max-width:360px}.social-action{font-size:13px}} @media(max-width:650px){.social-section{scroll-margin-top:100px}.social-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.social-intro>p{font-size:15px}.social-grid{grid-template-columns:1fr;gap:16px}.social-card{padding:25px}.social-icon{margin-bottom:22px}.social-card h3{font-size:27px}.social-description{max-width:none}} .job-card{position:relative;isolation:isolate;cursor:pointer;transition:border-color .15s,box-shadow .15s} .job-card:hover{border-color:var(--cta);box-shadow:0 8px 25px #183d3212} .job-card:focus-within{outline:3px solid #07805c;outline-offset:4px} .job-card .job-card-link:focus-visible{outline:0} .job-card-link:after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1} .job-card .job-top{gap:12px;margin-bottom:19px} .job-card .client-identity{flex:1;min-width:0} .job-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0} .job-new-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--mint-light);color:var(--forest);font-size:11px;font-weight:600;line-height:1.3;padding:7px 10px;white-space:nowrap;pointer-events:none} .job-card .save-job{position:relative;z-index:2;flex-shrink:0;margin-right:-5px} .job-card h3{margin-bottom:20px;min-height:0;font-size:23px;line-height:1.3;letter-spacing:-.025em} .job-card h3 a{text-decoration:none} .job-card .tag{align-self:flex-start;margin-bottom:15px} .job-card-facts{display:flex;flex-direction:column;gap:9px;list-style:none;padding:0;margin:auto 0 0;font-size:14px;line-height:1.55} .job-card-facts li{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0;padding:0} .job-card-facts li>svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px} .job-card-facts li>span,.job-card-facts time{min-width:0;overflow-wrap:anywhere} .job-card-rate small{display:block;font-size:10px;line-height:1.5;color:var(--muted)} .job-card-closing{font-weight:600;color:var(--forest)} .job-card-closing.is-urgent{color:#b03428;font-family:Host,General,sans-serif} .job-card-closing.is-closed{color:var(--muted)} .card-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:1050px){.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.job-card h3{font-size:21px}.job-card .client-logo{width:100px;flex-basis:100px}.job-card .job-top{gap:8px}.job-new-badge{font-size:10px;padding:7px 9px}} @media(max-width:650px){.job-grid{grid-template-columns:minmax(0,1fr)}.job-card h3{font-size:23px}.job-card-facts{font-size:15px}.job-card .client-logo{width:120px;flex-basis:120px}} @media(max-width:360px){.job-card{padding:21px}.job-card h3{font-size:21px}.job-card-facts{font-size:14px}.job-card .client-logo{width:100px;flex-basis:100px}.job-card-actions{gap:3px}.job-new-badge{padding:6px 8px}.job-card .job-top{gap:6px}} @media(prefers-reduced-motion:reduce){.job-card{transition:none}} .job-closing-icons{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;line-height:1.55}.job-closing-icons>svg{width:18px;height:18px;flex:none}.job-calendar{position:relative;z-index:2;display:inline-grid;place-items:center;flex:none;width:20px;height:20px;padding:0;margin:0;border:0;border-radius:3px;background:transparent;color:var(--muted);cursor:pointer;line-height:1}.job-calendar>svg{display:block;width:17px;height:17px;max-width:none}.job-calendar:hover{background:var(--mint-light);color:var(--forest)}.job-calendar:focus-visible{outline:2px solid var(--forest);outline-offset:3px} @media(pointer:coarse),(max-width:650px){.job-calendar{width:44px;height:44px;margin:-12px}} /* The two original corners replace the generic decorative arrow. */ :root{--brand-symbol:#19c794} .hero-brand-emblem{display:grid;place-items:center;color:var(--brand-symbol);line-height:1} .hero-brand-emblem .brand-emblem{display:block;width:62%;height:62%;overflow:visible} .hero-brand-emblem .brand-corner-back{transform-box:fill-box;transform-origin:center;animation:brand-corner-land 960ms cubic-bezier(.22,.8,.3,1) 180ms backwards} @keyframes brand-corner-land{ 0%{opacity:0;transform:translate(-2px,-9px) rotate(-8deg)} 48%{opacity:1} 70%{transform:translate(0,.6px) rotate(.5deg)} 86%{transform:translate(0,-.2px)} 100%{opacity:1;transform:none} } /* This vector has no background; its original outlines remain sharp at any size. */ .footer-original-logo{padding:0;background:transparent;border-radius:0} .footer-original-logo .footer-wordmark{display:block;width:100%;height:auto} @media(prefers-reduced-motion:reduce){ .hero-brand-emblem .brand-corner-back{animation:none;opacity:1;transform:none} } .video-about{background:#eaf2ed}.video-about .lead{max-width:540px}.video-feature-mark{min-height:330px;border-radius:16px;background:var(--forest);color:#fff;padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.video-feature-mark>span{display:grid;place-items:center;background:var(--mint,#19c794);color:#093f30;width:64px;height:50px;border-radius:15px;margin-bottom:26px}.video-feature-mark p{font-size:clamp(30px,3vw,44px);line-height:1.17;font-weight:600;margin:0 0 24px}.video-feature-mark strong{font-size:13px;font-weight:400;color:#c6e2d5}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.video-card{border:1px solid #dce6dc;border-radius:14px;overflow:hidden;background:#fff;min-width:0}.video-player{aspect-ratio:16/9;background:#093f30}.video-player iframe{display:block;width:100%;height:100%;border:0}.video-play{position:relative;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;cursor:pointer;color:#fff;background:#093f30;overflow:hidden}.video-play img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.65}.video-play-icon{position:relative;display:grid;place-items:center;width:65px;height:48px;border-radius:12px;background:#093f30;font-size:23px}.video-play-label{position:absolute;bottom:15px;font-size:13px;font-weight:600}.video-play:hover img{opacity:.85}.video-play:focus-visible{outline:4px solid #19c794;outline-offset:-4px}.video-card-content{padding:25px 28px}.video-card h3{font-size:25px;line-height:1.3;margin:12px 0}.video-card p{font-size:14px;line-height:1.8;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}.video-card .text-link{font-size:13px}.video-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.video-filters button{border:1px solid #ccdcd1;border-radius:30px;padding:12px 20px;min-height:44px;background:#fff;color:var(--forest);font:inherit;font-size:14px;cursor:pointer}.video-filters button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}.video-empty{padding:clamp(30px,5vw,64px);background:#f0f5ef;border:1px solid #dce6dc;border-radius:16px;max-width:850px;margin:auto;text-align:center}.video-empty h2{font-size:clamp(28px,3vw,38px);line-height:1.2}.video-empty p{max-width:600px;margin:22px auto 28px;color:var(--muted);line-height:1.85}.video-empty-symbol{display:grid;place-items:center;width:64px;height:48px;border-radius:13px;color:#fff;background:var(--forest);margin:0 auto 28px}.video-note,.video-status{color:var(--muted);line-height:1.8;font-size:14px}.video-note{margin-top:28px}.social-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.social-card{grid-column:span 2}.social-card:nth-last-child(-n+2){grid-column:span 3}@media(max-width:1100px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card,.social-card:nth-last-child(-n+2){grid-column:auto}.social-card:last-child{grid-column:1/-1}}@media(max-width:700px){.video-grid{grid-template-columns:1fr}.video-feature-mark{min-height:270px;padding:30px}.video-card-content{padding:23px}.social-grid{grid-template-columns:1fr}.social-card:last-child{grid-column:auto}} .editorial-photo { margin: clamp(28px, 4vw, 42px) 0; min-width: 0; max-width: 100%; } .editorial-photo[hidden] { display: none; } .editorial-photo > img { display: block; width: 100%; height: auto; border-radius: var(--radius, 15px); background: var(--mint-light, #edf4ee); } .editorial-photo figcaption { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; color: var(--muted, #62736b); font-size: 12px; line-height: 1.6; letter-spacing: 0; } .editorial-photo-label { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; } .editorial-photo figcaption a { border-bottom: 1px solid var(--line, #dbe4de); overflow-wrap: anywhere; } .editorial-photo figcaption a:hover { color: var(--ink, #1b352e); } @media (max-width: 650px) { .editorial-photo { margin-block: 28px; } .editorial-photo figcaption { gap: 8px; } .editorial-photo figcaption > span { flex-basis: 100%; } } /* Use a vector instead of the platform-dependent emoji glyph. */ .link-arrow { display: inline-block; width: 1em; height: 1em; vertical-align: -.12em; flex-shrink: 0; color: inherit; } .portal-heading{padding:64px 0 32px;background:var(--soft,#f3f7f5)}.portal-heading>.container{display:flex;align-items:start;justify-content:space-between;gap:24px}.portal-heading h1{font-size:clamp(38px,5vw,64px);margin:12px 0}.portal-heading p{margin:8px 0}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:start}.portal-card{border:1px solid #dbe4e0;border-radius:18px;padding:28px;background:#fff;min-width:0}.portal-card h2{font-size:26px;line-height:1.2;margin:0}.portal-card h3{font-size:21px}.portal-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.portal-card-title>a{font-size:14px}.portal-stack{display:grid;gap:28px;min-width:0}.portal-list{list-style:none;padding:0;margin:0}.portal-list>li{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid #e4ebe7;overflow-wrap:anywhere}.portal-list>li:first-child{border-top:0;padding-top:0}.portal-list>li:last-child{padding-bottom:0}.portal-list strong{line-height:1.4;display:block}.portal-list small{display:block;margin-top:5px;color:#52645e}.portal-list p{font-size:15px;line-height:1.55;margin:10px 0}.portal-list details{font-size:14px}.portal-status{display:inline-block;background:#e8f7f0;border-radius:6px;padding:5px 9px;font-size:14px;margin-top:10px;font-weight:600}.portal-text-button{border:0;padding:4px 0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:14px;cursor:pointer;min-height:36px;text-align:left}.portal-text-button:disabled{opacity:.55;cursor:wait}.portal-feedback:empty,.portal-form-message:empty{display:none}.portal-feedback{background:#e8f7f0;padding:14px 18px;border-radius:10px;margin:0 0 24px;overflow-wrap:anywhere}.portal-form-message{font-size:14px;line-height:1.5}.portal-auth{max-width:470px;margin:auto;border:1px solid #dbe4e0;border-radius:18px;padding:32px}.portal-auth-links{margin-top:24px;font-size:15px}.portal-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.portal-intro-grid h2{font-size:25px}.portal-card input,.portal-card select,.portal-card textarea,.portal-auth input{max-width:100%;min-width:0}.portal-card .field,.portal-auth .field{min-width:0}.portal-card input[type=file]{font-size:14px;padding:12px 8px}.portal-details{margin:8px 0 18px}.portal-details>summary{cursor:pointer;font-weight:600;padding:12px 0}.portal-details[open]>summary{margin-bottom:10px}.portal-details summary small{font-weight:400}.portal-cv{margin-top:28px;padding-top:20px;border-top:1px solid #dbe4e0}.portal-current-cv{display:flex;align-items:center;gap:14px;justify-content:space-between;overflow-wrap:anywhere}.portal-current-cv strong{min-width:0}.portal-row-actions{display:flex;gap:12px;flex-wrap:wrap}.portal-help{margin:28px 0 0}.portal-empty{color:#52645e;line-height:1.6;font-size:16px}.portal-local{padding:16px;background:#f3f7f5;border-radius:10px;margin-bottom:20px}.portal-section .check-field{align-items:start;line-height:1.5}.portal-section .check-field input{margin-top:5px;flex:none}.portal-card .form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}#candidate-application .check-field{align-items:start;line-height:1.6;font-size:14px}#candidate-application .check-field input{flex:none;margin-top:5px}#save-calculation{margin-top:20px;width:100%}#save-calculation[hidden]{display:none}.portal-card button:focus-visible,.portal-auth button:focus-visible{outline:3px solid #148c73;outline-offset:4px} @media(max-width:850px){.portal-grid{grid-template-columns:1fr}.portal-intro-grid{grid-template-columns:1fr;gap:20px}.portal-heading{padding:40px 0 24px}.portal-section{padding-top:28px}.portal-card{padding:24px}.portal-heading>.container{gap:14px}} @media(max-width:390px){.portal-card,.portal-auth{padding:18px}.portal-card h2{font-size:23px}.portal-card .form-pair{grid-template-columns:1fr}.portal-list>li{flex-wrap:wrap}.portal-current-cv{align-items:start;flex-direction:column;gap:4px}.portal-heading h1{font-size:36px}.portal-card-title{gap:10px}.portal-card .btn,.portal-auth .btn{width:100%;white-space:normal}.portal-heading>.container{flex-wrap:wrap}} .portal-auth>.contact-form{padding:0;background:transparent} .portal-auth-links p{margin:10px 0 0} .portal-auth-return{display:block;margin-top:20px;text-decoration:underline;text-underline-offset:4px} /* Keep employer logos and names together throughout the signed-in workspace. */ .client-identity--portal{flex-wrap:wrap;gap:8px 14px;margin:0 0 14px} .client-identity--portal .client-logo{width:96px;height:48px;flex:0 0 96px} .client-identity--portal .client-name{flex:1 1 150px;font-size:14px;line-height:1.5} .portal-application-copy{min-width:0;width:100%} .project-tile .client-identity--portal{margin-bottom:8px} .project-heading-copy{min-width:0;flex:1 1 280px} @media(max-width:600px){.project-heading-copy{flex-basis:100%}} .portal-danger{color:#b42318}.portal-status-withdrawn{color:#9d241a;background:#fff1ef}.portal-withdraw-actions{margin-top:10px}.portal-confirm{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #dbe4e0;border-radius:16px;color:var(--ink);box-shadow:0 20px 70px #001e2640;overflow:auto}.portal-confirm::backdrop{background:#001e2670}.portal-confirm h2{font-size:25px;line-height:1.25;margin:0 0 16px}.portal-confirm p{line-height:1.6;overflow-wrap:anywhere}.portal-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.portal-confirm .btn.portal-danger-button{background:#b42318;color:#fff;border-color:#b42318}.portal-confirm .btn.portal-danger-button:hover{background:#922018}.portal-confirm button:focus-visible{outline:3px solid #148c73;outline-offset:4px}.portal-current-cv{flex-wrap:wrap}@media(max-width:390px){.portal-confirm{padding:20px}.portal-confirm-actions{display:grid;grid-template-columns:1fr}.portal-confirm-actions .btn{width:100%;white-space:normal}} .direct-response-label{display:block;color:#377b66;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:18px} .direct-response .contact-form>p{margin-top:16px} .direct-cv-option{margin:0 0 22px;border-block:1px solid var(--line);padding-block:15px} .direct-cv-option summary{cursor:pointer;font-weight:500;font-size:14px} .direct-cv-option .field{margin-top:18px;margin-bottom:0} .direct-cv-option small,.direct-response .field small{font-weight:400} .direct-response input[type=file]{width:100%;max-width:100%;font-size:13px} .guest-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .direct-noor-note{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;font-size:12px;line-height:1.7;color:var(--muted)} .direct-noor-note a{text-decoration:underline;text-underline-offset:3px} .direct-response-success{margin-top:22px;padding:20px;border:1px solid #b5d5c4;border-radius:10px;background:var(--mint-light)} .direct-response-success[hidden]{display:none} .direct-response-success p{margin:8px 0 14px} .response-alternative{margin-top:24px;border-top:1px solid var(--line);padding-top:20px} .response-alternative>summary{cursor:pointer;font-size:14px;line-height:1.6;font-weight:500} .response-alternative>.form-card{padding:24px 0 0;box-shadow:none;background:transparent} .noor-account-state{margin-top:24px;padding:20px;border:1px solid #d3e4db;border-radius:10px;background:#f0f6f2;line-height:1.65} .noor-account-state p:last-child{margin-bottom:0} .noor-login-note{margin:16px 0 0;font-size:13px;line-height:1.7;color:var(--muted)} .noor-secondary{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:4px;font-size:14px} .candidate-page .direct-response>.contact-form{padding:0;background:transparent;border-radius:0} .direct-response .contact-form>p{font-size:15px} .direct-response .field label{font-size:14px} .direct-response .field small{font-size:12px} .direct-response .check-field{font-size:14px;line-height:1.65} .direct-response .check-field input{margin-top:4px} .direct-response .direct-noor-note{font-size:14px} .direct-cv-option .field>small{display:block;margin-top:10px;line-height:1.65} .direct-cv-option summary{min-height:44px;align-content:center} .direct-cv-option input[type=file]::file-selector-button{min-height:40px;margin-right:8px} @media(max-width:740px){.candidate-page .direct-response{padding:22px 16px}.direct-response .direct-response-label{letter-spacing:.06em;line-height:1.7}.direct-response .btn{gap:14px}.candidate-page:has(#reageren:focus-within) .mobile-action{display:none}} @media(max-width:650px){.direct-response .form-pair{grid-template-columns:1fr}.direct-response input[type=file]{font-size:12px}.response-alternative>.form-card{padding-top:20px}} body.cms-route .utility,body.cms-route #nav,body.cms-route .header-actions,body.cms-route footer{display:none!important}body.cms-route header{position:relative}.cms-admin{background:#f5f8f4;padding:46px 0 70px;min-height:80vh}.cms-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px}.cms-heading h1{font-size:clamp(30px,3.6vw,48px);line-height:1.14;margin:0 0 16px}.cms-heading p:last-child{color:var(--muted);margin:0;max-width:660px}.cms-heading-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:10px;flex-shrink:0}.cms-heading .eyebrow{font-size:10px;margin-bottom:16px}.cms-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start}.cms-tabs{display:grid;gap:8px;position:sticky;top:24px}.cms-tabs>a{padding:13px 16px;border-radius:7px;min-height:48px;font-size:15px}.cms-tabs>a.is-active{background:var(--forest);color:#fff}.cms-tabs p{font-size:13px;line-height:1.65;color:var(--muted);margin-top:18px;padding-inline:16px}.cms-editor{min-width:0}.cms-card,.cms-publish,.cms-history{border:1px solid var(--line);background:#fff;border-radius:12px;padding:28px}.cms-card h2{font-size:28px;margin-bottom:24px}.cms-card>p{font-size:15px;line-height:1.7;color:var(--muted)}.cms-card .field{margin-bottom:24px}.cms-card label{font-size:14px;font-weight:500;display:block;margin-bottom:8px}.cms-card input,.cms-card textarea,.cms-card select{font-size:16px;width:100%;max-width:100%;padding:12px 14px;min-height:48px;border:1px solid #bdcec2;border-radius:5px;background:#fff;color:var(--ink)}.cms-card textarea{line-height:1.6;resize:vertical}.cms-card .field small{display:block;font-size:13px;color:var(--muted);margin-top:7px}.cms-publish{margin-top:22px}.cms-publish p{font-size:14px;line-height:1.7;margin:8px 0 20px;color:var(--muted)}.cms-publish .small{font-size:13px;margin:18px 0 0}.cms-publish-actions{display:flex;flex-wrap:wrap;gap:12px}.cms-publish-actions .btn{gap:12px;justify-content:center}.cms-publish-actions [aria-disabled=true]{opacity:.5;cursor:default}.cms-image-field{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.cms-image-field .cms-upload-label{margin-top:16px}.cms-upload-label small{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:5px}.cms-image-field .small{font-size:13px;line-height:1.7;margin:12px 0 0}.cms-history{margin-top:24px}.cms-history summary{font-size:17px;font-weight:600;cursor:pointer;min-height:44px}.cms-history>p{font-size:14px;color:var(--muted)}.cms-history ul{list-style:none;padding:0;margin:18px 0 0}.cms-history li{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.cms-history small{display:block;color:var(--muted);margin-top:5px}.cms-feedback{padding:16px 20px;border:1px solid #c7d8cb;background:#eaf4ed;border-radius:8px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.cms-feedback:empty{display:none}.cms-entry h1{font-size:38px;max-width:700px;margin-bottom:24px}.cms-preview-banner{position:sticky;top:0;z-index:250;padding:12px 24px;background:#fff4cb;border-bottom:1px solid #e2c878;font-size:14px;display:flex;gap:18px;justify-content:space-between;align-items:center}.cms-preview-banner a{text-decoration:underline;font-weight:600;white-space:nowrap}.cms-preview header{position:relative}.cms-preview-banner~.skip{top:-100px} @media(max-width:850px){.cms-heading{flex-direction:column;gap:14px}.cms-heading-actions{padding-top:0}.cms-layout{grid-template-columns:1fr;gap:18px}.cms-tabs{position:static;display:flex;flex-wrap:wrap;gap:7px}.cms-tabs p{display:none}.cms-tabs>a{padding:11px 14px}.cms-admin{padding:30px 0 45px}.cms-card,.cms-publish,.cms-history{padding:22px}.cms-preview-banner{flex-wrap:wrap;font-size:12px;gap:5px;padding:10px 18px}} @media(max-width:390px){.cms-card,.cms-publish,.cms-history{padding:18px}.cms-publish-actions{flex-direction:column}.cms-publish-actions .btn{width:100%}.cms-history li{flex-direction:column;gap:5px}.cms-heading h1{font-size:31px}.cms-tabs>a{font-size:14px;padding:10px 12px}.cms-card input[type=file]{font-size:13px;padding:9px}} .cms-pages-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.cms-pages-heading h2,.cms-page-editor-heading h2{font-size:30px;line-height:1.2;margin:0 0 12px}.cms-pages-heading p,.cms-page-editor-heading p{font-size:15px;line-height:1.7;color:var(--muted)}.cms-page-search{display:grid;grid-template-columns:1fr 200px;gap:8px 16px;margin-bottom:22px}.cms-page-search label{font-size:14px;grid-row:1}.cms-page-search input,.cms-page-search select{width:100%;min-width:0;background:#fff;border:1px solid #bdcec2;border-radius:5px;padding:12px 14px;font:inherit;font-size:16px;grid-row:2;min-height:48px}.cms-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cms-page-tile{display:flex;flex-direction:column;align-items:start;min-width:0;gap:10px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.cms-page-tile[hidden]{display:none}.cms-page-tile:hover,.cms-page-tile:focus-visible{border-color:var(--forest);box-shadow:0 2px 8px #173f2c12}.cms-page-tile small{font-size:12px;color:var(--muted)}.cms-page-tile strong{font-size:19px;line-height:1.4}.cms-page-tile>span{font-size:13px;color:var(--muted)}.cms-page-tile .cms-page-edit{font-size:14px;color:var(--forest);margin-top:6px}.cms-page-editor-heading{margin-bottom:24px}.cms-page-editor-heading>a{display:inline-block;margin-bottom:24px}.cms-info-note{border-left:3px solid #65bca3;background:#eaf4ed;padding:14px 18px}.cms-section{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden}.cms-section>summary{padding:20px 24px;cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.cms-section>summary small{font-size:12px;color:var(--muted);font-weight:400;margin-left:12px}.cms-section .cms-card{border:0;border-top:1px solid var(--line);border-radius:0}.cms-format-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.cms-format-toolbar button{font:inherit;font-size:12px;background:#f3f6f2;border:1px solid var(--line);border-radius:4px;min-height:32px;padding:4px 10px;cursor:pointer}.cms-option{display:flex!important;gap:10px;align-items:start;line-height:1.7;margin:18px 0!important}.cms-option input{width:18px!important;min-height:18px!important;flex-shrink:0;margin-top:3px}.cms-url-prefix{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.cms-remove{color:#9a382a!important}.cms-menu-item{border:1px solid var(--line);border-radius:8px;padding:20px;margin:18px 0}.cms-menu-position{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:18px}.cms-menu-position>strong{overflow-wrap:anywhere}.cms-menu-position>div{display:flex;flex-shrink:0;gap:8px}.cms-menu-position button{font-size:21px;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:4px}.cms-menu-actions{display:flex;gap:20px;flex-wrap:wrap}.cms-menu-child{background:#f6f9f5;margin-left:12px}.cms-custom-content{max-width:900px}.cms-custom-photo{width:100%;max-height:540px;object-fit:cover;border-radius:14px;margin:0 0 32px}#nav{flex-wrap:wrap} @media(max-width:1100px){.cms-page-grid{grid-template-columns:1fr}.cms-menu-item{padding:16px}.cms-menu-child{margin-left:0}}@media(max-width:600px){.cms-pages-heading{flex-direction:column}.cms-page-search{grid-template-columns:1fr}.cms-page-search label,.cms-page-search input,.cms-page-search select{grid-row:auto}.cms-page-search label:first-child{order:0}.cms-page-search input{order:1}.cms-page-search label[for=cms-page-category]{order:2}.cms-page-search select{order:3}.cms-section>summary{padding:18px}.cms-page-tile{padding:18px}.cms-menu-position{flex-wrap:wrap}.cms-menu-item{padding:14px}.cms-menu-child{padding:12px}.cms-pages-heading .btn{width:100%;justify-content:center}.cms-page-editor-heading h2{font-size:27px}} .cms-publish[hidden],.cms-history[hidden]{display:none!important} body.cb-review-active{padding-bottom:140px} #cb-review-bar{position:fixed;bottom:16px;left:24px;right:24px;z-index:800;background:#fff;border:1px solid #a6bfb2;border-radius:12px;box-shadow:0 5px 28px #173f2c28;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;line-height:1.5} #cb-review-bar>div{margin-right:auto;min-width:130px}#cb-review-bar strong,#cb-review-bar span{display:block}#cb-review-bar span{font-size:12px;color:var(--muted)}#cb-review-bar button,#cb-review-bar a{min-height:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}#cb-review-bar .btn{padding:11px 17px} .cb-review-positioned{position:relative}.cb-review-target{outline:2px dashed #059c85!important;outline-offset:-4px}.cb-review-select{position:absolute;right:12px;top:12px;z-index:750;padding:9px 14px;min-height:44px;border:1px solid #fff;border-radius:7px;background:#173f32;color:#fff;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 2px 8px #0002}.cb-review-select:hover,.cb-review-select:focus-visible{background:#0f725e;outline:3px solid #10bfa0;outline-offset:2px}.cb-review-highlight{outline:4px solid #0eaa8c!important;outline-offset:-4px} .cb-review-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);overflow:auto;box-sizing:border-box}.cb-review-dialog::backdrop{background:#15372bbb}.cb-review-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.cb-review-dialog h2{font-size:27px;line-height:1.2;margin:0}.cb-review-dialog-heading button{flex-shrink:0;min-height:44px}.cb-review-dialog label{display:block;font-size:15px;margin:18px 0 8px}.cb-review-dialog textarea{box-sizing:border-box;width:100%;resize:vertical;font:inherit;font-size:16px;line-height:1.6;padding:12px;border:1px solid #a6bfb2;border-radius:5px}.cb-review-dialog .small{font-size:13px;line-height:1.6}.cb-review-error{font-size:14px;line-height:1.6;color:#9a2929}.cb-review-error:empty{display:none} .cb-review-list{display:grid;gap:16px;margin:20px 0}.cb-review-note{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow-wrap:anywhere}.cb-review-note-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cb-review-note-top small{font-size:12px;color:var(--muted)}.cb-review-status{display:inline-block;background:#fff2d4;border-radius:20px;padding:5px 11px;font-size:12px;color:#78500d}.cb-review-status.is-done{background:#e8f4ec;color:#276642}.cb-review-note h3{font-size:21px;line-height:1.4;margin:0 0 6px}.cb-review-location{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}.cb-review-body{white-space:pre-wrap;font-size:16px;line-height:1.7}.cb-review-note-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:18px}.cb-review-note-actions .btn{min-height:44px;padding:10px 16px;font-size:14px}.cb-review-empty{font-size:15px;color:var(--muted);padding:20px 0} @media(max-width:850px){#cb-review-bar{flex-wrap:wrap;justify-content:start;gap:8px 14px;left:12px;right:12px;bottom:10px;padding:12px}#cb-review-bar>div{flex-basis:100%}#cb-review-bar a,#cb-review-bar button{font-size:13px}body.cb-review-active{padding-bottom:210px}} @media(max-width:390px){.cb-review-dialog{padding:19px}.cb-review-dialog h2{font-size:24px}.cb-review-note{padding:17px}.cb-review-note-actions{gap:12px}.cb-review-select{font-size:12px;right:8px;top:8px;padding:9px 11px}} /* The ZZP landing page keeps the existing identity and scopes all adjustments. */ .zzp-route{--muted:#4d6258} .zzp-route .lead,.zzp-route .section-title p,.zzp-route .comparison td{color:#40594d} .zzp-route .section-title p{max-width:760px;line-height:1.8} .zzp-route .section{padding-block:72px} .zzp-route .service-opportunities{padding-block:44px} .zzp-route .service-opportunities .job-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))} .zzp-route .service-opportunities .job-card:only-child{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:48px;padding:28px 32px} .zzp-route .service-opportunities .job-card:only-child .job-top{grid-column:1;grid-row:1;margin-bottom:18px} .zzp-route .service-opportunities .job-card:only-child h3{grid-column:1;grid-row:2;min-height:0;margin-bottom:16px;max-width:640px} .zzp-route .service-opportunities .job-card:only-child>.tag{grid-column:1;grid-row:3;justify-self:start} .zzp-route .service-opportunities .job-card:only-child .job-card-facts{grid-column:2;grid-row:1/4;align-self:center;margin:0;padding:4px 0 4px 32px;border-left:1px solid var(--line)} .zzp-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .zzp-benefit{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff} .zzp-number{display:block;font-size:12px;letter-spacing:.06em;color:#416b56;margin-bottom:22px} .zzp-benefit h3{font-size:24px;line-height:1.2;margin-bottom:14px} .zzp-benefit p{font-size:15px;line-height:1.8;color:var(--muted);margin:0} .zzp-fee-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center} .zzp-fee-grid>div>p:not(.lead){font-size:16px;color:var(--muted);line-height:1.8} .zzp-fee-example{background:var(--mint-light);border:1px solid #cbded1;border-radius:var(--radius);padding:34px;min-width:0} .zzp-fee-number{display:block;font-family:Host,General,sans-serif;font-size:76px;line-height:1.05;letter-spacing:-.05em;margin-bottom:22px} .zzp-fee-example h3{font-size:26px;line-height:1.2;margin-bottom:25px} .zzp-fee-example dl{margin:0 0 22px} .zzp-fee-example dl>div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #cbded1;align-items:baseline} .zzp-fee-example dt{font-size:15px;line-height:1.5} .zzp-fee-example dd{font-size:19px;font-weight:600;white-space:nowrap;margin:0} .zzp-fee-example .zzp-fee-total{font-weight:600} .zzp-fee-example .zzp-fee-total dd{font-size:28px;color:#245a43} .zzp-fee-example>p{font-size:13px;line-height:1.8;color:#40594d;margin:0} .zzp-roles-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start} .zzp-role-photo{min-width:0} .zzp-role-photo .editorial-photo{margin:0} .zzp-role-photo .editorial-photo>img{aspect-ratio:4/3;object-fit:cover} .zzp-role-cards{display:grid;gap:30px;min-width:0} .zzp-role h3{font-size:25px;margin-bottom:15px} .zzp-role ul{margin:0} .zzp-role .check-list li{font-size:15px;line-height:1.75;color:var(--muted)} .zzp-dba{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;background:var(--mint-light);border-radius:var(--radius);padding:30px 34px;margin-top:42px} .zzp-dba h3{font-size:25px;margin-bottom:15px} .zzp-dba p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:15px} .zzp-dba p:last-child{margin-bottom:0} .zzp-dba-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;min-width:0} .zzp-dba-links p{margin:0} .zzp-dba-links .text-link{font-size:13px;line-height:1.6} .zzp-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .zzp-choice-card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;min-width:0} .zzp-choice-card h3{font-size:27px;line-height:1.2;margin-bottom:20px} .zzp-choice-card>p{font-size:16px;line-height:1.8;color:var(--muted);flex:1} .zzp-choice-card .btn{margin-top:6px} .zzp-noor{background:var(--mint-light)} .zzp-noor-intro{display:flex;gap:17px;align-items:center;margin-bottom:20px;min-width:0} .zzp-noor-intro img{width:64px;height:64px;object-fit:cover;object-position:50% 21%;border-radius:50%;flex-shrink:0} .zzp-noor-intro .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.06em;margin-bottom:8px} .zzp-noor-intro h3{font-size:25px;margin:0} .zzp-route .zzp-faq .faq-layout{gap:70px} .zzp-faq .faq details p{font-size:15px;line-height:1.85;color:var(--muted)} .zzp-faq .faq-layout>div>p{color:var(--muted);max-width:360px} .zzp-route .comparison th,.zzp-route .comparison td{font-size:15px;line-height:1.75} .zzp-route .comparison th{font-weight:600} .zzp-route :is(#waarom-carrierebrug,#bemiddelingskosten,#wat-regelen-wij,#zelfstandigheid,#jouw-volgende-stap,#veelgestelde-vragen){scroll-margin-top:calc(var(--header-height,100px) + 22px)} @media(max-width:1050px){ .zzp-benefits{grid-template-columns:repeat(2,minmax(0,1fr))} .zzp-fee-grid{gap:35px} .zzp-roles-grid{gap:30px} .zzp-dba{gap:28px} .zzp-choice-card{padding:27px} } @media(max-width:760px){ .zzp-route .section{padding-block:48px} .zzp-route .service-opportunities{padding-block:34px} .zzp-fee-grid,.zzp-roles-grid,.zzp-dba,.zzp-choice-grid{grid-template-columns:minmax(0,1fr)} .zzp-fee-grid{gap:30px} .zzp-roles-grid{gap:32px} .zzp-role-photo .editorial-photo>img{aspect-ratio:16/9} .zzp-dba{padding:26px;gap:24px;margin-top:32px} .zzp-choice-grid{gap:20px} .zzp-route .zzp-faq .faq-layout{grid-template-columns:minmax(0,1fr);gap:30px} .zzp-route .comparison{display:block;margin:24px 0 0} .zzp-route .comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .zzp-route .comparison tbody{display:block} .zzp-route .comparison tr{display:block;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;overflow:hidden;background:white} .zzp-route .comparison tbody th,.zzp-route .comparison td{display:block;width:100%;padding:17px 20px;border:0} .zzp-route .comparison td+td{border-top:1px solid var(--line)} .zzp-route .comparison td::before{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--ink);margin-bottom:5px} .zzp-route .comparison td:nth-child(2)::before{content:'Detachering'} .zzp-route .comparison td:nth-child(3)::before{content:'Zzp-bemiddeling'} } @media(max-width:650px){ .zzp-benefits{grid-template-columns:minmax(0,1fr);gap:16px} .zzp-benefit{padding:25px} .zzp-number{margin-bottom:16px} .zzp-route .service-opportunities .job-card:only-child{display:flex;padding:25px;gap:0} .zzp-route .service-opportunities .job-card:only-child .job-card-facts{margin:20px 0 0;padding:0;border:0;align-self:stretch} .zzp-fee-example{padding:26px} .zzp-fee-number{font-size:68px} .zzp-fee-example h3{font-size:25px} .zzp-fee-example dl>div{gap:12px} .zzp-choice-card{padding:26px} .zzp-noor-intro{align-items:flex-start;gap:13px} .zzp-noor-intro img{width:54px;height:54px} .zzp-choice-card .btn{width:100%} .zzp-route .page-hero h1{font-size:clamp(33px,9.5vw,41px);overflow-wrap:normal;hyphens:auto} .zzp-route .page-hero .actions{gap:22px} } /* Page-scoped additions; existing brand tokens, typography and buttons stay intact. */ .how-route-grid,.how-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .how-route{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:var(--paper)} .how-route-assisted{background:var(--mint-light)} .how-route-label{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--muted);margin-bottom:18px} .how-route h3{font-size:29px;margin-bottom:18px} .how-route p{color:var(--muted)} .how-route .actions{margin-top:auto;padding-top:8px} .how-step{min-width:0;align-self:start;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)} .how-step-heading{display:flex;gap:16px;align-items:center;margin-bottom:18px} .how-step-number{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--mint-light);font-size:13px;font-weight:600;color:var(--forest)} .how-step h3{font-size:27px} .how-step-intro{color:var(--muted);margin-bottom:22px} .how-step summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0 0;border-top:1px solid var(--line);list-style:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5} .how-step summary::-webkit-details-marker{display:none} .how-step summary::after{content:'+';font-size:22px;line-height:1;flex-shrink:0;color:var(--forest)} .how-step details[open] summary::after{content:'−'} .how-step dl{margin:22px 0 0} .how-step dl>div+div{margin-top:20px} .how-step dt{font-size:12px;font-weight:600;color:var(--forest);margin-bottom:5px} .how-step dd{margin:0;font-size:14px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere} .how-journey-note{max-width:760px;margin:30px 0 20px;color:var(--muted);font-size:14px} .how-workform-links{display:flex;flex-wrap:wrap;gap:18px 32px} .how-noor-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:64px;align-items:center} .how-noor-grid>div{min-width:0} .how-noor-grid>div>p:not(.lead){color:var(--muted)} .how-noor .actions{margin-top:26px} .how-noor-choice{min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)} .how-noor-choice h3{font-size:27px;margin-bottom:18px} .how-noor-choice p{color:var(--muted)} @media(max-width:760px){ .how-route-grid,.how-step-grid,.how-noor-grid{grid-template-columns:minmax(0,1fr);gap:20px} .how-route,.how-step,.how-noor-choice{padding:24px} .how-route h3,.how-step h3,.how-noor-choice h3{font-size:25px} .how-noor-grid{gap:30px} .how-step-intro{font-size:14px} .how-step summary{font-size:12px} .how-workform-links{flex-direction:column;align-items:flex-start;gap:18px} .how-route .actions{width:100%} .how-route .btn{width:100%} } /* Page-only refinements in the existing forest / mint / cream identity. */ .det-route{--muted:#4d6258} .det-route .section{padding-block:64px} .det-route .section-title p{max-width:780px;line-height:1.8} .det-route .page-hero .lead{max-width:760px} .det-page-nav{display:block;position:static;inset:auto;width:auto;max-height:none;overflow:visible;background:#fff;border:0;border-bottom:1px solid var(--line);padding:12px 0;box-shadow:none} .det-page-nav .container{display:flex;align-items:center;flex-wrap:wrap;gap:3px 22px} .det-page-nav .container>span{font-size:12px;color:var(--muted);margin-right:8px} .det-page-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;white-space:normal;padding:8px 0} .det-page-nav a:after{display:none!important} .det-salary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .det-salary-grid article,.det-benefits article{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0} .det-card-label{display:block;font-size:11px;line-height:1.5;letter-spacing:.06em;color:#416b56;font-weight:600;margin-bottom:18px} .det-salary-grid h3{font-size:26px;margin-bottom:18px} .det-salary-grid p,.det-benefits p{font-size:15px;line-height:1.8;color:var(--muted);margin:0} .det-salary-grid strong{font-weight:500;color:var(--ink)} .det-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .det-benefits h3{font-size:25px;margin-bottom:14px} .det-services{padding-top:50px} .det-services>h2{font-size:clamp(28px,3vw,37px);margin-bottom:16px} .det-services>p,.det-fit-grid>div>p{color:var(--muted);line-height:1.8} .det-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;margin-top:28px} .det-services-grid details{border:1px solid var(--line);border-radius:var(--radius);min-width:0;background:#f6f8f4} .det-services-grid summary{padding:26px 45px 26px 25px;min-height:162px;line-height:1.6} .det-services-grid summary:after{right:20px;top:25px} .det-services-grid summary strong{display:block;font-family:Host,General,sans-serif;font-size:22px;letter-spacing:-.03em;line-height:1.2;margin-bottom:12px} .det-services-grid summary>span{display:block;font-size:14px;font-weight:400;color:var(--muted)} .det-services-grid details>p{padding:0 25px 25px;margin:0;font-size:15px;line-height:1.8;color:var(--muted)} .det-process-link{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:14px;margin:24px 0 0} .det-fit-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:52px;align-items:start} .det-noor,.det-employer{padding:30px;border:1px solid #cfdfd1;border-radius:var(--radius);background:var(--mint-light);min-width:0} .det-noor-intro{display:flex;gap:16px;align-items:center;margin-bottom:22px;min-width:0} .det-noor-intro img{width:64px;height:64px;object-fit:cover;object-position:50% 21%;border-radius:50%;flex-shrink:0} .det-noor-intro .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.05em;margin-bottom:9px} .det-noor h3,.det-employer h3{font-size:26px;line-height:1.2} .det-noor p,.det-employer p{font-size:15px;line-height:1.8;color:var(--muted)} .det-employer h3{margin-bottom:18px} .det-comparison{margin-top:30px;border-block:1px solid #d8dfd2} .det-comparison>summary{padding:22px 32px 22px 0;font-size:15px} .det-comparison>p{margin-top:14px;font-size:15px;line-height:1.8;color:var(--muted)} .det-comparison>.text-link{margin-bottom:24px} .det-comparison .comparison{font-size:13px;margin:15px 0 24px;min-width:0} .det-comparison .comparison th,.det-comparison .comparison td{padding:14px 12px;line-height:1.7} .det-route .service-opportunities{padding-block:48px} .det-route .service-opportunities .job-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))} .det-route .service-opportunities .job-card:only-child{max-width:760px} .det-faq .faq details p{font-size:15px;line-height:1.85;color:var(--muted)} .det-faq .faq-layout>div>p{color:var(--muted)} .det-route :is(#salaris-en-beloning,#verdienstencalculator,#waarom-carrierebrug,#wat-wij-regelen,#past-detachering-bij-jou,#detachering-opdrachten,#detachering-faq){scroll-margin-top:calc(var(--header-height,100px) + 22px)} .earnings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start} .earnings-grid>div,.earnings-grid>.aside{min-width:0} .earnings-grid>.aside{position:static;padding:30px} .earnings-grid .contact-form{background:#fff;border:1px solid var(--line);padding:30px} .earnings-grid .prose h2{font-size:clamp(30px,3.2vw,43px)} .earnings-grid .form-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .earnings-grid .check-field{align-items:flex-start;font-size:14px;line-height:1.6} .earnings-grid .check-field input{flex:0 0 18px;margin-top:3px} .earnings-grid .small{font-size:12px;line-height:1.75} .earnings-grid #earn-rate-help{margin:0 0 10px} .earnings-grid .earnings-result>p small{font-size:12px;color:#40594d} .earnings-grid .earnings-result .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.07em} .earnings-grid .calculation-breakdown summary,.earn-assumptions summary{font-size:14px;min-height:50px;line-height:1.6;padding:17px 28px 17px 0} .earnings-grid .calculation-breakdown dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;font-size:13px;line-height:1.6;border-bottom:1px solid #d5e1d5;padding:12px 0} .earnings-grid .calculation-breakdown dt{max-width:none} .earnings-grid .calculation-breakdown dd{font-weight:500;margin:0;white-space:nowrap} .earn-assumptions{border-bottom:1px solid #cadbcd;margin-bottom:20px} .earn-assumptions h3{font-size:20px;margin:10px 0 18px;line-height:1.3} .earn-assumptions p{font-size:13px;line-height:1.85;color:#40594d} .earn-assumptions p a{text-decoration:underline;text-underline-offset:3px} .earn-disclaimer{grid-column:1/-1;font-size:12px;line-height:1.8;color:#40594d;margin:0} .earnings-grid .earnings-result>.earn-net-label{font-size:16px;margin-top:18px} .earnings-grid .earnings-result>.earn-net-note{font-size:12px;line-height:1.8;color:#40594d;margin-top:12px} .earnings-salary-summary{margin-top:24px;padding-top:22px;border-top:1px solid #cadbcd} .earnings-salary-summary h3{font-size:22px;line-height:1.3;margin:0 0 10px} .earnings-salary-summary dl{margin:0} .earnings-salary-summary dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid #d5e1d5;font-size:13px;line-height:1.65} .earnings-salary-summary dd{font-size:15px;font-weight:500;white-space:nowrap;margin:0} .earnings-salary-summary .earnings-gross-subtotal{font-weight:600} .earnings-salary-summary .earnings-gross-subtotal dd{font-size:17px} @media(max-width:1050px){.det-fit-grid{gap:30px}.det-services-grid{gap:15px}.det-services-grid summary{padding-left:20px}.det-salary-grid article{padding:24px}.earnings-grid{gap:24px}.earnings-grid .form-pair{grid-template-columns:minmax(0,1fr)}} @media(max-width:760px){ .det-route .section{padding-block:46px} .det-page-nav{display:block;position:static;inset:auto;padding:12px 0;max-height:none;overflow:visible} .det-page-nav .container{gap:3px 19px} .det-page-nav .container>span{width:100%;font-size:11px} .det-page-nav a{font-size:12px;min-height:44px} .det-salary-grid,.det-services-grid,.det-fit-grid,.earnings-grid{grid-template-columns:minmax(0,1fr)} .det-salary-grid{gap:16px} .det-services{padding-top:36px} .det-services-grid summary{min-height:0;padding:24px 45px 24px 24px} .det-services-grid details>p{padding-inline:24px} .det-noor,.det-employer{padding:26px} .det-fit-grid{gap:32px} .det-comparison .comparison,.det-comparison .comparison tbody{display:block} .det-comparison .comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .det-comparison .comparison tr{display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:14px;background:#fff;overflow:hidden} .det-comparison .comparison tbody th,.det-comparison .comparison td{display:block;width:100%;padding:15px 18px;border:0} .det-comparison .comparison td+td{border-top:1px solid var(--line)} .det-comparison .comparison td:before{display:block;font-size:11px;font-weight:600;margin-bottom:5px;color:var(--ink)} .det-comparison .comparison td:nth-child(2):before{content:'Detachering'} .det-comparison .comparison td:nth-child(3):before{content:'Zzp-bemiddeling'} .det-route .det-faq .faq-layout{grid-template-columns:minmax(0,1fr);gap:26px} .earnings-grid .contact-form,.earnings-grid>.aside{padding:26px} .earnings-grid .form-pair{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ .det-benefits{grid-template-columns:minmax(0,1fr);gap:16px} .det-benefits article{padding:25px} .det-route .page-hero h1{font-size:clamp(33px,9.5vw,41px);hyphens:auto;overflow-wrap:normal} .det-route .page-hero .actions{gap:20px} .det-noor-intro{align-items:flex-start;gap:13px} .det-noor-intro img{width:54px;height:54px} .det-noor h3,.det-employer h3{font-size:24px} .earnings-grid .form-pair{grid-template-columns:minmax(0,1fr)} .earnings-grid .contact-form>.btn{width:100%} .earnings-grid .calculation-breakdown dl>div{grid-template-columns:minmax(0,1fr);gap:4px} .earnings-grid .calculation-breakdown dd{font-size:15px;white-space:normal;overflow-wrap:anywhere} .earnings-salary-summary dl>div{grid-template-columns:minmax(0,1fr);gap:4px} .earnings-salary-summary dd{white-space:normal;overflow-wrap:anywhere} .earnings-grid .earnings-result .result-amount{font-size:clamp(31px,9vw,43px)} .earnings-grid .earnings-result .result-amount.secondary{font-size:clamp(30px,8.7vw,39px)} } /* Help mij zoeken: existing brand tokens, with page-scoped responsive layouts. */ .support-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .support-choice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)} .support-choice-noor{background:var(--mint-light)} .support-label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.6;color:var(--forest);margin-bottom:26px} .support-choice>.support-label{display:flex;align-items:center;min-height:68px;margin-bottom:24px} .support-noor-intro{display:flex;align-items:center;gap:18px;margin-bottom:24px} .support-noor-intro img{width:68px;height:68px;flex-shrink:0;object-fit:cover;border-radius:50%;border:1px solid var(--line);background:var(--paper)} .support-noor-intro .support-label{margin:0} .support-choice h3{font-size:29px;margin-bottom:20px;max-width:410px} .support-choice p{color:var(--muted)} .support-choice .check-list{margin:0 0 28px} .support-choice .check-list li{font-size:14px} .support-choice-action{margin-top:auto;width:100%} .support-choice-action>.btn{max-width:100%} .support-choice-action>.small{margin:14px 0 18px} .support-direct{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:25px 28px;border:1px solid var(--line);border-radius:var(--radius)} .support-direct h3{font-size:23px;margin-bottom:9px} .support-direct p{font-size:14px;color:var(--muted);margin:0;max-width:620px} .support-direct>.text-link{flex-shrink:0} .support-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:44px 0 0} .support-steps li{min-width:0} .support-steps li>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a9c6b3;border-radius:50%;font-size:12px;margin-bottom:22px} .support-steps h3{font-size:24px;margin-bottom:16px} .support-steps p{font-size:14px;color:var(--muted);margin:0} .support-steps-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font-size:14px;color:var(--muted);margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line)} .support-profile-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:70px;align-items:start} .support-profile-grid>div{min-width:0} .support-agreement{min-width:0;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)} .support-agreement h3{font-size:27px;margin-bottom:20px} .support-agreement p{color:var(--muted)} @media(max-width:800px){ .support-choice-grid,.support-profile-grid{grid-template-columns:minmax(0,1fr);gap:24px} .support-choice,.support-agreement{padding:25px} .support-choice h3,.support-agreement h3{font-size:26px} .support-direct{align-items:flex-start;flex-direction:column;padding:24px;gap:20px} .support-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px} .support-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px 18px} .support-steps li>span{grid-row:span 2;margin:0} .support-steps h3{font-size:23px;margin:6px 0} .support-steps p{grid-column:2} .support-profile-grid{gap:30px} } @media(max-width:480px){ .support-choice-action>.btn{width:100%} .support-noor-intro{gap:14px} .support-noor-intro img{width:58px;height:58px} .support-choice>.support-label{min-height:58px} .support-label{font-size:10px} .support-steps-note{display:block} .support-steps-note .text-link{margin-top:10px} } .home-paths-section { padding-block: clamp(40px, 5vw, 64px); } .cb-paths { --cbp-ink: var(--ink); --cbp-muted: var(--muted); --cbp-accent: var(--forest); --cbp-paper: var(--paper); --cbp-tint: var(--mint-light); --cbp-border: var(--line); color: var(--cbp-ink); font-family: inherit; width: 100%; margin: 0 auto; padding: 0; } .cb-paths, .cb-paths * { box-sizing: border-box; } .cb-paths__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; } .cb-paths__eyebrow { display: block; margin-bottom: 7px; letter-spacing: .14em; text-transform: uppercase; font-size: .69rem; font-weight: 700; color: var(--cbp-accent); } .cb-paths__title { font-family: Host, General, sans-serif; font-size: clamp(1.45rem, 2.45vw, 2.2rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.12; margin: 0; } .cb-paths__intro { max-width: 330px; margin: 0; color: var(--cbp-muted); font-size: .87rem; line-height: 1.55; } .cb-paths__tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin-bottom: 10px; } .cb-paths__tab { cursor: pointer; min-width: 0; min-height: 58px; text-decoration: none; display: flex; justify-content: space-between; align-items: center; gap: 10px; background: var(--cbp-paper); border: 1px solid var(--cbp-border); border-radius: 12px; padding: 13px 16px; color: var(--cbp-ink); font: inherit; font-size: .92rem; line-height: 1.27; font-weight: 600; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease; } .cb-paths__tab:hover { border-color: var(--cbp-accent); background: var(--cbp-tint); } .cb-paths__tab[aria-selected="true"] { border-color: var(--cbp-accent); background: var(--cbp-tint); box-shadow: inset 0 -3px 0 var(--cbp-accent); } .cb-paths__tab-icon { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: 0 0 auto; color: var(--cbp-accent); } .cb-paths__tab-icon svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; } .cb-paths__tab-arrow { display: inline-block; flex: 0 0 auto; font-size: 1.05rem; color: var(--cbp-accent); opacity: .78; } .cb-paths__panel { min-height: 145px; padding: clamp(17px, 2.3vw, 28px); display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(200px, .75fr); align-items: center; gap: 24px; background: var(--cbp-tint); border: 1px solid var(--cbp-border); border-radius: 15px; } .cb-paths__panel[hidden] { display: none !important; } .cb-paths__panel-label { margin: 0 0 7px; text-transform: uppercase; letter-spacing: .13em; color: var(--cbp-accent); font-size: .66rem; font-weight: 700; } .cb-paths__panel-title { font-family: Host, General, sans-serif; font-size: clamp(1.12rem, 1.75vw, 1.45rem); font-weight: 600; letter-spacing: -.02em; line-height: 1.24; margin: 0 0 7px; } .cb-paths__panel-text { max-width: 620px; font-size: .89rem; line-height: 1.58; color: var(--cbp-muted); margin: 0; } .cb-paths__actions { display: flex; flex-direction: column; align-items: stretch; gap: 9px; } .cb-paths__button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 41px; padding: 10px 16px; text-decoration: none; text-align: center; font: inherit; font-size: .87rem; line-height: 1.35; font-weight: 600; border-radius: 6px; border: 1px solid var(--cbp-accent); color: white; background: var(--cbp-accent); transition: filter .18s ease; } .cb-paths__button:hover { filter: brightness(1.12); } .cb-paths__button--quiet { border-color: var(--cbp-border); background: transparent; color: var(--cbp-ink); } .cb-paths :focus-visible { outline: 3px solid #07805c; outline-offset: 3px; } @media (max-width: 730px) { .cb-paths__head { display: block; margin-bottom: 16px; } .cb-paths__intro { margin-top: 9px; max-width: 100%; } .cb-paths__tabs { gap: 6px; } .cb-paths__tab { min-height: 69px; gap: 5px; flex-direction: column; justify-content: center; text-align: center; padding: 9px 5px; font-size: .79rem; } .cb-paths__tab-icon { width: 20px; height: 20px; } .cb-paths__tab-icon svg { width: 19px; height: 19px; } .cb-paths__tab-arrow { display: none; } .cb-paths__panel { display: block; min-height: 0; padding: 18px; } .cb-paths__actions { flex-direction: row; flex-wrap: wrap; margin-top: 17px; } .cb-paths__button { flex: 1 1 150px; } } @media (max-width: 360px) { .cb-paths__tab { font-size: .72rem; } .cb-paths__button { flex-basis: 100%; } } @media (prefers-reduced-motion: reduce) { .cb-paths__tab, .cb-paths__button { transition: none; } } /* Candidate review round: focus on searching, compact navigation and clear facts. */ header .brand-viewport{aspect-ratio:175/33;overflow:visible}header .header-wordmark{display:block;width:100%;height:auto;color:var(--ink)}header .header-wordmark .logo_svg_color{fill:#19c794} #nav{font-size:14px;gap:21px}#nav>a,#nav .nav-group>summary{font-size:inherit}#nav .nav-dropdown.compact{width:480px;left:-100px;padding:10px}#nav .nav-dropdown.compact .nav-options{display:grid;grid-template-columns:1fr 1fr;gap:3px}#nav .nav-dropdown.compact a{padding:13px 15px;min-height:46px}#nav .nav-dropdown.compact strong{font-size:15px;font-weight:500}.nav-shell .nav-dropdown.compact{top:calc(100% + 12px)} .home-search-hero{padding:48px 0 28px}.home-search-hero .hero-grid{grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.home-search-hero h1{font-size:clamp(43px,4.5vw,65px);line-height:1.08;letter-spacing:-.045em}.home-search-hero .lead{font-size:18px;line-height:1.7;margin:23px 0 25px;max-width:540px}.home-search-hero .eyebrow{margin-bottom:20px}.home-search-hero .hero-search{display:grid;grid-template-columns:1fr 160px;padding:20px;margin:0;gap:18px;border-radius:9px;box-shadow:0 8px 28px #173c2710;border:1px solid #d3dfd4;background:#fff}.home-search-hero .hero-search .field{min-width:0;padding:0;border:0}.home-search-hero .hero-search label{font-size:13px;margin-bottom:6px}.home-search-hero .hero-search input,.home-search-hero .hero-search select{border:1px solid #d1dcd1;border-radius:5px;min-height:44px;padding:9px 10px;font-size:15px;width:100%;background:#fff}.home-search-hero .hero-search button{grid-column:1/-1;min-height:48px;padding:13px 20px;justify-content:center;font-size:15px}.home-search-help{margin-top:20px;font-size:14px}.home-search-hero .popular{margin-top:28px}.home-hero-photo .editorial-photo{margin:0;border:0;border-radius:0;background:none;overflow:visible}.home-hero-photo .editorial-photo img{aspect-ratio:4/4.4;width:100%;height:auto;object-fit:cover;border-radius:9px;object-position:50% 50%}.home-hero-photo figcaption{padding:10px 0 0;border:0;background:none;font-size:10px;gap:6px;flex-wrap:wrap}.home-hero-photo .editorial-photo-label{display:none} .page-hero.real-photo{padding-block:48px}.page-hero.real-photo .container{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}.page-hero.real-photo figure{margin:0;background:none;border:0;border-radius:0;overflow:visible}.page-hero.real-photo figure img{height:310px;width:100%;object-fit:cover;border-radius:8px}.page-hero.real-photo figcaption{padding:10px 0 0;background:none;border:0;font-size:10px;flex-wrap:wrap;gap:5px}.page-hero.real-photo .editorial-photo-label{display:none} .client-logo{mix-blend-mode:multiply;background:transparent}.client-logo img{mix-blend-mode:normal}.candidate-page .hero .client-identity--hero{background:var(--pale);isolation:isolate} .job-workforms{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.job-workforms span{font-size:11px;padding:4px 8px;border-radius:4px;background:#eef4ed;color:#385e49;line-height:1.4}.workform-status{font-size:13px;color:#4b6558;line-height:1.7;margin:0 0 22px}.workform-status:empty{display:none} .filter-chip span[data-workform-count]{display:inline;min-height:0;border:0;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit;margin-left:4px;box-shadow:none} .candidate-page .assignment-hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 26px;margin:24px 0;list-style:none;padding:0;font-size:16px}.candidate-page .assignment-hero-facts li{display:flex;align-items:flex-start;gap:9px;margin:0;padding:0;font-size:15px}.candidate-page .assignment-hero-facts li:before{content:none}.candidate-page .assignment-hero-facts svg{width:19px;height:19px;min-width:19px;margin-top:3px;color:#2e6950}.candidate-page .assignment-hero-facts small{display:block;font-size:10px;color:#5e7466}.candidate-page .assignment-hero-facts .job-card-closing.is-urgent{color:#a63d2e}.candidate-page .assignment-start{font-size:13px;margin:-7px 0 18px}.candidate-page .assignment-workform-note{display:inline-block;font-size:12px;padding:5px 9px;background:#e1eade;border-radius:5px;margin-bottom:12px}.candidate-page .assignment-contact-mobile{display:block;color:inherit;font-size:15px;margin:5px 0 7px;text-decoration:underline;text-underline-offset:3px} .candidate-page .assignment-calculator{margin-top:25px;padding-top:24px;border-top:1px solid #c7d8c8}.candidate-page .assignment-calculator h3{font-size:25px;line-height:1.3}.candidate-page .assignment-calculator>p{font-size:14px;line-height:1.7}.candidate-page .assignment-calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 10px}.candidate-page .assignment-calculator label{display:block;font-size:13px;line-height:1.6;margin-bottom:8px}.candidate-page .assignment-calculator input[type=number]{font:inherit;font-size:16px;width:100%;box-sizing:border-box;padding:10px 12px;min-height:46px;border:1px solid #9eb9a8;border-radius:5px;background:#fff}.candidate-page .assignment-calculator .assignment-calc-check{display:flex;align-items:center;gap:10px;margin:18px 0}.candidate-page .assignment-calc-check input{width:18px;height:18px}.candidate-page .assignment-calculator .button{width:auto;max-width:100%;margin:0;padding:13px 20px}.candidate-page .assignment-calc-output{background:#fff;border:1px solid #d1ded3;border-radius:8px;margin-top:24px;padding:22px}.candidate-page .assignment-calc-output>div>span,.candidate-page .assignment-calc-output small{display:block;font-size:12px;color:#5d7467}.candidate-page .assignment-calc-output strong{display:block;font-size:38px;letter-spacing:-.045em;line-height:1.4;color:#1b4b38;overflow-wrap:anywhere}.candidate-page .assignment-calc-output dl{margin:20px 0 0}.candidate-page .assignment-calc-output dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #e1e8e0;font-size:13px}.candidate-page .assignment-calc-output dd{margin:0;white-space:nowrap}.candidate-page .assignment-calculator .assignment-calc-note{font-size:12px;line-height:1.7;color:#526c5b}.candidate-page #assignment-calc-status{font-size:13px;line-height:1.7}.candidate-page .assignment-calc-error{font-size:13px;color:#9a2923}.candidate-page .assignment-calc-assumptions{margin:18px 0;border-block:1px solid #c7d8c8}.candidate-page .assignment-calc-assumptions summary{font-size:13px;padding-block:14px;cursor:pointer}.candidate-page .assignment-calc-assumptions p{font-size:12px;line-height:1.7}.candidate-page .assignment-calculator .quiet-link{margin-top:18px;display:inline-block;font-size:13px} .footer-bottom{flex-direction:column;align-items:center;justify-content:center;gap:18px}.footer-bottom .footer-meta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.footer-bottom .footer-social{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:8px}.footer-social a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:#e5eee6;margin:0!important;border-radius:5px}.footer-social a:hover,.footer-social a:focus-visible{color:var(--mint);background:#ffffff12;outline-offset:2px}.footer-social svg{width:21px;height:21px;fill:currentColor;flex-shrink:0}.footer-bottom>div:last-child{justify-content:center} @media(min-width:1500px){#nav{font-size:15px;gap:26px}.home-search-hero{padding-top:58px}.home-search-hero .hero-grid{gap:80px}.home-hero-photo .editorial-photo img{max-height:490px}} @media(max-width:650px){.nav-shell{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding-block:12px}.nav-shell>.menu-toggle{display:flex!important;grid-column:2;grid-row:1;align-items:center;gap:9px;min-height:44px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:5px;padding:8px 12px}.nav-shell>.header-actions{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px}.nav-shell .header-actions>a{justify-content:center;min-height:42px;font-size:13px;padding:9px 12px}.nav-shell>#nav{display:none!important;grid-column:1/-1;grid-row:3;position:static;padding-top:8px;max-height:60vh;overflow-y:auto;align-items:stretch;gap:0}.nav-shell>#nav.open{display:flex!important;flex-direction:column}.nav-shell>#nav>a,.nav-shell>#nav .nav-group>summary{padding:12px;min-height:46px}.nav-shell>#nav .nav-dropdown.compact{position:static;max-width:100%;width:100%;border:0;box-shadow:none;padding:0 0 8px}.nav-shell>#nav .nav-dropdown.compact a{padding:12px 16px}.nav-shell>#nav .nav-group{position:static;width:100%}body.cms-route .nav-shell>.menu-toggle{display:none!important}} @media(max-width:1100px){#nav{font-size:13px;gap:16px}.home-search-hero .hero-grid,.page-hero.real-photo .container{gap:35px}.home-search-hero h1{font-size:48px}.home-search-hero .hero-search{grid-template-columns:1fr 135px;padding:17px;gap:14px}.home-search-hero .lead{font-size:16px}.home-hero-photo .editorial-photo img{min-height:350px}.page-hero.real-photo figure img{height:280px}} @media(max-width:900px){#nav{font-size:14px}#nav .nav-dropdown.compact{position:static;width:100%;max-width:100%;padding:7px 0;box-shadow:none;border:0}#nav .nav-dropdown.compact .nav-options{grid-template-columns:1fr 1fr}.home-search-hero .hero-grid{grid-template-columns:1fr 0.7fr;gap:25px}.home-search-hero .hero-search{grid-template-columns:1fr}.home-search-hero .hero-search button{grid-column:auto}.home-search-hero h1{font-size:44px}} @media(max-width:650px){.home-search-hero{padding-top:30px}.home-search-hero .hero-grid,.page-hero.real-photo .container{grid-template-columns:1fr;gap:28px}.home-search-hero h1{font-size:clamp(37px,10vw,48px)}.home-search-hero .lead{margin:18px 0 22px}.home-search-hero .hero-search{grid-template-columns:1fr;gap:13px;padding:17px}.home-search-hero .hero-search .field+.field{padding:0;border:0}.home-search-hero .hero-search input,.home-search-hero .hero-search select{min-height:44px}.home-search-hero .home-hero-photo{margin-top:4px}.home-hero-photo .editorial-photo img{min-height:0;max-height:250px;aspect-ratio:1.5}.home-search-hero .popular{margin-top:22px}.page-hero.real-photo{padding-block:34px}.page-hero.real-photo figure img{height:230px;border-radius:7px}.page-hero.real-photo h1{font-size:38px}#nav .nav-dropdown.compact .nav-options{grid-template-columns:1fr}#nav .nav-dropdown.compact strong{font-size:15px}.candidate-page .assignment-hero-facts{grid-template-columns:1fr;gap:10px}.candidate-page .assignment-calc-inputs{grid-template-columns:1fr;gap:13px}.candidate-page .assignment-calc-output{padding:17px}.candidate-page .assignment-calc-output strong{font-size:33px}.candidate-page .assignment-calc-output dl div{font-size:12px;gap:12px}.footer-bottom .footer-meta{flex-direction:column;gap:12px}.footer-bottom .footer-social{gap:9px}.footer-bottom>div:last-child{align-items:center}} .catalog-more{display:grid;justify-items:center;gap:14px;margin-top:32px;text-align:center}.catalog-more[hidden]{display:none}.catalog-more p{margin:0} .cvw-heading{padding:48px 0 28px;background:var(--mint-light)}.cvw-heading h1{font-size:clamp(32px,4vw,52px)}.cvw-heading p{max-width:760px;margin:15px 0}.cvw-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.cvw-top img{width:88px;height:88px;object-fit:contain}.cvw-steps{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0;font-size:14px}.cvw-steps li{border-bottom:2px solid var(--line);padding:8px 12px}.cvw-steps [aria-current]{border-color:var(--forest);font-weight:600}.cvw-context{padding:18px 0;border-bottom:1px solid var(--line)}.cvw-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:28px;align-items:start}.cvw-coach,.cvw-editor{border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-width:0;background:white}.cvw-coach h2,.cvw-editor h2{font-size:26px;margin-bottom:18px}.cvw-coach h3{font-size:19px;margin:22px 0 12px}.cvw-coach .field,.cvw-editor .field{margin-bottom:16px}.cvw-coach label,.cvw-editor label{display:block;font-size:14px;margin-bottom:6px}.cvw-coach input,.cvw-coach textarea,.cvw-coach select,.cvw-editor select,.cvw-editor textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #a9bcb2;border-radius:7px;padding:12px;font:inherit;background:white;color:var(--ink)}.cvw-editor textarea{min-height:540px;resize:vertical;line-height:1.65;font-size:15px}.cvw-coach textarea{min-height:130px;resize:vertical}.cvw-helper{font-size:14px;color:var(--muted)}.cvw-guidance{background:var(--mint-light);padding:16px;border-radius:8px}.cvw-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0}.cvw-actions button,.cvw-actions a{min-height:44px;white-space:normal;max-width:100%}.cvw-confirm{display:flex!important;align-items:flex-start;gap:10px;line-height:1.5}.cvw-confirm input{width:20px;height:20px;flex:none;margin:3px 0 0}.cvw-feedback{margin:12px 0;font-size:14px;min-height:1.5em}.cvw-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:var(--cream);margin-top:16px;line-height:1.7}.cvw-editor details{margin-top:20px}.cvw-editor summary{cursor:pointer;font-weight:600}.cvw-status{background:var(--mint-light);border-left:3px solid var(--mint);padding:12px 16px;margin-bottom:18px}.cvw-upload-choice{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.cvw-upload-choice .field{flex:1;min-width:180px}.cvw-upload-choice button{margin-bottom:16px}.cvw-save-note{font-size:14px;line-height:1.6}.cvw-coach [hidden]{display:none!important} @media(max-width:760px){.cvw-heading{padding:30px 0 22px}.cvw-layout{grid-template-columns:minmax(0,1fr)}.cvw-coach,.cvw-editor{padding:20px}.cvw-top{gap:14px}.cvw-top img{width:64px;height:64px}.cvw-editor textarea{min-height:420px;font-size:16px}.cvw-actions .btn{width:100%}.cvw-steps{gap:4px;font-size:13px}.cvw-steps li{padding:8px}.cvw-preview{padding:16px}.cvw-heading .container,.cvw-layout{min-width:0}} .portal-projects{margin:28px 0 48px}.portal-projects>.portal-card-title{align-items:center}.portal-projects h2{font-size:32px}.portal-projects>.portal-card-title p{margin:9px 0}.portal-shortcuts{display:flex;flex-wrap:wrap;gap:12px 24px;border-block:1px solid #dbe5de;padding:18px 0;font-size:15px}.portal-shortcuts a{color:#21553f;text-underline-offset:5px}.project-layout{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:24px;align-items:start}.project-picker{display:grid;gap:10px;max-height:850px;overflow:auto;padding:2px}.project-tile{border:1px solid #d4e1d7;border-radius:8px;background:#fff;padding:17px;text-decoration:none;color:inherit;display:grid;gap:7px}.project-tile strong{line-height:1.5;font-size:15px}.project-tile span{font-size:13px;color:#49624f}.project-tile small{font-size:11px;color:#49624f}.project-tile.is-active{background:#e6f4ec;border:2px solid #26744e;padding:16px}.project-workspace{padding:28px;border:1px solid #d4e1d7;border-radius:12px;background:white;min-width:0;overflow-wrap:anywhere}.project-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.project-heading h3{font-size:30px;line-height:1.25;margin:8px 0 14px}.project-heading .btn{font-size:13px;white-space:nowrap;padding:11px 14px}.project-availability{font-size:14px;color:#43634e;line-height:1.7;padding-bottom:12px}.project-part{padding:27px 0;border-top:1px solid #dbe5de}.project-part:last-child{padding-bottom:0}.project-part h4{font-size:21px;line-height:1.5;margin:0 0 12px}.project-part h4>span{display:inline-grid;place-items:center;border-radius:50%;width:27px;height:27px;font-size:13px;background:#e5f2e8;margin-right:7px;color:#215b3e}.project-part p{font-size:15px;line-height:1.7}.project-part .field{min-width:0}.project-part select{width:100%;max-width:100%;border:1px solid #bdd0c2;background:white;min-height:44px;font:inherit;font-size:14px;padding:10px;border-radius:5px}.project-part .btn{font-size:14px}.project-cv-current{padding:14px;background:#f1f7f2;border-radius:7px}.project-cv-current strong,.project-cv-current small{display:block;overflow-wrap:anywhere}.project-cv-current small{font-size:12px;margin-top:6px}.project-cv-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin:20px 0}.project-cv-choice .field{margin:0}.project-cv-choice label{font-size:13px;display:block;margin-bottom:7px}.project-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.project-noor-intro{display:flex;gap:17px;align-items:center;margin-bottom:20px}.project-noor-intro img{object-fit:cover;object-position:top;border-radius:50%;flex:none;background:#e7f2e6;width:64px;height:64px}.project-noor-intro p{margin:6px 0}.project-calculations{padding:0;list-style:none}.project-calculations li{padding:17px;background:#f3f7f1;border-radius:7px;margin-bottom:12px}.project-part details>summary{cursor:pointer;padding:14px 0;font-size:14px}.project-part .assignment-calculator{padding-top:8px}.project-part .assignment-calculator h3{font-size:23px}.project-part .assignment-calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-part .assignment-calculator input[type=number]{width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid #a6c2ad;border-radius:5px;font:inherit}.project-part .assignment-calculator label{font-size:13px;display:block}.project-part .assignment-calc-check{display:flex;gap:10px;align-items:center;margin:20px 0}.project-part .assignment-calc-output{border:1px solid #cfdfd0;padding:20px;border-radius:7px;margin-top:20px}.project-part .assignment-calc-output strong{display:block;font-size:34px}.project-part .assignment-calc-output dl div{display:flex;gap:20px;justify-content:space-between;padding:10px 0;font-size:13px}.project-part .assignment-calc-output dd{margin:0}.project-feedback:empty{display:none}.project-empty{padding:28px;border:1px dashed #9fbca7;border-radius:10px}.portal-general-grid{padding-top:25px;border-top:1px solid #d4e1d7}.portal-general-grid .portal-card h2{font-size:24px}.portal-mail-status small{line-height:1.6;margin-top:12px}.portal-mail-status button{font-size:12px}.project-part .noor-check-form{margin:0}.portal-projects .noor-result h3{font-size:21px}.project-part .noor-label-unknown{background:#fbe7e4;color:#9c3028}.portal-projects .noor-criterion[data-noor-status=unknown]{border-left:3px solid #b84034} @media(max-width:950px){.project-layout{grid-template-columns:1fr}.project-picker{display:flex;overflow:auto;max-height:none;padding-bottom:8px;gap:10px}.project-tile{min-width:210px;max-width:280px;flex:0 0 210px}.project-heading{flex-wrap:wrap}.project-workspace{padding:24px}.project-cv-choice{grid-template-columns:1fr}.project-cv-choice .btn{justify-self:start}} @media(max-width:600px){.portal-shortcuts{gap:14px;font-size:13px}.project-workspace{padding:18px}.project-heading h3{font-size:26px}.project-noor-intro{gap:12px;align-items:start}.project-noor-intro img{width:48px;height:48px}.project-part h4{font-size:19px}.project-part .assignment-calc-inputs{grid-template-columns:1fr}.project-part .assignment-calc-output dl div{flex-wrap:wrap;gap:3px}.project-actions{align-items:stretch;flex-direction:column}.project-actions .btn{justify-content:center}.portal-projects h2{font-size:28px}.project-part .noor-next-actions .button{width:100%}.project-part .assignment-calc-output strong{font-size:29px}.project-layout{gap:16px}} .noor-compact{border:1px solid #cbdcce;border-radius:10px;padding:25px!important;background:#f6faf5;margin:26px 0}.noor-compact-heading{display:flex;gap:16px;align-items:center}.noor-compact-heading>img{width:64px;height:64px;object-fit:cover;object-position:top;background:#e1f0e0;border-radius:50%;flex:none}.candidate-page .noor-compact h2{font-size:29px;line-height:1.25;margin:7px 0 0}.candidate-page .noor-compact .eyebrow{margin:0;font-size:10px}.noor-check-form{padding:0!important;background:transparent!important;max-width:100%;margin-top:20px}.noor-check-form .field{min-width:0}.noor-check-form select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:14px;padding:11px;border:1px solid #a8c1ab;border-radius:5px;background:white}.noor-check-form .button{margin:15px 0 0!important;width:auto!important}.noor-check-form label{font-size:14px;display:block;margin-bottom:9px}.noor-privacy{font-size:13px;margin-top:13px}.noor-privacy summary{cursor:pointer}.noor-privacy p{font-size:13px!important;line-height:1.6}.noor-result-compact{margin-top:20px;padding-top:18px}.noor-totals{display:flex;flex-wrap:wrap;gap:8px}.noor-label-unknown{background:#fbe7e4!important;color:#9c3028!important}.noor-criterion[data-noor-status=unknown]{border-left:3px solid #b84034}.noor-compact-attention{list-style:none!important;padding:0!important;display:grid;gap:10px;margin:17px 0!important}.noor-compact-attention li{padding:13px!important;border-left:3px solid #b84034;background:#fff3f0;margin:0!important}.noor-compact-attention strong,.noor-compact-attention span{display:block;font-size:13px;line-height:1.6}.noor-compact-attention strong{color:#9c3028}.noor-optional{font-size:13px!important;line-height:1.7!important;margin:18px 0 0!important}.noor-result-compact .noor-next-actions{margin:17px 0}.noor-result-compact .noor-next-actions .button{font-size:14px}.noor-result-compact h3{font-size:22px;margin:0 0 14px}.noor-result-compact .small{font-size:12px!important;line-height:1.7!important}.noor-result-compact .noor-next-actions a{margin:0!important}.candidate-page .related-card .client-identity--related{min-height:70px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.candidate-page .related-card .client-identity--related .client-logo{width:90px;height:55px;flex:0 0 90px;display:flex;align-items:center;justify-content:center}.candidate-page .related-card .client-identity--related img{max-width:90px;max-height:55px;object-fit:contain}.candidate-page .related-card .client-name{font-size:12px;line-height:1.5} @media(max-width:600px){.noor-compact{padding:18px!important}.noor-compact-heading{gap:12px;align-items:start}.noor-compact-heading>img{width:48px;height:48px}.candidate-page .noor-compact h2{font-size:24px}.noor-check-form .button{width:100%!important;font-size:14px}.candidate-page .related-card .client-identity--related{min-height:64px}.noor-result-compact .noor-next-actions{flex-direction:column;align-items:stretch}} /* Reuse the site action treatment inside the personal assignment workspace. */ .project-part .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:13px 20px;border:1px solid var(--cta);border-radius:5px;background:var(--cta);color:var(--ink);font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}.project-part .button:hover{background:var(--cta-hover);border-color:var(--cta-hover)}.project-part .button:disabled{opacity:.6;cursor:wait}.project-part .button:focus-visible{outline:2px solid var(--forest);outline-offset:3px} .portal-pages{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.portal-pages a{padding:12px 18px;border-radius:6px;text-decoration:none;color:var(--forest);border:1px solid transparent}.portal-pages a[aria-current]{background:var(--mint-light);border-color:#a4cbb4;font-weight:600}.portal-section>.container>.portal-card{max-width:1000px;margin:0 auto}.portal-projects{margin-top:0}.project-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-index-item{min-width:0;border:1px solid var(--line);border-radius:9px;background:white;display:flex;flex-direction:column}.project-index-item .project-tile{border:0;flex:1;margin:0;min-width:0}.project-index-item h3{font-size:21px;line-height:1.35;margin:5px 0 12px}.project-index-item>button{align-self:start;margin:0 17px 17px;font-size:12px}.project-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 12px}.project-steps a{display:flex;align-items:center;gap:12px;padding:16px;background:#f4f7f1;border:1px solid #d7e3d7;border-radius:7px;text-decoration:none;color:var(--forest);font-size:14px;line-height:1.5}.project-steps a[aria-current]{border-color:#26805d;background:#e3f3e9;font-weight:600}.project-steps span{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:50%;background:white}.project-workspace>.project-heading h2{font-size:30px;line-height:1.3;margin:8px 0}.project-workspace .project-part h3{font-size:25px;margin-bottom:16px}.project-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.project-choice{border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0}.project-choice h4{font-size:20px}.project-choice input[type=file]{max-width:100%;font:inherit;font-size:13px;margin:12px 0}.project-choice label{display:block;font-size:13px;line-height:1.6}.project-criteria{border-bottom:1px solid var(--line)}.project-criteria ul{font-size:14px;line-height:1.75;padding-left:22px}.project-criteria li{margin-bottom:12px}.project-workspace .job-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;max-width:700px}.project-pay>summary{font-size:18px!important;font-weight:500}.project-workspace .noor-criteria>details{border-bottom:1px solid var(--line);padding:12px 0}.project-workspace .noor-criteria>details summary{display:flex;align-items:start;gap:12px;font-size:14px}.project-workspace .noor-criteria>details p{font-size:14px}.noor-choices{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin:20px 0}.kb-article>.container{max-width:860px}.kb-article h1{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:28px 0 22px}.kb-article .eyebrow{margin-top:32px}.kb-steps{counter-reset:help;list-style:none;padding:0;margin:38px 0}.kb-steps>li{counter-increment:help;position:relative;padding:0 0 24px 50px;margin-bottom:24px;border-bottom:1px solid var(--line)}.kb-steps>li:before{content:counter(help);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--mint-light);display:grid;place-items:center;font-size:14px}.kb-steps h2{font-size:24px;line-height:1.4;margin-bottom:12px}.kb-steps p,.kb-article>.container>p{line-height:1.8}.kb-next{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:32px 0}.kb-personal{font-size:14px}.kb-library form{max-width:850px;margin-bottom:22px}.kb-library label{display:block;font-size:16px;margin-bottom:10px}.kb-library input{width:100%;padding:15px;border:1px solid #9eb9a8;border-radius:6px;background:white;font:inherit;font-size:16px}.kb-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.kb-filters button{font:inherit;font-size:14px;padding:10px 16px;border:1px solid #a8c3b1;border-radius:30px;background:white;color:var(--forest);cursor:pointer}.kb-filters button[aria-pressed=true]{background:var(--forest);color:white;border-color:var(--forest)}.kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kb-card{background:white;padding:27px;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:start;min-width:0}.kb-card h2{font-size:24px;line-height:1.35;margin:16px 0}.kb-card h2 a{color:inherit;text-decoration:none}.kb-card p{font-size:15px;line-height:1.8;margin-bottom:22px}.kb-card>a{margin-top:auto}.kb-card[hidden],.kb-empty[hidden]{display:none}.kb-empty{padding:22px 0}.kb-videos{margin-top:50px;border-top:1px solid var(--line);padding-top:24px}.kb-videos>summary{font-size:22px;cursor:pointer;margin-bottom:25px} @media(max-width:950px){.project-index,.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-steps a{padding:12px;gap:8px;font-size:13px}.project-choice-grid{gap:15px}} .cvw-job{font-size:25px;line-height:1.4;margin:20px 0}.cvw-document-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin:25px 0}.cvw-paper,.cvw-finish,.cvw-file-fallback{background:white;border:1px solid var(--line);border-radius:9px;padding:25px;min-width:0}.cvw-paper h2,.cvw-finish h2,.cvw-file-fallback h2{font-size:25px;margin-bottom:18px}.cvw-passages{max-height:590px;overflow:auto;overscroll-behavior:contain;padding:4px}.cvw-passages button{display:block;width:100%;text-align:left;font:inherit;color:var(--forest);border:1px solid transparent;border-radius:6px;background:white;padding:12px;margin-bottom:8px;cursor:pointer;overflow-wrap:anywhere}.cvw-passages button:hover,.cvw-passages button[aria-pressed=true]{background:#edf7ef;border-color:#74a28c}.cvw-passages button:disabled{cursor:default;color:#6a746e}.cvw-passage-number{display:block;font-size:11px;color:#57685c;margin-bottom:6px}.cvw-passage-text{display:block;white-space:pre-wrap;font-size:14px;line-height:1.7}.cvw-passage-editor textarea{min-height:190px;font-size:15px}.cvw-writing-help{border-top:1px solid var(--line);padding-top:18px}.cvw-writing-help textarea{min-height:110px;margin:8px 0 16px}.cvw-attention{border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:22px}.cvw-attention summary{font-size:17px;cursor:pointer}.cvw-attention li{font-size:14px;line-height:1.7;margin:18px 0}.cvw-attention p{margin:8px 0}.cvw-file-fallback{max-width:850px}.cvw-file-fallback input{max-width:100%;margin:12px 0}.cvw-finish{margin-top:24px}.cvw-finish>label{font-size:14px}.cvw-passage-editor{position:sticky;top:120px}.cvw-finish .cvw-confirm{max-width:850px}.cvw-writing-help .cvw-confirm input{width:20px;height:20px}.cvw-writing-help[open] summary{margin-bottom:15px} @media(max-width:760px){.cvw-document-layout{grid-template-columns:1fr}.cvw-passage-editor{position:static}.cvw-passages{max-height:280px}.cvw-paper,.cvw-finish,.cvw-file-fallback{padding:18px}.cvw-passage-editor textarea{font-size:16px;min-height:170px}.cvw-upload-choice .field{min-width:0;flex-basis:100%}.cvw-upload-choice select{width:100%}.cvw-upload-choice{gap:6px}.cvw-upload-choice button{margin-bottom:14px}.cvw-paper h2,.cvw-finish h2{font-size:23px}} @media(max-width:650px){.portal-pages{display:grid;grid-template-columns:1fr 1fr;gap:8px}.portal-pages a{padding:11px 12px;font-size:13px}.project-index,.kb-grid,.project-choice-grid{grid-template-columns:1fr}.project-steps{gap:6px}.project-steps a{flex-direction:column;align-items:start;padding:10px;font-size:11px;gap:8px}.project-steps span{width:24px;height:24px;font-size:12px}.project-workspace>.project-heading h2{font-size:25px}.project-workspace .project-part h3{font-size:23px}.project-workspace .job-card-facts{grid-template-columns:1fr}.project-choice{padding:18px}.kb-card{padding:22px}.kb-card h2{font-size:23px}.kb-steps>li{padding-left:40px}.kb-steps h2{font-size:22px}.kb-next{align-items:stretch;flex-direction:column}.kb-next .btn{justify-content:center}.kb-filters{gap:8px}.kb-filters button{padding:9px 13px;font-size:13px}.noor-choices{align-items:stretch;flex-direction:column}} .portal-pages,.project-steps{position:static;inset:auto;width:auto;box-shadow:none;background:transparent;max-height:none;overflow:visible}.portal-pages a,.project-steps a{white-space:normal}.portal-pages a:after,.project-steps a:after{display:none} .portal-heading{padding:30px 0}.portal-heading h1{font-size:clamp(32px,4vw,46px)}.portal-heading .eyebrow{margin-bottom:12px}.portal-heading p:last-child{margin-bottom:0}.portal-section{padding:30px 0 50px}.portal-pages{margin-bottom:22px}.cvw-heading{padding:24px 0 18px}.cvw-heading h1{font-size:clamp(30px,4vw,44px)}.cvw-heading p{margin:8px 0}.cvw-heading+.section{padding:32px 0 50px}.cvw-heading .eyebrow{margin-bottom:10px}.cvw-job{margin:12px 0}.cvw-attention{padding:12px 0;margin-bottom:16px} @media(max-width:650px){.portal-heading{padding:20px 0}.portal-heading .container{gap:10px}.portal-heading .container>button{align-self:flex-end}.portal-pages{padding-bottom:12px;margin-bottom:20px}.portal-projects>.portal-card-title{gap:14px;margin-bottom:20px}} .portal-pages,.project-steps{padding:0 0 16px}.project-steps{align-items:stretch;padding:0}.project-steps a{height:100%} @media(max-width:650px){.project-steps a{padding:10px 6px;font-size:12px}} .project-index-item .project-tile{max-width:none;width:100%} .noor-chat-root{font-family:General,Arial,sans-serif;color:var(--ink)} .noor-chat-launcher{position:fixed;right:24px;bottom:24px;z-index:95;display:flex;align-items:center;gap:12px;border:1px solid #ffffff38;border-radius:40px;padding:9px 18px 9px 9px;background:var(--forest);color:white;box-shadow:0 7px 30px #15372d30;min-height:62px;text-align:left} .noor-chat-launcher:hover{background:#132e26}.noor-chat-launcher img,.noor-chat-header img{border-radius:50%;object-fit:cover;object-position:50% 20%;background:var(--mint-light)} .noor-chat-launcher strong{display:block;font:600 15px/1.4 Host,General,sans-serif;letter-spacing:-.02em}.noor-chat-launcher small{display:block;font-size:10px;color:#c7e6d9}.noor-chat-launcher svg{width:21px;height:21px;fill:none;stroke:#b6e7d3;stroke-width:1.5} .noor-chat-dialog{position:fixed;inset:auto 24px 24px auto;margin:0;padding:0;width:min(430px,calc(100vw - 32px));height:min(710px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);max-width:none;border:1px solid #dbe4de;border-radius:20px;background:#fff;box-shadow:0 18px 80px #112b2840;color:var(--ink);overflow:hidden} .noor-chat-dialog[open]{display:flex;flex-direction:column}.noor-chat-dialog::backdrop{background:#142f2920} .noor-chat-header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--forest);color:#fff;flex-shrink:0} .noor-chat-header h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;color:#fff;margin:0}.noor-chat-header p{font-size:11px;color:#c4e0d3;margin:3px 0 0}.noor-chat-close{margin-left:auto;width:36px;height:36px;flex-shrink:0;border:1px solid #ffffff38;border-radius:50%;color:#fff;background:transparent;font:26px/1 Arial} .noor-chat-scope{font-size:11px;line-height:1.45;margin:0;padding:11px 20px;background:var(--mint-light);border-bottom:1px solid var(--line);flex-shrink:0} .noor-chat-log{flex:1;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:20px;scroll-behavior:smooth} .noor-chat-message{width:94%;margin:0 0 16px;padding:13px 15px;background:#f2f5f1;border:1px solid #e7ece5;border-radius:4px 15px 15px} .noor-chat-message.is-user{margin-left:auto;background:#e2f1e9;border-color:#d4e9dc;border-radius:15px 4px 15px 15px} .noor-chat-who{display:block;font-size:10px;line-height:1.4;font-weight:600;color:#426456;margin-bottom:5px}.noor-chat-message p{font-size:13px;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .noor-chat-sources{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.noor-chat-sources a{font-size:10px;line-height:1.55;text-decoration:underline;text-underline-offset:3px;color:#285c48} .noor-chat-suggestions{display:flex;flex-direction:column;align-items:start;gap:8px}.noor-chat-suggestions button{border:1px solid #cbded1;background:#fff;border-radius:12px;padding:9px 12px;font-size:12px;text-align:left;color:#315a47;line-height:1.5}.noor-chat-suggestions button:hover{background:var(--mint-light)} .noor-chat-controls{padding:12px 18px 14px;border-top:1px solid var(--line);flex-shrink:0;background:#fff} .noor-chat-personal{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;margin-bottom:8px}.noor-chat-personal[hidden]{display:none}.noor-chat-personal input{margin-top:4px;accent-color:var(--forest)} .noor-chat-feedback{font-size:11px;line-height:1.5;margin:0 0 8px;color:#486554}.noor-chat-feedback:empty{display:none} .noor-chat-input-label{display:block;font-size:11px;margin-bottom:5px;color:#486554}.noor-chat-form>div{display:flex;align-items:flex-end;border:1px solid #bbd1c3;border-radius:12px;padding:6px;background:#fff} .noor-chat-form textarea{display:block;flex:1;min-width:0;resize:none;border:0;padding:7px 8px;background:none;color:var(--ink);font:14px/1.5 General,Arial,sans-serif;max-height:100px;border-radius:6px} .noor-chat-form button{border:0;display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:9px;background:var(--forest);color:white}.noor-chat-form button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .noor-chat-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;margin-top:9px;font-size:10px;line-height:1.6}.noor-chat-bottom a{text-decoration:underline;text-underline-offset:3px}.noor-chat-bottom button{border:0;background:transparent;padding:0;font-size:10px;color:#486554;text-decoration:underline;text-underline-offset:3px} .noor-chat-privacy{font-size:9px;line-height:1.6;color:#6b7c71;margin:8px 0 0}.noor-chat-privacy a{text-decoration:underline} .noor-chat-inline{display:inline-flex;align-items:center;background:transparent;border:1px solid #b7cfc0;border-radius:7px;padding:10px 13px;margin:12px 0;font-size:12px;color:#285441;text-align:left} body:has(.noor-chat-dialog[open]){overflow:hidden} @media(max-width:600px){.noor-chat-launcher{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding-right:14px;min-height:56px;gap:9px}.noor-chat-launcher img{width:36px;height:36px}.noor-chat-launcher strong{font-size:13px}.noor-chat-launcher small{font-size:9px}.noor-chat-launcher svg{width:18px}.noor-chat-dialog{inset:12px 8px max(8px,env(safe-area-inset-bottom)) 8px;width:calc(100vw - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:15px}.noor-chat-header{padding:13px 16px}.noor-chat-log{padding:16px}.noor-chat-controls{padding:10px 14px 12px}.noor-chat-form textarea{font-size:16px}.noor-chat-message p{font-size:13px}.noor-chat-privacy{font-size:9px}} @media(prefers-reduced-motion:reduce){.noor-chat-log{scroll-behavior:auto}} @media(max-width:740px){body:has(.candidate-page .mobile-action) .noor-chat-launcher{bottom:calc(102px + env(safe-area-inset-bottom,0px))}} .social-page-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line,#dce6e1)} .social-page-nav .text-link{font-size:14px;white-space:normal} .social-landing .page-hero h1{max-width:100%;overflow-wrap:normal} .social-landing .aside .small{margin-top:24px} .social-landing .prose .text-link{display:inline;font:inherit;text-decoration:underline} .social-landing .prose .text-link span{display:none} .social-preparation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px} .social-preparation article{min-width:0;border-top:1px solid var(--line,#dce6e1);padding-top:24px} .social-preparation h3{margin:20px 0 12px} .social-next-step{max-width:780px;margin-top:36px} .social-next-step .text-link{margin-top:12px} .social-topic-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} .social-topic-links article{min-width:0;border-top:1px solid var(--line,#dce6e1);padding-top:24px} .social-topic-links p{margin:16px 0 20px} .social-landing .job-grid .social-server-card{display:flex;flex-direction:column;gap:18px} .social-server-card .social-job-client{font-weight:600;font-size:14px} .social-server-card p{margin:0} .social-server-card .social-job-deadline{font-size:14px} @media(max-width:760px){.social-preparation,.social-topic-links{grid-template-columns:1fr;gap:28px}.social-page-nav{gap:12px 20px}.social-landing .page-hero h1{font-size:clamp(31px,8vw,52px);line-height:1.08}} /* Shorter public pages in the established forest, mint and cream identity. */ .noor-chat-launcher{min-height:44px;padding:5px 14px 5px 5px;gap:8px;border:1px solid #cbdcd2;border-radius:24px;background:#fff;color:var(--forest);box-shadow:0 3px 14px #15372d12} .noor-chat-launcher>img{width:32px;height:32px;flex-shrink:0} .noor-chat-launcher:hover{background:var(--mint-light);color:var(--forest)} .noor-chat-launcher strong{font:500 13px/1.4 General,Arial,sans-serif;letter-spacing:0} .noor-chat-launcher svg{width:18px;height:18px;stroke:currentColor;flex-shrink:0} .person-intro{display:flex;gap:18px;align-items:center;margin-bottom:20px} .person-intro strong{display:block;font-size:20px;margin-bottom:5px} .person-intro>div>span{display:block;font-size:13px;color:var(--muted);max-width:22ch} .person-photo{display:block;width:80px;height:80px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--cream)} .person-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.9);transform-origin:50% 40%} .support-person-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:white} .support-person-portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px} .support-person-card h3{font-size:32px;margin-bottom:16px} .support-person-card>div>p:not(.eyebrow){max-width:58ch;color:var(--muted)} .support-person-note{margin:18px 0 0;font-size:13px} .about-person{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)} .about-person .text-link{margin-top:3px} .det-personal{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream)} .det-personal h3{font-size:26px;margin-bottom:16px} .det-personal>p{font-size:15px;line-height:1.8;color:var(--muted)} .how-extra-support{padding-top:0} .how-extra-support details{border-block:1px solid var(--line)} .how-extra-support summary{padding:20px 32px 20px 0;font-size:15px} .how-extra-support details>p{max-width:80ch;color:var(--muted);font-size:15px} .candidate-page .match-teaser-quiet{display:inline-flex;border:0;padding:0;margin-top:12px;font-size:13px;color:var(--muted)} .candidate-page .match-teaser-quiet>span{border-bottom:1px solid var(--line);padding-bottom:3px} .candidate-page .match-teaser-quiet>span>span[aria-hidden]{display:inline;margin:0;font-size:inherit} .candidate-page .match-section.cv-help-optional{padding:0;margin-top:28px;background:transparent;border:0;box-shadow:none} .cv-help-optional>details{border-block:1px solid var(--line)} .cv-help-optional summary{padding:20px 32px 20px 0;font-size:16px} .cv-help-optional summary small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px} .cv-help-content{padding:8px 0 24px} .cv-help-content h3{font-size:23px;margin-bottom:15px} .cv-help-content>p{font-size:15px;color:var(--muted)} @media(max-width:650px){.support-person-card{grid-template-columns:1fr;gap:25px;padding:24px}.support-person-portrait{width:180px;max-width:100%;aspect-ratio:1}.support-person-card h3{font-size:28px}.support-person-card .actions{gap:18px}.det-personal{padding:25px}.noor-chat-launcher{right:12px}} .home-simple .home-hero-photo .editorial-photo img{aspect-ratio:5/4;min-height:0;max-height:460px;object-position:50% 45%} .home-simple .popular{gap:10px 20px} .home-opportunities .section-title{margin-bottom:30px} .home-reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} .home-reason-grid article{min-width:0;border-top:1px solid #cbdcd2;padding-top:24px} .home-reason-number{display:block;font-size:12px;color:#35745e;margin-bottom:18px} .home-reason-grid h3{font-size:25px;line-height:1.2;margin-bottom:14px} .home-reason-grid p{font-size:15px;line-height:1.8;color:var(--muted);margin:0} .home-account-band{padding:34px 0;background:var(--cream);border-block:1px solid var(--line)} .home-account-band .container{display:flex;align-items:center;justify-content:space-between;gap:32px} .home-account-band h2{font-size:28px;line-height:1.2;margin-bottom:9px} .home-account-band p{font-size:15px;color:var(--muted);margin:0} .home-account-band .btn{flex-shrink:0} .page-hero.listing-compact-hero{padding:30px 0 26px} .listing-compact-hero .container{display:block} .listing-compact-hero .breadcrumb{margin-bottom:14px} .listing-compact-hero .eyebrow{display:none} .listing-compact-hero h1{font-size:clamp(31px,3.6vw,46px);line-height:1.14;max-width:100%} .listing-compact-hero .lead{font-size:16px;margin-top:13px;margin-bottom:0;max-width:800px} .listing-compact-hero+.opportunity-overview{padding-top:28px} .page-hero.support-compact-hero{padding:36px 0 32px} .support-compact-hero .breadcrumb{margin-bottom:20px} .support-compact-hero h1{font-size:clamp(36px,4.2vw,54px)} .support-compact-hero .lead{margin-top:18px;max-width:650px} .support-simple .support-label{margin-bottom:18px;min-height:0} .support-simple .support-noor-intro{margin-bottom:18px;min-height:44px} .support-simple .support-noor-intro img{width:44px;height:44px} .support-simple .support-choice{padding:30px} .support-simple .support-choice h3{font-size:28px;margin-bottom:16px} .support-simple .support-choice>p{margin-bottom:24px;max-width:48ch} .support-simple .support-choice-action>.small{margin:14px 0 0} .support-simple .support-choice-action .btn{justify-content:center} .support-more{margin-top:32px;border-block:1px solid var(--line)} .support-more>summary{padding:20px 36px 20px 0;font-size:16px} .support-more-content{padding:8px 0 24px} .support-more-content .support-steps{margin-top:16px} .support-more-content .support-steps h3{font-size:22px} .support-more-content>p{max-width:76ch;color:var(--muted);font-size:15px} .support-more-content>.actions{margin-top:22px} .support-accord{max-width:850px;margin:28px 0 0;padding-left:20px;border-left:3px solid var(--mint);font-size:14px;line-height:1.8;color:var(--muted)} .support-accord p{margin:0} .support-simple .support-direct{margin-top:24px} .earn-how{margin:20px 0 0;border-block:1px solid var(--line)} .earn-how>summary{padding:16px 30px 16px 0;font-size:14px} .earn-how>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 18px} .earn-input-notes{margin:10px 0 20px;border-block:1px solid var(--line)} .earn-input-notes>summary{font-size:13px;padding:13px 28px 13px 0} .earn-input-notes>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px} .earnings-grid .prose>p{max-width:56ch} .det-salary-more{margin-top:22px;border-block:1px solid var(--line)} .det-salary-more>summary{font-size:14px;padding:17px 30px 17px 0} .det-salary-more>p{max-width:85ch;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 20px} @media(max-width:800px){.home-reason-grid{grid-template-columns:1fr;gap:26px}.home-reason-grid article{padding-top:21px}.home-account-band .container{align-items:flex-start;flex-direction:column;gap:22px}.home-account-band h2{font-size:26px}.support-simple .support-choice{padding:25px}} @media(max-width:650px){.home-simple .home-hero-photo .editorial-photo img{aspect-ratio:16/10;max-height:240px;object-position:50% 40%}.home-simple .popular{gap:9px 16px}.page-hero.listing-compact-hero{padding:24px 0 22px}.listing-compact-hero h1{font-size:33px}.listing-compact-hero .lead{font-size:15px}.listing-compact-hero+.opportunity-overview{padding-top:20px}.home-reason-grid h3{font-size:24px}.support-simple .support-choice h3{font-size:26px}.home-account-band{padding-block:28px}} @media(max-width:650px){.page-hero.support-compact-hero{padding:26px 0 28px}.support-compact-hero h1{font-size:36px}.support-compact-hero .lead{font-size:16px}} /* Small, finite details in the existing layout; all content is visible by default. */ @media(prefers-reduced-motion:no-preference){ .cb-brand-intro .header-wordmark>.logo_svg_color{transform-box:fill-box;transform-origin:center} .cb-brand-intro .header-wordmark>.logo_svg_color:nth-last-child(2){animation:cb-brand-first 220ms ease-out} .cb-brand-intro .header-wordmark>.logo_svg_color:last-child{animation:cb-brand-second 600ms cubic-bezier(.16,.75,.3,1) 160ms backwards} .cb-photo-appear{animation:cb-photo-soft 520ms cubic-bezier(.2,.65,.3,1)} .job-card{transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease} .btn .link-arrow,.text-link .link-arrow,.portal-link .link-arrow,.candidate-page .button .link-arrow{transition:transform 180ms ease} } @keyframes cb-brand-first{from{opacity:.45}to{opacity:1}} @keyframes cb-brand-second{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} @keyframes cb-photo-soft{from{opacity:.72;transform:translateY(10px)}to{opacity:1;transform:none}} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ .job-card:hover{transform:translateY(-3px)} .btn:is(:hover,:focus-visible) .link-arrow,.text-link:is(:hover,:focus-visible) .link-arrow,.portal-link:is(:hover,:focus-visible) .link-arrow,.candidate-page .button:is(:hover,:focus-visible) .link-arrow{transform:translate(2px,-2px)} } @media(hover:none),(pointer:coarse){ .job-card:hover,.btn:hover,.candidate-page .button:hover{transform:none} } @media(prefers-reduced-motion:reduce){ .cb-brand-intro .header-wordmark>.logo_svg_color,.cb-photo-appear{animation:none;transform:none;opacity:1} .job-card:hover,.btn:hover,.candidate-page .button:hover{transform:none} .btn .link-arrow,.text-link .link-arrow,.portal-link .link-arrow,.candidate-page .button .link-arrow{transform:none;transition:none} } .support-photo-hero.image .container{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:65px} .support-photo-hero.image .editorial-photo{margin:0;max-width:330px;justify-self:end} .support-photo-hero.image .editorial-photo img{height:320px;aspect-ratio:4/5;border-radius:120px 120px 12px 12px;object-fit:cover;object-position:50% 37%} .support-photo-hero .editorial-photo figcaption{padding-top:9px;font-size:11px} .support-intake{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;margin:44px 0;padding:36px;background:var(--mint-light);border:1px solid var(--line);border-radius:var(--radius);scroll-margin-top:120px} .support-intake-intro h2{font-size:clamp(29px,3.1vw,38px);margin-bottom:20px} .support-intake-intro>p{color:var(--muted);font-size:15px} .support-intake-intro h3{font-size:23px;margin-top:28px} .support-next{list-style:none;counter-reset:steps;padding:0;margin:22px 0 28px} .support-next li{counter-increment:steps;display:grid;grid-template-columns:28px minmax(0,1fr);gap:5px 12px;margin-top:20px} .support-next li:before{content:counter(steps,decimal-leading-zero);font-size:11px;color:#426f5d;padding-top:4px;grid-row:span 2} .support-next strong{font-size:14px;font-weight:600} .support-next span{font-size:13px;line-height:1.7;color:var(--muted)} .support-form-shell{min-width:0;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:12px} .support-form-shell .contact-form{padding:0;border:0;background:none;box-shadow:none} .support-form-shell .field small{font-weight:400;color:var(--muted);font-size:11px} .support-form-shell input[type=file]{font-size:12px;padding:10px;min-width:0;max-width:100%} .support-form-shell input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--cream);padding:8px 10px;border-radius:4px;color:var(--forest);font:inherit;margin-right:8px} .support-preferences{margin:0 0 20px;border-block:1px solid var(--line)} .support-preferences>summary{font-size:13px;padding:15px 28px 15px 0} .support-preferences>summary small{font-weight:400;color:var(--muted)} .support-preferences>summary:after{top:12px} .support-preferences>.field,.support-preferences>.form-pair{margin:8px 0 18px} .support-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden} .support-form-shell .check-field{align-items:flex-start;font-size:12px;line-height:1.7;margin-block:22px} .support-form-shell .check-field input{flex-shrink:0;margin-top:4px} .support-form-shell .check-field a{text-decoration:underline;text-underline-offset:3px} .support-intake-feedback{padding:24px 0 0;overflow-wrap:anywhere} .support-intake-feedback h3{font-size:25px;margin-bottom:15px} .support-intake-feedback .actions{gap:16px} .support-intake-feedback .small{margin-bottom:20px;color:var(--muted)} .support-form-error{color:#8a3525;font-size:14px;margin:18px 0 0} @media(max-width:850px){.support-intake{grid-template-columns:minmax(0,1fr);gap:20px;padding:25px}.support-photo-hero.image .container{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.support-photo-hero.image .editorial-photo img{height:280px}} @media(max-width:650px){.support-photo-hero.image .container{grid-template-columns:minmax(0,1fr)}.support-photo-hero.image .editorial-photo{max-width:none;width:100%;justify-self:stretch}.support-photo-hero.image .editorial-photo img{height:205px;aspect-ratio:auto;border-radius:12px;object-position:50% 35%}.support-photo-hero .actions .btn{width:100%}.support-intake{padding:23px 16px;margin-block:32px;gap:16px}.support-form-shell{padding:20px 16px}.support-form-shell .form-pair{grid-template-columns:minmax(0,1fr)}.support-form-shell .btn{width:100%}.support-next{margin-bottom:20px}.support-intake-intro h3{margin-top:24px}} .support-form-shell form[hidden],.support-intake-feedback[hidden],.support-intake-feedback [hidden]{display:none!important} .portal-office{--po-line:var(--line);--po-muted:var(--muted);min-width:0} .portal-section{--po-line:var(--line);--po-muted:var(--muted)} .portal-more{position:relative;min-width:0} .portal-more>summary{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid transparent;border-radius:6px;color:var(--forest);cursor:pointer;list-style:none} .portal-more>summary::-webkit-details-marker{display:none} .portal-more>summary::after{display:none!important} .portal-more>summary>span{margin-left:auto;line-height:1} .portal-more[open]>summary>span{transform:rotate(180deg)} .portal-more[data-active]>summary,.portal-more[open]>summary{background:var(--mint-light);border-color:#a4cbb4} .portal-more>div{position:absolute;right:0;top:100%;min-width:190px;padding:8px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #173d3014;z-index:20} .portal-more>div>a{display:block} .portal-view-options{display:flex;justify-content:flex-end;gap:14px;margin:0 0 15px;font-size:13px} .portal-view-options a{color:var(--forest);text-decoration:none;padding:3px 0} .portal-view-options a[aria-current]{border-bottom:2px solid var(--forest);font-weight:600} .portal-office button,.portal-office input,.portal-office select,.portal-office textarea{font:inherit} .portal-office button{cursor:pointer} .portal-office button:disabled{cursor:default;opacity:.5} .portal-office-grid{font-size:14px} .portal-office-grid button,.portal-office-columns summary{font:inherit} .portal-office-grid-footer button,.portal-office-actions>button{border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:white;color:var(--forest);cursor:pointer} .portal-office .portal-card{max-width:1000px;margin:0 auto 24px} .portal-office-form .field{display:flex;flex-direction:column;gap:7px;min-width:0} .portal-office-form .field input,.portal-office-form .field select,.portal-office-form .field textarea{width:100%;min-width:0} @media(max-width:650px){.portal-more>summary{padding:11px 12px;font-size:13px}.portal-more>div{left:auto;right:0;min-width:min(210px,calc(100vw - 48px));max-width:calc(100vw - 48px)}.portal-office-toolbar{flex-wrap:wrap}.portal-office-toolbar>input{width:100%}} .portal-office-grid{border:1px solid var(--po-line);border-radius:5px;background:white;min-width:0} .portal-office-toolbar{padding:12px 14px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--po-line)} .portal-office-toolbar>input{border:1px solid #d5dfd8;border-radius:4px;padding:6px 10px;min-width:0;width:260px;font-size:12px} .portal-office-toolbar>div{display:flex;gap:7px;align-items:center} .portal-office-columns{position:relative} .portal-office-columns summary{cursor:pointer;border:1px solid #d7e2da;border-radius:4px;padding:6px 10px;font-size:12px;list-style:none} .portal-office-columns>div{position:absolute;right:0;top:36px;border:1px solid var(--po-line);background:white;padding:12px;border-radius:4px;z-index:10;min-width:190px;box-shadow:0 10px 20px #123c3220} .portal-office-columns label{display:flex;gap:7px;padding:4px 0;font-size:11px;align-items:center} .portal-office-columns input{accent-color:#008b73} .portal-office-group{background:#fafcfb;padding:7px 14px;border-bottom:1px solid var(--po-line);font-size:11px;color:var(--po-muted)} .portal-office-group select{border:0;background:transparent;font-size:11px;padding:3px;color:var(--po-muted)} .portal-office-table-scroll{overflow:auto;max-width:100%} .portal-office-grid table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left} .portal-office-grid th{background:#f8faf9;padding:0 11px;text-align:left;font-size:11px;font-weight:600;color:#4f6b58;border-bottom:1px solid var(--po-line)} .portal-office-grid th button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;border:0;background:transparent;padding:10px 0;min-height:0;font-size:11px;color:inherit;white-space:nowrap} .portal-office-grid th button span{color:#91a096} .portal-office-grid th input{border:1px solid #dce5df;border-radius:3px;margin:5px 0 9px;padding:3px 6px;height:26px;width:100%;min-width:65px;max-width:250px;font-size:11px;background:#fff} .portal-office-grid td{padding:11px;border-bottom:1px solid #eaf0eb;font-size:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis} .portal-office-grid td a{color:#00826b;text-decoration:none} .portal-office-grid tbody tr:hover{background:#f3f8f4} .portal-office-grid tbody tr:last-child td{border-bottom:0} .portal-office-grid .portal-office-group-row td{background:#edf4ef;font-weight:700} .portal-office-grid-footer{display:flex;align-items:center;gap:18px;padding:10px 14px;border-top:1px solid var(--po-line);font-size:11px;color:var(--po-muted)} .portal-office-grid-footer label{display:flex;align-items:center;gap:5px} .portal-office-grid-footer select{border:1px solid var(--po-line);background:white;border-radius:3px;padding:3px;font-size:11px} .portal-office-grid-footer>div{display:flex;align-items:center;gap:10px;margin-left:auto} .portal-office-empty{padding:40px;text-align:center;color:#829184} .portal-office-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:14px} .portal-office-error{border:1px solid #ecd9ce;background:#fff2ec;border-radius:4px;color:#a25337;padding:10px 13px;font-size:12px} .portal-office-back{display:inline-block;margin-bottom:15px;color:#00866d;text-decoration:none;font-size:12px} .portal-office-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px} .portal-office-data small{display:block;font-size:11px;color:#7a8d7d;margin-bottom:4px} .portal-office-data strong{font-size:13px;font-weight:500} .portal-office-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px} .portal-office-wide{grid-column:1/-1} .portal-office-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--po-line);padding-top:16px;margin-top:20px} .portal-office-form-footer>a{font-size:12px;color:#657d6c;padding:7px} .portal-office-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:24px;max-width:780px} .portal-office-calendar>b{text-align:center;font-size:11px;color:#7c8e7f} .portal-office-calendar label{border:1px solid var(--po-line);padding:8px;border-radius:4px} .portal-office-calendar .is-weekend{background:#f5f8f5} .portal-office-calendar label>span{display:block;font-size:11px;color:#728775;margin-bottom:6px} .portal-office-calendar input{width:100%;min-width:0;border:1px solid #d2dfd5;background:white;border-radius:3px;padding:4px 5px;font-size:12px} .portal-office-hours-total{max-width:780px;text-align:right;font-size:12px} .portal-office-message{white-space:pre-wrap;line-height:1.7;margin:20px 0} @media(max-width:1000px){.portal-office-form{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:800px){.portal-office-data{grid-template-columns:repeat(2,minmax(0,1fr))} .portal-office-toolbar{padding:10px} .portal-office-toolbar>input{width:180px} } @media(max-width:480px){.portal-office-form{grid-template-columns:1fr} .portal-office-grid-footer{gap:8px;padding:9px;flex-wrap:wrap} .portal-office-grid-footer>span{margin-left:auto} .portal-office-toolbar>input{width:100%} .portal-office-grid td{font-size:11px;padding:10px} .portal-office-calendar{gap:3px} .portal-office-calendar label{padding:5px 2px} .portal-office-calendar input{padding:4px 2px;font-size:11px} .portal-office-calendar label>span{font-size:10px} .portal-office-form-footer{gap:7px} } .portal-office-columns summary::after{display:none}