.oj-standalone{margin:0;background:#f4f8fc}.oj-app{--navy:#064578;--cyan:#00adca;--red:#ed343b;--ink:#183b55;--muted:#61798c;--line:#dce7ef;color:var(--ink);font:15px/1.65 Aptos,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f8fc;min-height:100vh}.oj-app *{box-sizing:border-box}.oj-app h1,.oj-app h2,.oj-app h3{color:var(--navy);line-height:1.2;letter-spacing:-.035em;font-weight:750}.oj-app h2{font-size:30px;margin:12px 0}.oj-app h3{font-size:21px;margin:16px 0 10px}.oj-app p{margin:10px 0 20px}.oj-app a{color:var(--navy)}.oj-app button,.oj-app input,.oj-app select,.oj-app textarea{font:inherit}.oj-app button,.oj-app summary{cursor:pointer}.oj-app a:focus-visible,.oj-app button:focus-visible,.oj-app input:focus-visible,.oj-app textarea:focus-visible,.oj-app select:focus-visible,.oj-app summary:focus-visible{outline:3px solid #00b8d6;outline-offset:4px}.oj-header{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line);padding:22px 4%;min-height:96px}.oj-brand{display:flex;align-items:center;gap:22px;text-decoration:none}.oj-brand img{width:154px;height:auto;max-height:63px;object-fit:contain}.oj-brand>span{border-left:1px solid var(--line);padding-left:22px;letter-spacing:.22em;font-weight:800;font-size:15px}.oj-brand small{display:block;letter-spacing:0;font-weight:400;font-size:12px;color:var(--muted)}.oj-header-end{display:flex;gap:24px;align-items:center}.oj-live{font-size:12px;color:var(--muted)}.oj-live i,.oj-hero-note i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00b5b2;margin-right:8px;box-shadow:0 0 0 4px #e8fafa}.oj-badge{background:#eaf8fa;color:#08777c;border:1px solid #cbecef;border-radius:30px;padding:7px 16px;font-size:12px;font-weight:700}.oj-layout{display:grid;grid-template-columns:230px minmax(0,1fr);max-width:1600px;margin:auto}.oj-nav{padding:32px 16px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}.oj-nav>a{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 16px;color:var(--muted);border-radius:12px;font-weight:550;font-size:13px;text-decoration:none;white-space:nowrap}.oj-nav>a b{font-size:23px;line-height:1;width:25px;font-weight:400}.oj-nav>a:hover{background:#eaf0f6;color:var(--navy)}.oj-nav>a.active{background:#fff;box-shadow:0 4px 15px #123d6110;color:var(--navy);font-weight:750;border-left:3px solid var(--cyan)}.oj-nav-bottom{margin-top:65px;padding:20px 15px;border-top:1px solid var(--line)}.oj-nav-bottom p{font-size:14px;font-weight:700}.oj-main{padding:32px 36px;min-width:0}.oj-eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:#078a9a;line-height:1.5;display:block}.oj-hero{border:1px solid #d6eaf0;border-radius:24px;background:linear-gradient(110deg,#fff 15%,#edfafc 100%);display:grid;grid-template-columns:1.15fr 1fr;min-height:390px;padding:42px 40px;gap:24px;overflow:hidden}.oj-hero h1{font-size:clamp(34px,3.6vw,54px);margin:22px 0;letter-spacing:-.05em}.oj-hero h1 em{color:#0a839e;font-style:normal}.oj-hero>div>p{max-width:465px;color:var(--muted);font-size:14px}.oj-button{display:inline-flex!important;justify-content:center;align-items:center;gap:8px;background:var(--navy)!important;color:white!important;border:1px solid var(--navy)!important;border-radius:10px;padding:12px 19px;font-size:12px!important;line-height:1.5;font-weight:750!important;text-decoration:none!important;box-shadow:0 5px 12px #05457512;transition:transform .15s}.oj-button:hover{transform:translateY(-2px)}.oj-button.secondary{background:white!important;color:var(--navy)!important;border-color:#cfdee8!important;box-shadow:none}.oj-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.oj-hero-note{font-size:11px;color:var(--muted);margin-top:24px}.oj-orbit{position:relative;display:flex;align-items:center;justify-content:center;min-height:310px;background-image:radial-gradient(#58b3c435 .8px,transparent .8px);background-size:18px 18px;border-radius:50%}.oj-ring{position:absolute;width:320px;height:320px;border:1px solid #9edee7;border-radius:50%;transform:rotate(-25deg)}.oj-ring:after{content:"";position:absolute;inset:27px;border:1px dashed #b0e4eb;border-radius:50%}.oj-identity{position:relative;width:275px;max-width:100%;background:#fffffff5;border:1px solid #dcebf0;border-radius:18px;box-shadow:0 20px 40px #155c7e14;padding:25px;transform:rotate(-3deg);z-index:1}.oj-avatar{width:49px;height:49px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#e1f9fa,#d6e8fc);border-radius:13px;font-size:26px;color:var(--navy);font-weight:750;margin-bottom:17px}.oj-chip{display:inline-flex;border-radius:6px;background:#edf7fa;color:#0d7084;font-size:9px;letter-spacing:.05em;font-weight:800;padding:5px 9px;line-height:1.4}.oj-identity h3{font-size:23px;margin:12px 0}.oj-identity p{font-size:10px;color:var(--muted)}.oj-tags{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.oj-tags span{border:1px solid #dde9f0;border-radius:30px;padding:4px 9px;background:#fbfdff;font-size:10px;color:#547187}.oj-signal{display:flex;justify-content:space-between;font-size:9px;color:#107b8a;border-top:1px solid #e7eff3;padding-top:14px}.oj-float{position:absolute;z-index:2;bottom:2px;right:-4px;background:#fff;border:1px solid #d8e9f0;border-radius:12px;box-shadow:0 8px 24px #164a7012;padding:13px 20px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:750;transform:rotate(3deg)}.oj-float b{color:var(--red);font-size:25px}.oj-float small{display:block;font-weight:400;color:var(--muted);font-size:9px}.oj-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0 40px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px 5px}.oj-stats>div{padding:0 20px;border-right:1px solid var(--line);min-width:0}.oj-stats>div:last-child{border:0}.oj-stats span{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);font-weight:750}.oj-stats b{display:block;font-size:20px;color:var(--navy);letter-spacing:-.03em;margin:7px 0;line-height:1.2}.oj-stats small{color:var(--muted);font-size:10px}.oj-heading{margin:10px 0 25px}.oj-heading h2{font-size:30px}.oj-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.oj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.oj-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:25px;min-width:0}.oj-card.oj-launch{position:relative;padding:27px 24px;display:flex;flex-direction:column}.oj-tool-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#edf8fc;color:#13859c;font-size:26px}.oj-tool-icon.color-1{background:#fff0f1;color:#dc3d53}.oj-tool-icon.color-2{background:#f2f0fd;color:#7561ae}.oj-step{position:absolute;top:22px;right:24px;color:#ccdae5;font-size:11px;font-weight:750}.oj-launch h3{font-size:21px;max-width:200px;min-height:48px}.oj-card p{color:var(--muted);font-size:13px}.oj-text-link{font-size:12px;font-weight:750;text-decoration:none;display:inline-block;padding:7px 0}.oj-launch .oj-text-link{margin-top:auto}.oj-text-button{border:0;background:transparent;padding:10px 0;color:var(--navy);font-size:12px;font-weight:750}.oj-employer-banner{background:linear-gradient(100deg,#eaf4fb,#fff);border:1px solid #d7e6ef;border-radius:17px;padding:28px 32px;margin:28px 0;display:flex;gap:25px;align-items:center;justify-content:space-between}.oj-employer-banner h2{font-size:25px}.oj-employer-banner p{max-width:560px;margin-bottom:0;color:var(--muted);font-size:12px}.oj-employer-banner .oj-button{flex-shrink:0}.oj-footer{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);margin-top:50px;padding:24px 0;font-size:10px;color:var(--muted)}.oj-footer strong{font-size:10px;letter-spacing:.12em;color:var(--navy)}.oj-footer small{font-size:9px}.oj-two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.oj-field{display:flex;flex-direction:column;gap:8px;margin:16px 0;color:var(--navy);font-size:12px;font-weight:700}.oj-app input,.oj-app textarea,.oj-app select{border:1px solid #d4e2eb;border-radius:8px;background:#fcfdff;padding:12px;color:#23445d;width:100%;font-weight:400;font-size:13px;min-height:43px;box-shadow:none}.oj-app textarea{resize:vertical}.oj-app input[type=checkbox]{width:17px;height:17px;min-height:0;margin:3px 0 0;flex-shrink:0}.oj-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.oj-check{display:flex;gap:10px;font-size:12px;margin:20px 0 10px;align-items:flex-start}.oj-fine{font-size:10px!important;color:var(--muted);line-height:1.6}.oj-tinted{background:linear-gradient(145deg,#effafd,#fff)}.oj-tinted h3{font-size:27px;line-height:1.3}.oj-tinted li{font-size:13px;margin-bottom:12px}.oj-note{background:#edf8fb;border-left:3px solid var(--cyan);padding:15px 17px;border-radius:0 8px 8px 0;font-size:12px;margin:20px 0}.oj-note p{margin-bottom:0}.oj-paywall{max-width:730px;margin:20px auto;background:linear-gradient(140deg,#fff,#edf9fc);border:1px solid #d6e9ee;border-radius:22px;padding:45px}.oj-paywall h2{font-size:40px}.oj-paywall>p{color:var(--muted);font-size:14px}.oj-prices{display:flex;align-items:center;gap:28px;margin:30px 0}.oj-prices small{display:block;color:var(--muted);font-size:11px}.oj-prices b{font-size:47px;color:var(--navy);letter-spacing:-.04em}.oj-prices>span{color:var(--muted)}.oj-search{display:flex;gap:12px;margin-bottom:22px;align-items:center}.oj-search label:first-of-type{flex:1}.oj-search label:last-of-type{width:180px}.oj-job{margin:15px 0}.oj-job-top{display:flex;gap:15px;align-items:center}.oj-job-top>div{flex:1}.oj-job-top h3{margin:5px 0;font-size:22px}.oj-company-mark{background:#eaf4fb;color:#06617c;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:750}.oj-meta{color:var(--muted);font-size:12px;margin:15px 0}.oj-job>details{border-top:1px solid var(--line);margin-top:12px;padding-top:15px}.oj-app details>summary{color:var(--navy);font-size:13px;font-weight:650;list-style-position:outside}.oj-pre{white-space:pre-wrap;overflow-wrap:anywhere}.oj-report{margin-top:20px;font-size:12px}.oj-empty{padding:45px;background:white;border:1px dashed #cfdee8;border-radius:16px;text-align:center}.oj-empty p{font-size:13px;color:var(--muted);max-width:530px;margin:15px auto}.oj-learning{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.oj-learning summary h3{display:inline-block;font-size:23px;margin:18px 0 10px}.oj-learning summary .oj-chip{display:block;width:fit-content}.oj-learning li{margin:18px 0;font-size:14px}.oj-space-title{margin-top:40px!important}.oj-list-row{border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.oj-list-row small{width:100%;color:var(--muted)}.oj-notice{border:1px solid #a3ded0;background:#edf9f3;color:#13694d;padding:14px 20px;border-radius:10px;margin-bottom:20px;font-size:13px}.oj-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.oj-pagination{display:flex;gap:10px;margin-top:24px}.oj-pagination a{border:1px solid var(--line);border-radius:8px;background:white;padding:5px 12px;text-decoration:none;font-size:12px}.oj-pagination a[aria-current]{background:var(--navy);color:white}@media(max-width:1150px){.oj-layout{grid-template-columns:190px 1fr}.oj-nav{padding:25px 8px}.oj-nav>a{font-size:11px;padding:12px}.oj-main{padding:24px}.oj-hero{padding:30px 25px;grid-template-columns:1.1fr 1fr;gap:10px}.oj-ring{width:270px;height:270px}.oj-identity{width:240px;padding:20px}.oj-hero h1{font-size:38px}.oj-grid{gap:12px}.oj-card{padding:22px}.oj-float{right:-10px}.oj-stats>div{padding:0 13px}.oj-stats b{font-size:18px}}@media(max-width:850px){.oj-layout{display:block}.oj-nav{flex-direction:row;overflow-x:auto;border:0;border-bottom:1px solid var(--line);padding:12px 18px;gap:6px;background:#fff}.oj-nav>a{padding:10px 14px;flex-shrink:0}.oj-nav>a.active{border-left:0;border-bottom:2px solid var(--cyan);box-shadow:none;background:#f0f8fc}.oj-nav-bottom{display:none}.oj-main{padding:23px}.oj-header{padding:18px 23px}.oj-brand img{width:130px}.oj-live{display:none}.oj-launch{padding:22px 18px}.oj-launch h3{font-size:19px}.oj-two{grid-template-columns:1.4fr 1fr}}@media(max-width:600px){.oj-header{padding:15px 17px;gap:10px;min-height:78px}.oj-brand{gap:12px}.oj-brand img{width:100px}.oj-brand>span{font-size:11px;padding-left:12px;letter-spacing:.13em}.oj-brand small{font-size:9px}.oj-badge{font-size:9px;padding:6px 10px}.oj-header-end{gap:0}.oj-main{padding:18px 14px}.oj-hero{grid-template-columns:1fr;padding:30px 24px;gap:18px}.oj-hero h1{font-size:39px;margin:18px 0}.oj-hero>div>p{font-size:13px}.oj-orbit{min-height:265px;margin:8px 15px 5px}.oj-identity{width:248px;transform:rotate(-2deg)}.oj-ring{width:290px;height:290px}.oj-float{right:-7px;bottom:-1px}.oj-hero-note{margin-top:20px}.oj-stats{grid-template-columns:1fr 1fr;gap:20px 0;padding:20px 5px;margin-bottom:30px}.oj-stats>div:nth-child(2){border:0}.oj-stats>div:nth-child(n+3){border-top:1px solid var(--line);padding-top:18px}.oj-stats b{font-size:20px}.oj-grid{grid-template-columns:1fr}.oj-launch h3{min-height:0;max-width:none}.oj-card.oj-launch{padding:25px}.oj-heading h2{font-size:27px}.oj-employer-banner{display:block;padding:25px}.oj-employer-banner .oj-button{margin-top:20px}.oj-footer{gap:10px;margin-top:35px}.oj-footer span,.oj-footer small{width:100%}.oj-two,.oj-learning{grid-template-columns:1fr}.oj-form-grid{grid-template-columns:1fr}.oj-card{padding:23px}.oj-paywall{padding:30px 24px}.oj-paywall h2{font-size:33px}.oj-prices{gap:23px}.oj-search{flex-direction:column;align-items:stretch}.oj-search label:last-of-type{width:100%}.oj-job-top{flex-wrap:wrap}.oj-job-top>.oj-chip{margin-left:60px}.oj-job-top h3{font-size:20px}.oj-empty{padding:30px 20px}}@media(prefers-reduced-motion:reduce){.oj-app *{scroll-behavior:auto!important;transition:none!important}}
/* Professional document choices and job-board filters. */
.oj-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.oj-template{border:1px solid #d7e0e9;border-radius:12px;padding:18px;cursor:pointer}.oj-template strong{display:block;margin:10px 0}.oj-template span{display:block;background:#f4f7fa;padding:20px;font-size:12px;line-height:2;color:#163456}.oj-template:has(input:checked){border:2px solid #084b83}.oj-search{display:flex;flex-wrap:wrap;gap:12px}.oj-search label{flex:1;min-width:160px}.oj-job{border-left:4px solid #1ca9be}.oj-job summary{padding:12px 0}.oj-card+.oj-card{margin-top:20px}@media(max-width:700px){.oj-template-grid{grid-template-columns:1fr}.oj-search{display:grid;grid-template-columns:1fr}}
/* 1.2: dedicated registration and career onboarding */
.oj-entry-intro{padding:20px 0 10px}.oj-entry-intro h1{font-size:clamp(34px,4vw,53px);letter-spacing:-.045em;margin:16px 0}.oj-entry-intro>p{color:var(--muted);font-size:14px}.oj-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 28px}.oj-path{display:block;padding:24px 27px;border:1px solid var(--line);border-radius:16px;background:white;text-decoration:none!important;color:var(--ink)!important}.oj-path.selected{border:2px solid #00a6c2;background:linear-gradient(135deg,#fff,#effbfd);box-shadow:0 7px 20px #06457809}.oj-path h3{font-size:25px;margin:12px 0}.oj-path>strong{font-size:12px;color:#08788d}.oj-path>p{font-size:12px;color:var(--muted);margin-bottom:0}.oj-entry-forms{grid-template-columns:1.15fr 1fr}.oj-entry-forms h2{font-size:27px}.oj-entry-forms .oj-card>p{font-size:13px}.oj-entry-forms #loginform label{font-size:12px;font-weight:700;color:var(--navy);display:block;margin-bottom:6px}.oj-entry-forms #loginform input[type=submit]{width:auto;background:var(--navy);color:white;padding:12px 24px;border:0;font-weight:750}.oj-entry-forms .login-remember label{display:flex!important;gap:10px;align-items:center}.oj-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;height:0!important;overflow:hidden!important}.oj-results-bar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0 18px;font-size:12px;color:var(--muted)}.oj-results-bar strong{color:var(--navy)}.oj-masterclass{padding:35px;background:linear-gradient(130deg,#fff,#eff9fc)}@media(max-width:650px){.oj-paths,.oj-entry-forms{grid-template-columns:1fr}.oj-entry-intro{padding-top:5px}.oj-paths{gap:12px}.oj-path{padding:21px}.oj-entry-intro h1{font-size:37px}.oj-results-bar{flex-wrap:wrap;gap:6px}}
.oj-grid>.oj-card,.oj-two>.oj-card{margin-top:0}.oj-template span.oj-mini-doc{display:flex;flex-direction:column;min-height:210px;background:white;box-shadow:0 6px 20px #183b5510;border:1px solid #e0e7ed;border-top:5px solid #084b83;line-height:1.4;padding:20px 15px}.oj-mini-doc b{font-size:14px;letter-spacing:.02em}.oj-mini-doc small{font-size:8px;margin:4px 0 10px;color:#718091}.oj-mini-doc strong{font-size:7px;letter-spacing:.12em;margin:13px 0 5px}.oj-mini-doc i{height:3px;background:#d9e2e9;width:95%;margin:3px 0}.oj-mini-doc i:nth-last-child(1){width:65%}.template-executive .oj-mini-doc{font-family:Georgia,serif;border-top-color:#292c33!important}.template-executive .oj-mini-doc b{text-align:center}.template-executive .oj-mini-doc strong{border-bottom:1px solid #ccd1d7;padding-bottom:3px}.template-minimal .oj-mini-doc{border-top:0!important;padding-top:25px!important}.template-minimal .oj-mini-doc b{font-size:12px;letter-spacing:.15em}.template-minimal .oj-mini-doc strong{color:#333;letter-spacing:.2em}.oj-template strong{font-size:12px}.oj-template .oj-mini-doc strong{font-size:7px}
/* 1.3: a guided career workspace, purposeful documents and recruitment tools. */
.oj-app .oj-onboarding{background:linear-gradient(110deg,#fff,#eefbfc);border:1px solid #cde5ec;border-radius:20px;padding:28px;margin-bottom:26px}.oj-onboarding>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}.oj-onboarding .oj-eyebrow{width:100%}.oj-onboarding h2{font-size:27px;margin:0}.oj-onboarding p{margin:0;color:#61798c;font-size:12px}.oj-onboarding progress{width:100%;height:7px;margin:22px 0 16px;accent-color:#079db4}.oj-onboarding ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0}.oj-onboarding li{font-size:11px;border-top:1px solid #d7e7ee;padding-top:10px}.oj-onboarding li a{text-decoration:none;color:#627a8a}.oj-onboarding li.complete a{color:#087a77;font-weight:750}.oj-studio-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.oj-studio-tabs a{background:white;border:1px solid #d6e5ed;border-radius:25px;padding:9px 17px;text-decoration:none;font-size:12px;font-weight:650}.oj-studio-tabs a:hover,.oj-studio-tabs a[aria-current]{background:#064578;color:white;border-color:#064578}.oj-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.oj-section-title h3{margin-bottom:0}.oj-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.oj-design{padding:14px;border:1px solid #dde6ed;border-radius:14px;cursor:pointer;position:relative;display:flex;flex-direction:column;background:#f6f9fc}.oj-app .oj-design input[type=radio]{position:absolute;right:24px;top:24px;width:18px;min-height:18px;height:18px;accent-color:#064578;z-index:1}.oj-design:has(input:checked){outline:2px solid #00a8c5;border-color:transparent;background:#eef9fb}.oj-design>strong{font-size:15px;margin-top:13px;color:#064578}.oj-design>small{font-size:10px;color:#61798c;margin:4px 0}.oj-design-sheet{aspect-ratio:210/260;background:#fff;box-shadow:0 5px 15px #183b5510;padding:28px 19px 20px;display:block;overflow:hidden}.design-header{display:block;padding-bottom:16px;border-bottom:1px solid #234d69}.design-header>b{display:block;font-size:13px;letter-spacing:.01em;font-weight:800}.design-header>small{font-size:6px;color:#6d8290;display:block;margin-top:4px}.design-body{display:grid;grid-template-columns:1fr 2fr;gap:12px;padding-top:16px}.design-body>span:first-child{grid-column:2}.design-side{grid-column:1;grid-row:1;border-right:1px solid #dce6ec;padding-right:8px}.design-body b{display:block;font-size:5px;letter-spacing:1px;color:#2e536d;margin:4px 0 8px}.design-body i{display:block;background:#dce4eb;height:2px;margin-bottom:5px;width:100%}.design-body i:nth-of-type(3n){width:70%}.design-body b:not(:first-child){margin-top:17px}.oj-design-sheet.executive{padding:22px}.executive .design-header{text-align:center;border-top:2px solid #3e474b;padding:15px 0}.executive .design-header>b{font:16px Georgia,serif}.executive .design-body{display:flex;flex-direction:column-reverse}.executive .design-side{border:0;display:none}.executive .design-body b{font:8px Georgia,serif;letter-spacing:0;border-bottom:1px solid #d5dde3;padding-bottom:4px}.minimal .design-header{border:0;padding-bottom:12px}.minimal .design-header>b{letter-spacing:1.5px;font-size:11px}.minimal .design-body{grid-template-columns:2fr 1fr;border-top:1px solid #2a4053}.minimal .design-body>span:first-child{grid-column:1}.minimal .design-side{grid-column:2;border-right:0;border-left:1px solid #dce6ec;padding-left:8px;padding-right:0}.minimal .design-body b{border-left:2px solid #1693a9;padding-left:5px;font-size:5px}.oj-studio-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start;margin:24px 0}.oj-repeat-section{border-top:1px solid #dce7ef;padding:18px 0}.oj-repeat-section>summary{font-size:15px!important}.oj-entry-row{border:1px solid #dce7ef;border-radius:12px;padding:12px 18px;margin:18px 0;background:#fbfdff;min-width:0}.oj-entry-row legend{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#538097;padding:0 8px}.oj-entry-row textarea{min-height:100px}.oj-cv-preview{position:sticky;top:20px;background:#e5edf3;border-radius:16px;padding:18px;overflow:hidden}.oj-cv-preview .oj-fine{margin-bottom:12px}.oj-preview-window{overflow:hidden;width:100%}.oj-cv-preview iframe{display:block;width:794px;height:1123px;border:0;transform-origin:top left;background:white;box-shadow:0 10px 25px #163b5515}.oj-version-list>article{display:flex;align-items:center;gap:20px;border-top:1px solid #dce7ef;padding:15px 0}.oj-version-list>article>div{flex:1}.oj-version-list small{display:block;color:#61798c;font-size:10px}.oj-filter-panel{background:white;border:1px solid #dce7ef;border-radius:16px;padding:20px 25px;margin-bottom:25px}.oj-opportunity{border-left:3px solid #06a4bd;margin:16px 0}.oj-opportunity-details{border-top:1px solid #dce7ef;margin-top:18px;padding-top:16px;scroll-margin-top:20px}.oj-stage-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:25px 0}.oj-stage-board a{background:#fff;border:1px solid #dce7ef;border-radius:12px;padding:15px 12px;text-decoration:none;display:flex;flex-direction:column}.oj-stage-board b{font-size:27px;line-height:1.2}.oj-stage-board span{font-size:10px;color:#61798c;margin-top:5px}.oj-stage-board a.active{border-color:#00a5bd;background:#edf9fb}.oj-ai-review{background:#f1fafb;border:1px solid #cae8ed;padding:23px;border-radius:12px;margin-top:25px}.oj-evidence{border-top:1px solid #dce7ef;margin:18px 0;padding-top:12px}.oj-evidence details{padding:12px 0}.oj-admin td{padding:20px;vertical-align:top}.oj-admin form:has(.button){display:inline-block;margin:5px}.oj-app hr{border:0;border-top:1px solid #dce7ef;margin:24px 0}.oj-card:target{scroll-margin-top:20px}.oj-nav{align-self:start;position:sticky;top:0}.oj-nav>a{white-space:normal}.oj-app .oj-design input{padding:0}.oj-app .oj-design-sheet{color:#163b55}.oj-app .oj-heading+.oj-card{margin-top:0}@media(max-width:1150px){.oj-studio-layout{grid-template-columns:1fr}.oj-cv-preview{position:static;max-width:650px;width:100%;margin:auto}.oj-design-sheet{padding:20px 12px}.oj-stage-board{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.oj-nav{position:static;align-items:center}.oj-nav>a{white-space:nowrap}.oj-onboarding ol{grid-template-columns:1fr 1fr}}@media(max-width:600px){.oj-designs{gap:9px;grid-template-columns:1fr}.oj-design{display:grid;grid-template-columns:120px 1fr;gap:5px 18px;padding:13px}.oj-design-sheet{grid-row:1/4;padding:20px 12px}.oj-design>strong{align-self:end}.oj-design>small{grid-column:2}.oj-design input[type=radio]{right:15px!important;top:15px!important}.oj-design .design-header>b{font-size:8px}.oj-design .design-header>small{font-size:4px}.oj-design .design-body{padding-top:9px;gap:7px}.oj-design .design-body b{font-size:4px;margin-bottom:5px}.oj-design .design-body i{height:1px;margin-bottom:3px}.oj-design .design-header{padding-bottom:9px}.oj-design .executive .design-header>b{font-size:10px}.oj-onboarding{padding:22px!important}.oj-onboarding ol{gap:14px}.oj-stage-board{gap:7px}.oj-stage-board a{padding:13px 10px}.oj-stage-board b{font-size:23px}.oj-filter-panel{padding:20px}.oj-version-list>article{flex-wrap:wrap;gap:7px 20px}.oj-version-list>article>div{width:100%;flex:auto}.oj-entry-row{padding:8px 12px}.oj-section-title{gap:7px}.oj-studio-tabs{gap:6px}.oj-studio-tabs a{font-size:11px;padding:8px 12px}.oj-studio-layout{gap:16px}.oj-cv-preview{padding:14px}.oj-heading h2{overflow-wrap:anywhere}}
/* 1.3.1: the first-view welcome panel, with people woven into the career identity. */
.oj-hero.oj-hero-people{position:relative;grid-template-columns:1.03fr 1fr;padding:38px 34px;gap:32px;align-items:center;min-height:535px;overflow:hidden;margin-bottom:28px;background:linear-gradient(110deg,#fff 8%,#f1fbfd 95%)}.oj-hero-people .oj-welcome-copy{position:relative;z-index:2}.oj-hero-people h1{font-size:clamp(35px,3.5vw,51px);margin:22px 0;line-height:1.13;letter-spacing:-.047em}.oj-hero-people h1 em{color:#24869e}.oj-hero-people .oj-welcome-copy>p{font-size:13px;max-width:445px;line-height:1.8}.oj-welcome-scene{position:relative;height:450px;min-width:0;isolation:isolate}.oj-people-photo{position:absolute;top:0;left:0;width:100%;height:295px;overflow:hidden;border-radius:24px 24px 70px 24px;border:5px solid white;box-shadow:0 15px 35px #0a52751a;z-index:1;transform:rotate(1.5deg)}.oj-people-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}.oj-welcome-orbit{position:absolute;inset:110px -25px 0 35px;border:1px solid #b6e5ed;border-radius:50%;background-image:radial-gradient(#68c5d64a .8px,transparent .8px);background-size:16px 16px;z-index:0}.oj-hero-people .oj-identity{position:absolute;right:0;bottom:0;width:245px;padding:20px;transform:rotate(-3deg);border-radius:18px;background:#fffffffa;box-shadow:0 14px 30px #155c7e17;z-index:2}.oj-hero-people .oj-avatar{width:35px;height:35px;font-size:19px;border-radius:10px;margin:0 0 10px}.oj-hero-people .oj-identity h3{font-size:22px;margin:9px 0;line-height:1.15}.oj-hero-people .oj-identity>p{font-size:9px;margin:7px 0 10px;white-space:normal}.oj-hero-people .oj-tags{margin:10px 0}.oj-hero-people .oj-tags span{font-size:8px;padding:3px 7px}.oj-hero-people .oj-signal{font-size:8px;padding-top:10px}.oj-hero-people .oj-chip{font-size:8px}.oj-hero-people .oj-float{left:-9px;right:auto;bottom:28px;z-index:3;padding:12px 15px;max-width:190px;transform:rotate(3deg)}.oj-hero-people .oj-float b{font-size:25px}.oj-hero-people .oj-float>div{font-size:11px}.oj-hero-people .oj-float small{font-size:8px}.oj-hero-people .oj-hero-note{margin-top:22px;font-size:10px}.oj-hero-people+.oj-entry-intro{padding-top:10px}.oj-hero-people+.oj-onboarding{margin-top:28px}@media(min-width:1450px){.oj-hero.oj-hero-people{gap:42px;padding:40px}.oj-welcome-scene{height:470px}.oj-people-photo{height:320px}.oj-hero-people .oj-identity{width:265px}.oj-hero-people .oj-float{bottom:30px;left:0}}@media(min-width:851px) and (max-width:1100px){.oj-hero.oj-hero-people{padding:30px 24px;gap:20px;grid-template-columns:1fr 1fr}.oj-hero-people h1{font-size:37px}.oj-hero-people .oj-actions{gap:9px}.oj-hero-people .oj-button{padding:11px 13px}.oj-welcome-scene{height:435px}.oj-people-photo{height:240px}.oj-hero-people .oj-identity{width:220px;padding:17px}.oj-hero-people .oj-float{bottom:215px;left:0;max-width:170px}.oj-hero-people .oj-float small{font-size:7px}}@media(max-width:850px){.oj-hero.oj-hero-people{padding:30px;gap:28px;min-height:0}.oj-hero-people h1{font-size:40px}.oj-welcome-scene{height:430px}.oj-people-photo{height:270px}.oj-hero-people .oj-identity{width:225px}.oj-hero-people .oj-float{bottom:215px;left:0}}@media(max-width:650px){.oj-hero.oj-hero-people{grid-template-columns:1fr;padding:28px 23px;gap:25px;border-radius:22px}.oj-hero-people h1{font-size:40px;margin:18px 0}.oj-hero-people .oj-welcome-copy>p{font-size:13px;line-height:1.7}.oj-welcome-scene{height:445px;margin:0 0 4px}.oj-people-photo{height:270px;border-radius:19px 19px 55px 19px;transform:rotate(1deg)}.oj-hero-people .oj-identity{right:0;bottom:0;width:230px;transform:rotate(-2deg);padding:18px}.oj-hero-people .oj-float{bottom:220px;left:-8px;padding:10px 12px;max-width:175px}.oj-hero-people .oj-hero-note{font-size:10px}.oj-hero-people .oj-eyebrow{font-size:9px}.oj-welcome-orbit{inset:110px -15px 0 10px}}@media(max-width:370px){.oj-hero.oj-hero-people{padding:25px 20px}.oj-hero-people h1{font-size:35px}.oj-welcome-scene{height:425px}.oj-people-photo{height:235px}.oj-hero-people .oj-float{bottom:225px}.oj-hero-people .oj-identity{width:220px}.oj-hero-people .oj-actions{align-items:stretch;flex-direction:column}.oj-hero-people .oj-button{width:100%}}
@media(max-width:650px){.oj-welcome-scene{display:grid;grid-template-columns:1fr;height:auto;gap:12px}.oj-people-photo{position:relative;height:auto;aspect-ratio:3/2;transform:rotate(1deg)}.oj-hero-people .oj-identity{position:relative;justify-self:end;right:auto;bottom:auto;width:calc(100% - 16px);margin-top:-36px;transform:rotate(-1deg)}.oj-hero-people .oj-float{position:relative;left:auto;right:auto;bottom:auto;justify-self:start;max-width:190px;margin-top:0;transform:rotate(2deg)}.oj-hero-people .oj-avatar{float:left;margin:0 10px 5px 0}.oj-hero-people .oj-identity h3{clear:both;padding-top:8px}.oj-welcome-orbit{inset:120px -10px 40px 5px}}
/* 1.3.2: quieter geography, visible collaboration and theme-safe controls. */
.oj-africa-network{position:absolute;left:30%;top:11%;width:29%;height:78%;object-fit:contain;opacity:.12;pointer-events:none;z-index:0}.oj-hero-people .oj-welcome-scene{height:505px}.oj-hero-people .oj-people-photo{height:325px}.oj-hero-people .oj-identity{right:-8px;bottom:-4px;width:235px;padding:18px}.oj-hero-people .oj-float{bottom:32px}.oj-app button.oj-text-button,.oj-app button[data-add-row],.oj-app button[data-remove-row]{color:#064578!important;-webkit-text-fill-color:#064578!important;background:#eef6fb!important;border:1px solid #cbdfe9!important;border-radius:8px!important;padding:10px 14px!important;font-size:12px!important;line-height:1.4!important;font-weight:700!important;text-transform:none!important;opacity:1!important;box-shadow:none!important}.oj-app button.oj-text-button:hover,.oj-app button[data-add-row]:hover,.oj-app button[data-remove-row]:hover{background:#dfedf6!important;color:#05375d!important;-webkit-text-fill-color:#05375d!important}.oj-app .oj-button{-webkit-text-fill-color:#fff!important}.oj-app .oj-button.secondary{-webkit-text-fill-color:#064578!important}.oj-live-panel{background:linear-gradient(125deg,#fff,#f0fafc);margin-bottom:25px}.oj-live-steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.oj-live-steps span{font-size:11px;border:1px solid #cde4ed;background:#fff;border-radius:20px;padding:7px 12px;color:#08788c}.oj-mock-admin .oj-field{display:block;max-width:700px}.oj-mock-admin .oj-field input,.oj-mock-admin .oj-field textarea,.oj-mock-admin .oj-field select{display:block;width:100%;margin:8px 0 16px}.oj-mock-admin textarea{min-height:100px}@media(min-width:851px) and (max-width:1100px){.oj-hero-people .oj-welcome-scene{height:480px}.oj-hero-people .oj-people-photo{height:280px}.oj-hero-people .oj-identity{width:220px}.oj-hero-people .oj-float{bottom:235px}}@media(min-width:651px) and (max-width:850px){.oj-hero-people .oj-welcome-scene{height:495px}.oj-hero-people .oj-people-photo{height:285px}.oj-hero-people .oj-float{bottom:235px}}@media(max-width:650px){.oj-africa-network{left:5%;top:8%;width:80%;height:38%;opacity:.09}.oj-hero-people .oj-welcome-scene{height:auto}.oj-hero-people .oj-people-photo{height:auto}.oj-hero-people .oj-identity{right:auto;bottom:auto;width:calc(100% - 16px);margin-top:-12px}.oj-hero-people .oj-float{bottom:auto}.oj-live-steps{gap:7px}.oj-live-steps span{font-size:10px;padding:6px 10px}}
/* 1.3.3: aligned wordmark, colourful designs and private profile photos. */
.oj-brand>.oj-brand-wordmark{display:grid;grid-template-columns:1fr;gap:5px;width:max-content;letter-spacing:0;white-space:nowrap}.oj-brand-wordmark>strong{font-size:15px;letter-spacing:.22em;line-height:1.2;font-weight:800;display:block}.oj-brand-wordmark>.oj-brand-africa{display:flex;align-items:center;justify-content:space-between;width:100%;gap:7px;font-size:12px;line-height:1.2;color:#58748b;letter-spacing:0}.oj-brand-africa>span{flex:1;text-align:justify;text-align-last:justify}.oj-brand-africa>i{display:block;width:6px;height:6px;border-radius:50%;background:#25b9bc;box-shadow:0 0 0 3px #e4f8f8;flex-shrink:0}.oj-template-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:-8px 0 24px}.oj-design-sheet.modern{border-top:6px solid #00b1c9;background:linear-gradient(115deg,#fff 60%,#effaff)}.modern .design-header{background:#064578;color:#fff;margin:-12px -8px 0;padding:15px 10px;border:0}.modern .design-header>small{color:#c7e6f1}.modern .design-side{background:#eaf8fc;margin:-1px 0 0 -4px;padding:7px;border:0}.modern .design-body b{color:#066580}.oj-design-sheet.executive{border-top:6px solid #ef3c4d}.executive .design-header{background:#f1f8fc;border-top:0!important;border-bottom:2px solid #064578;color:#064578}.executive .design-body b{color:#a92e40!important;border-bottom:1px solid #f0ced4!important}.oj-design-sheet.minimal{border-top:6px solid #00a5be}.minimal .design-header{background:#eaf8fa;margin:-8px -6px 0;padding:10px 8px}.minimal .design-body{border-top:1px solid #0c91a9}.minimal .design-side{background:#eff9fc;padding:7px!important;border:0}.minimal .design-body b{border-left-color:#ed3b4d}.oj-preview-dialog{width:min(1100px,96vw);max-width:96vw;max-height:95vh;border:1px solid #c9e0eb;border-radius:20px;background:#f5f9fc;color:#183b55;padding:22px;box-shadow:0 25px 90px #07345145}.oj-preview-dialog::backdrop{background:#102c48a6;backdrop-filter:blur(5px)}.oj-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.oj-preview-dialog h2{font-size:25px;margin:6px 0 12px}.oj-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #d7e6ee;border-radius:12px;padding:12px;margin:12px 0}.oj-preview-controls label{display:flex;align-items:center;gap:10px;font-size:12px}.oj-preview-controls input[type=range]{width:130px;padding:0;min-height:25px;border:0;accent-color:#00a2be}.oj-preview-controls output{font-size:12px;font-weight:700;width:42px}.oj-preview-controls .oj-button{padding:8px 13px}.oj-preview-scroll{background:#dfe8f0;border-radius:12px;overflow:auto;max-height:62vh;padding:20px}.oj-preview-scaled{position:relative;margin:0 auto;flex-shrink:0}.oj-preview-scaled iframe{display:block;width:794px;height:1123px;border:0;background:#fff;transform-origin:top left;box-shadow:0 8px 25px #143b5520}.oj-preview-dialog footer{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:17px}.oj-photo-panel{margin-bottom:28px}.oj-profile-photos{display:grid;grid-template-columns:1fr 1fr;gap:25px}.oj-profile-photos>article{border:1px solid #dce7ef;border-radius:14px;padding:20px;background:#fbfdff}.oj-profile-photos h4{font-size:15px;margin:0 0 18px;color:#064578}.oj-profile-photo-frame{background:#eaf2f7;border:1px dashed #b8d5e3;border-radius:12px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;overflow:hidden}.oj-profile-photo-frame.passport{width:140px;aspect-ratio:7/9}.oj-profile-photo-frame.full{width:170px;height:260px}.oj-profile-photo-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#eaf2f7}.oj-profile-photo-frame.passport img{object-fit:cover}.oj-profile-photo-frame>span{font-size:13px;font-weight:650;color:#4d748d;text-align:center}.oj-profile-photo-frame small{display:block;font-size:10px;font-weight:400;margin-top:8px}.oj-profile-photos input[type=file]{padding:9px;font-size:11px}.oj-profile-photos form+form{margin-top:17px;padding-top:12px;border-top:1px solid #dce7ef}.oj-shared-photos{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.oj-shared-photos img{width:72px;height:95px;object-fit:contain;background:#eaf2f7;border-radius:8px;border:1px solid #d3e3ed}@media(max-width:650px){.oj-brand-wordmark>strong{font-size:11px;letter-spacing:.13em}.oj-brand-wordmark>.oj-brand-africa{font-size:9px;gap:5px}.oj-brand-africa>i{width:5px;height:5px;box-shadow:0 0 0 2px #e4f8f8}.oj-template-previews{grid-template-columns:1fr;gap:9px;margin-top:12px}.oj-profile-photos{grid-template-columns:1fr}.oj-preview-dialog{padding:15px;border-radius:14px}.oj-preview-dialog>header{align-items:flex-start;gap:10px}.oj-preview-dialog h2{font-size:20px}.oj-preview-dialog header .oj-button{font-size:10px!important;padding:8px 10px}.oj-preview-controls{gap:8px;padding:10px}.oj-preview-controls input[type=range]{width:90px}.oj-preview-scroll{padding:10px}.oj-preview-dialog footer{flex-wrap:wrap;gap:5px}.oj-preview-dialog footer .oj-fine{margin:0}.oj-preview-dialog .oj-text-link{font-size:10px}}
.oj-preview-controls select{min-height:34px;padding:5px 8px;width:110px;font-size:12px}
/* 1.3.4: natural brand spacing and a purposeful phone layout. */
.oj-brand>.oj-brand-wordmark{gap:6px}.oj-brand-wordmark>.oj-brand-africa{justify-content:flex-start;width:auto;gap:7px;font-size:11px;font-weight:550;color:#507185;line-height:1.3;letter-spacing:.015em}.oj-brand-africa>span{flex:none;text-align:left;text-align-last:auto}.oj-brand-africa>i{width:5px;height:5px;box-shadow:0 0 0 3px #e5f7f8}.oj-menu-toggle{display:none!important}.oj-app p,.oj-app h1,.oj-app h2,.oj-app h3,.oj-app a,.oj-app label{overflow-wrap:anywhere}.oj-app input,.oj-app select,.oj-app textarea{max-width:100%;min-width:0}.oj-profile-photos>article{display:flex;flex-direction:column}.oj-profile-photos .oj-profile-photo-frame{height:240px;width:185px;aspect-ratio:auto}.oj-profile-photos .oj-profile-photo-frame.passport img{object-fit:contain}.oj-profile-photos form:first-of-type{margin-top:auto}.oj-photo-panel{margin-top:28px}@media(max-width:850px){.oj-app .oj-menu-toggle{display:flex!important;align-items:center;gap:12px;width:calc(100% - 32px);margin:14px 16px 0;padding:12px 16px;min-height:46px;border:1px solid #d3e3ed;border-radius:10px;background:#fff;color:#064578;-webkit-text-fill-color:#064578;font-size:12px;font-weight:750;text-align:left;box-sizing:border-box}.oj-menu-toggle span{flex:1;color:#5e7b90;font-weight:450;font-size:11px}.oj-menu-toggle b{font-size:19px;line-height:1}.oj-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;background:transparent;padding:12px 16px 0;gap:7px;border:0}.oj-has-menu .oj-nav{display:none}.oj-has-menu.oj-menu-open .oj-nav{display:grid}.oj-nav>a{white-space:normal;min-height:46px;padding:10px 12px;border:1px solid #dce7ef;background:#fff;font-size:11px;gap:9px}.oj-nav>a.active{border:1px solid #90d4e1;border-left:3px solid #00a8c1;background:#edf9fb}.oj-nav>a b{font-size:19px;width:20px}.oj-main{padding:22px 16px}.oj-studio-layout{display:flex;flex-direction:column;gap:18px}.oj-studio-layout>div,.oj-studio-layout>aside{width:100%;min-width:0}.oj-cv-preview{position:static;max-width:100%;padding:16px}.oj-form-grid,.oj-two,.oj-grid,.oj-profile-photos{grid-template-columns:1fr}.oj-hero.oj-hero-people{grid-template-columns:1fr;min-height:0;padding:27px 24px;gap:25px}.oj-hero-people h1{font-size:38px}.oj-hero-people .oj-welcome-scene{height:auto;display:grid;grid-template-columns:1fr;gap:12px}.oj-hero-people .oj-people-photo{position:relative;height:auto;aspect-ratio:3/2;max-height:none}.oj-hero-people .oj-identity{position:relative;right:auto;bottom:auto;justify-self:end;margin-top:-12px;width:min(300px,calc(100% - 12px));transform:rotate(-1deg)}.oj-hero-people .oj-float{position:relative;bottom:auto;left:auto;right:auto;justify-self:start;max-width:190px}.oj-welcome-orbit{inset:150px 0 40px 5px}.oj-africa-network{left:10%;top:10%;width:75%;height:40%;opacity:.08}.oj-entry-forms,.oj-paths{grid-template-columns:1fr}.oj-preview-dialog{padding:16px;max-height:94dvh}.oj-preview-dialog>header{gap:10px}.oj-preview-dialog>header h2{font-size:22px}.oj-preview-controls{gap:8px}.oj-preview-scroll{max-height:50dvh}.oj-preview-dialog footer{flex-wrap:wrap}.oj-studio-tabs{gap:8px}.oj-studio-tabs a{min-height:40px;display:flex;align-items:center}.oj-opportunity .oj-actions{gap:10px}.oj-version-list>article{flex-wrap:wrap}.oj-version-list>article>div{width:100%;flex:auto}.oj-section-title{align-items:flex-start}.oj-list-row{overflow-wrap:anywhere}}@media(max-width:480px){.oj-header{padding:15px 14px;gap:10px;flex-wrap:wrap}.oj-brand{gap:12px}.oj-brand img{width:98px}.oj-brand>.oj-brand-wordmark{padding-left:12px;gap:5px}.oj-brand-wordmark>strong{font-size:11px;letter-spacing:.15em}.oj-brand-wordmark>.oj-brand-africa{font-size:9px;letter-spacing:0}.oj-header-end{margin-left:auto}.oj-badge{font-size:8px;padding:5px 8px;max-width:140px;white-space:normal}.oj-main{padding:18px 12px}.oj-card{padding:21px 18px;border-radius:14px}.oj-hero.oj-hero-people{padding:25px 20px}.oj-hero-people h1{font-size:clamp(32px,9.4vw,40px);line-height:1.13}.oj-hero-people .oj-welcome-copy>p{font-size:13px;line-height:1.7}.oj-hero-people .oj-actions{display:grid;grid-template-columns:1fr;width:100%}.oj-hero-people .oj-actions>.oj-button{width:100%;min-height:46px}.oj-app .oj-field input,.oj-app .oj-field select,.oj-app .oj-field textarea{font-size:16px;padding:11px;min-height:45px}.oj-app input[type=checkbox],.oj-app input[type=radio]{min-height:18px;width:18px;height:18px}.oj-app .oj-check{font-size:12px;line-height:1.6;gap:10px}.oj-app .oj-button{min-height:44px;padding:12px 15px}.oj-profile-photos>article{padding:18px}.oj-profile-photos input[type=file]{font-size:12px!important}.oj-profile-photos form .oj-button{width:100%}.oj-stats{grid-template-columns:1fr 1fr;margin:18px 0 27px}.oj-stats>div{padding:0 12px}.oj-stats b{font-size:18px}.oj-designs{grid-template-columns:1fr}.oj-design{grid-template-columns:105px minmax(0,1fr);gap:6px 15px}.oj-design>small{overflow-wrap:anywhere}.oj-design-sheet{min-width:0}.oj-template-previews{grid-template-columns:1fr}.oj-template-previews .oj-button{width:100%}.oj-heading h2{font-size:25px}.oj-stage-board{grid-template-columns:repeat(2,minmax(0,1fr))}.oj-job-top>div{min-width:0}.oj-job-top h3{font-size:20px}.oj-job-top>.oj-chip{margin-left:0}.oj-filter-panel{padding:18px}.oj-preview-dialog{width:96vw;max-width:96vw;padding:12px}.oj-preview-controls{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.oj-preview-controls>label:first-child{grid-column:1/-1}.oj-preview-controls>label{min-width:0}.oj-preview-controls input[type=range]{width:100%;min-width:45px}.oj-preview-controls [data-zoom-fit],.oj-preview-controls [data-preview-print]{grid-column:auto;white-space:normal}.oj-preview-controls .oj-button{min-height:36px;padding:7px 10px}.oj-preview-dialog>header .oj-button{min-height:36px;padding:8px;font-size:10px!important}.oj-preview-dialog h2{font-size:20px}.oj-preview-dialog footer .oj-fine{width:100%}.oj-preview-scroll{padding:8px;max-height:43dvh}.oj-onboarding{padding:22px 18px!important}.oj-onboarding h2{font-size:25px}.oj-employer-banner{padding:23px 19px}.oj-footer{gap:9px}.oj-entry-intro h1{font-size:32px}.oj-paywall{padding:26px 20px}.oj-paywall h2{font-size:29px}}
@media(max-width:650px){.oj-admin input,.oj-admin select,.oj-admin textarea{max-width:100%;box-sizing:border-box}.oj-admin .nav-tab-wrapper{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}.oj-admin .nav-tab{float:none;margin:0;font-size:12px;padding:9px 12px}.oj-admin .widefat{table-layout:fixed;width:100%;border:0;background:transparent}.oj-admin .widefat thead{display:none}.oj-admin .widefat tbody tr{display:block;background:#fff!important;border:1px solid #dce7ef;border-radius:12px;margin:15px 0;padding:14px}.oj-admin .widefat tbody td{display:block;width:100%;padding:12px 4px;border:0;overflow-wrap:anywhere}.oj-admin .widefat tbody td:before{display:block;font-size:10px;font-weight:750;text-transform:uppercase;color:#58758b;margin-bottom:8px}.oj-admin .widefat tbody td:nth-child(1):before{content:"Member"}.oj-admin .widefat tbody td:nth-child(2):before{content:"Details"}.oj-admin .widefat tbody td:nth-child(3):before{content:"Actions"}.oj-admin .widefat form{display:block!important;margin:8px 0!important}.oj-admin .widefat form button{width:100%;min-height:40px}.oj-mock-admin{padding:20px!important}}
/* 1.3.5: seven directly clickable, print-faithful CV samples. */
.oj-template-slider{--oj-cards:3;--oj-gap:20px;min-width:0;margin-top:22px}.oj-slider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.oj-slider-toolbar>span{font-size:12px;color:#52758b}.oj-slider-toolbar>div{display:flex;gap:8px}.oj-slider-toolbar .oj-button{min-height:42px;min-width:44px;padding:8px 13px}.oj-slider-toolbar .oj-button:disabled{opacity:.4!important;cursor:default;transform:none}.oj-template-track{display:flex;gap:var(--oj-gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9fcbd9 #edf5fa;scroll-padding:2px;padding:3px 3px 17px;min-width:0}.oj-app button.oj-template-card{flex:0 0 calc((100% - (var(--oj-cards) - 1)*var(--oj-gap))/var(--oj-cards));min-width:0;scroll-snap-align:start;display:block;appearance:none;border:1px solid #d4e3ec!important;background:#fff!important;color:#163d59!important;-webkit-text-fill-color:#163d59!important;padding:12px!important;border-radius:15px!important;box-shadow:0 7px 20px #123f6010!important;text-align:left;white-space:normal;line-height:1.5;font-family:inherit;cursor:pointer;text-transform:none!important;transition:border-color .15s,box-shadow .15s}.oj-app button.oj-template-card:hover{border-color:#1caac2!important;box-shadow:0 10px 25px #0b617920!important}.oj-app button.oj-template-card.is-selected{border:2px solid #00a6c0!important;padding:11px!important}.oj-template-art{display:block;position:relative;border:1px solid #e3ebf0;background:#f1f6fa;border-radius:8px;overflow:hidden;aspect-ratio:210/297}.oj-template-art>img{display:block;width:100%;height:100%;object-fit:cover}.oj-template-number{position:absolute;right:8px;top:8px;background:#ffffffed;border:1px solid #d9e7ed;color:#43728b;border-radius:20px;padding:3px 7px;font-size:9px;font-weight:700}.oj-template-open{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#064578f0;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:20px;padding:7px 13px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 5px 15px #06457820}.oj-template-caption{display:block;padding:14px 3px 4px}.oj-template-caption>strong{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.2}.oj-template-caption>small{display:block;font-size:11px;color:#607c90;margin:7px 0 11px}.oj-template-selected,.oj-template-hint{display:inline-block;font-size:9px;letter-spacing:.04em;padding:4px 8px;border-radius:5px;background:#e7f8f7;color:#087870}.oj-template-hint{background:#eff5fa;color:#55758c}.oj-slider-hint{margin-bottom:0!important}.oj-template-gallery>.oj-section-title p{margin-bottom:0}.oj-template-track:focus-visible{outline:3px solid #00a8c2;outline-offset:4px}@media(max-width:900px){.oj-template-slider{--oj-cards:2;--oj-gap:16px}}@media(max-width:600px){.oj-template-slider{--oj-cards:1;--oj-gap:14px}.oj-app button.oj-template-card{padding:14px!important}.oj-app button.oj-template-card.is-selected{padding:13px!important}.oj-template-caption>strong{font-size:20px}.oj-template-art{max-height:470px}.oj-template-open{font-size:11px;padding:8px 15px}.oj-slider-toolbar{margin-bottom:12px}.oj-template-track{scroll-padding:0;padding-left:0;padding-right:0}.oj-template-gallery{padding:21px 17px!important}}
/* 1.4 joining paths */
.oj-join-heading{max-width:800px;margin:16px 0 28px}.oj-join-heading h2{font-size:clamp(28px,4vw,42px);line-height:1.15;color:#104a7c;margin:14px 0}.oj-join-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 22px}.oj-join-card{display:flex;flex-direction:column;padding:32px!important;border-top:4px solid #35bdd2!important}.oj-join-card h3{font-size:26px;line-height:1.2;color:#104a7c;margin:16px 0}.oj-join-card>p{line-height:1.7}.oj-join-card .oj-button{margin-top:auto;align-self:flex-start;white-space:normal;text-align:center}.oj-join-price{font-size:24px;font-weight:800;color:#104a7c;margin:22px 0 0}.oj-join-symbol{display:grid;place-items:center;background:#e8f8fc;color:#104a7c;font-size:30px;border-radius:16px;width:60px;height:60px;margin-bottom:20px}.oj-membership-confirm{margin-top:28px}.oj-local-price{grid-column:1/-1;background:#edf9fb;padding:16px;border-radius:12px;color:#104a7c}.oj-checkout-price{font-size:20px}.oj-entry-forms{scroll-margin-top:24px}.oj-field input[type=file]{max-width:100%;font-size:14px}.oj-join-cards .oj-fine{min-height:42px}@media(max-width:760px){.oj-join-cards{grid-template-columns:1fr;gap:16px}.oj-join-card{padding:24px!important}.oj-join-card .oj-button{align-self:stretch}.oj-join-card h3{font-size:24px}}
.oj-join-cards>.oj-join-card{margin:0!important}
/* Matching sales panels, 1.4.1 */
.oj-join-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.oj-join-top .oj-join-symbol{margin:0;width:46px;height:46px;font-size:28px}.oj-join-card-heading h3{font-size:29px;line-height:1.2;margin:0 0 15px}.oj-join-tagline{display:block;color:#308ba2;font-size:21px;margin-top:9px}.oj-join-lead{font-size:15px;line-height:1.7;color:#526f8c;margin:0}.oj-join-benefits{list-style:none!important;padding:0!important;margin:0!important}.oj-join-benefits li{position:relative;padding:0 0 0 26px;margin:0 0 15px;font-size:14px;line-height:1.7;color:#526f8c}.oj-join-benefits li:before{content:'✓';position:absolute;left:0;top:0;color:#1594a8;font-weight:800}.oj-join-benefits strong{color:#173f63}.oj-join-feature{background:#edf8fc;border:1px solid #cfedf5;border-radius:13px;padding:20px}.oj-join-feature h4{font-size:18px;line-height:1.4;margin:0 0 10px;color:#134d7e}.oj-join-feature p{font-size:14px;line-height:1.7;margin:0;color:#486c89}.oj-join-feature p+p{margin-top:12px}.oj-join-price-area{margin-top:auto;padding-top:22px;border-top:1px solid #e3edf5}.oj-join-kicker{font-size:15px;font-weight:700;color:#315c7c;margin:0 0 10px}.oj-join-price-area .oj-join-price{font-size:29px;line-height:1.3;margin:0 0 8px}.oj-join-price small{font-size:17px;font-weight:600}.oj-join-detail{font-size:12px;line-height:1.7;color:#53718c;margin:0 0 20px}.oj-join-card .oj-join-price-area .oj-button{display:block;width:100%;margin:0;padding:16px 12px;text-align:center}.oj-join-fine{font-size:11px;line-height:1.7;color:#658097;margin:12px 0 0}.oj-join-card{gap:22px}.oj-join-cards>.oj-join-card{margin:0!important}@supports(grid-template-rows:subgrid){@media(min-width:761px){.oj-join-cards{row-gap:22px}.oj-join-card{display:grid;grid-row:span 4;grid-template-rows:subgrid}.oj-join-price-area{margin:0}}}@media(max-width:760px){.oj-join-card-heading h3{font-size:26px}.oj-join-tagline{font-size:20px}.oj-join-card{gap:20px}.oj-join-price-area .oj-join-price{font-size:26px}}
.oj-join-card .oj-join-price-area .oj-join-price{color:#104c7e}.oj-join-card .oj-join-kicker{color:#315c7c}@media(min-width:761px){.oj-join-price-area .oj-join-kicker{min-height:42px}.oj-join-price-area .oj-join-price{min-height:76px}.oj-join-price-area .oj-join-detail{min-height:42px}}
@media(min-width:761px){.oj-join-card .oj-join-price-area{display:grid;grid-template-rows:42px 76px 42px auto 1fr;row-gap:10px;align-content:start}.oj-join-card .oj-join-price-area>p{margin:0!important}}
.oj-terms-summary{margin:20px 0;padding:18px;background:#edf8fc;border:1px solid #cce8f0;border-radius:12px;color:#214d6e}.oj-terms-summary p{font-size:14px;line-height:1.7}.oj-terms-summary .oj-check{align-items:flex-start;line-height:1.6}.oj-terms-summary input[type=checkbox]{width:18px;min-width:18px;height:18px;margin-top:4px}.oj-terms-page{max-width:1000px;margin:0 auto!important;padding:32px!important}.oj-terms-page h1{font-size:34px;color:#124b7e}.oj-terms-page h2{font-size:20px;color:#124b7e;margin:28px 0 12px;line-height:1.4}.oj-terms-page p{font-size:15px;line-height:1.8}.oj-terms-page a,.oj-terms-summary a{text-decoration:underline}.oj-terms-page .oj-button{text-decoration:none}@media(max-width:600px){.oj-terms-page{padding:22px!important}.oj-terms-page h1{font-size:28px}}
.oj-currency-note{background:#edf8fc;border:1px solid #cfedf5;border-radius:12px;padding:16px;color:#214d6e;font-size:14px;line-height:1.7}.oj-currency-note a{text-decoration:underline}

.oj-membership-dialog{width:min(620px,calc(100% - 24px));max-height:90vh;max-height:90dvh;overflow:auto;border:0;border-radius:18px;padding:20px;background:#f5f8fc;color:#163f68;box-sizing:border-box;box-shadow:0 20px 80px #071d3b55}.oj-membership-dialog::backdrop{background:#071d3bb3}.oj-membership-dialog .oj-membership-confirm{margin:8px 0 0;padding:20px}.oj-membership-dialog .oj-entry-forms{display:block;margin:8px 0 0}.oj-membership-dialog .oj-entry-forms>.oj-card{margin-bottom:16px}.oj-dialog-close{display:block;margin-left:auto;background:#fff;color:#163f68;border:1px solid #cad7e5;border-radius:8px;padding:8px 12px;cursor:pointer}.oj-membership-dialog .oj-form-grid{display:block}.oj-membership-dialog .oj-terms-summary{margin:16px 0}.oj-membership-dialog .oj-check{align-items:flex-start}.oj-membership-dialog .oj-button{width:100%;box-sizing:border-box}

/* Guest login and registration share a wide desktop panel. */
@media(min-width:860px){.oj-membership-dialog.oj-entry-dialog{width:min(1120px,calc(100% - 48px))}.oj-entry-dialog .oj-entry-forms{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.oj-entry-dialog .oj-entry-forms>.oj-card{min-width:0;margin:0;padding:24px}.oj-entry-dialog .oj-entry-forms h2{font-size:28px;line-height:1.2}.oj-entry-dialog .oj-entry-forms input,.oj-entry-dialog .oj-entry-forms select{max-width:100%;box-sizing:border-box}}
.oj-membership-dialog .oj-dialog-close{background:#fff;color:#163f68}

.oj-existing-account-note{background:#edf8fc;border:1px solid #b9dfec;border-radius:12px;padding:16px;margin:16px 0;color:#163f68}.oj-existing-account-note a{font-weight:700;text-decoration:underline}

.oj-public-intro{border-top:4px solid #3abed4}.oj-public-intro h1{font-size:clamp(26px,3.5vw,40px);line-height:1.15;max-width:800px}.oj-public-intro p{max-width:820px}.oj-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.oj-proof{border:1px solid #d4e2ed;border-radius:12px;padding:20px;min-width:0;overflow-wrap:anywhere}.oj-proof summary,.oj-faq summary{font-weight:700;cursor:pointer;color:#164a7d}.oj-sample-cv{font-size:14px;line-height:1.6}.oj-sample-cv header{border-bottom:2px solid #174b7d}.oj-sample-cv h4{margin-bottom:4px}.oj-proof blockquote{margin:16px 0;border-left:3px solid #36b8cf;padding-left:14px}.oj-faq{padding:16px 0;border-bottom:1px solid #dce6ee}.oj-faq p{max-width:850px}.oj-first-win{border-left:5px solid #36b8cf;background:#f0faff}.oj-first-win .oj-button{margin-top:8px}.oj-public-support .oj-actions a,.oj-public-intro .oj-actions a{font-weight:700;text-decoration:underline}#oj-product-preview,#oj-public-jobs,#oj-membership-faq{scroll-margin-top:24px}@media(max-width:800px){.oj-proof-grid{grid-template-columns:1fr}.oj-proof{padding:16px}}
/* Documents and illustrated benefits: HTML text remains crisp at every size. */
.oj-public-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:24px;align-items:center;overflow:hidden}.oj-intro-copy{position:relative;z-index:1;min-width:0}.oj-public-intro .oj-intro-copy h1{font-size:clamp(28px,3.1vw,42px)}.oj-document-showcase{display:block;position:relative;min-height:350px;color:#164b7c;text-decoration:none!important;isolation:isolate}.oj-document-glow{position:absolute;inset:30px 0 20px;background:radial-gradient(ellipse,#cdeef7 0%,#f4fafc 60%,transparent 72%);z-index:-1}.oj-visual-sheet{box-sizing:border-box;position:absolute;width:215px;min-height:285px;background:#fff;border:1px solid #d6e1eb;border-radius:4px;box-shadow:0 12px 30px #143b6426;transition:transform .25s ease;padding:20px;color:#294e70}.oj-visual-sheet h3{font-size:15px!important;line-height:1.2!important;margin:10px 0!important}.oj-visual-sheet p{font-size:8px!important;line-height:1.65!important;margin:10px 0!important;max-width:none!important}.oj-sheet-label{font-size:7px;font-weight:800;letter-spacing:1.5px;color:#238aa1}.oj-visual-letter{right:0;top:26px;transform:rotate(10deg);border-top:5px solid #42b9cf}.oj-sheet-rule{display:block;width:55px;height:3px;background:#42b9cf}.oj-visual-cv{left:5px;top:16px;transform:rotate(-9deg);padding:0;overflow:hidden}.oj-visual-cv header{background:#164b7c;padding:19px;color:#fff}.oj-visual-cv header h3,.oj-visual-cv header p{color:#fff!important}.oj-visual-cv header .oj-sheet-label{color:#a8e9f4}.oj-mini-cv-body{display:grid;grid-template-columns:40% 60%;font-size:8px;min-height:173px}.oj-mini-cv-body aside{background:#edf7fa;padding:12px}.oj-mini-cv-body>div{padding:12px}.oj-mini-cv-body h4{font-size:6px!important;letter-spacing:.7px;margin:0 0 6px!important;color:#164b7c}.oj-mini-cv-body p{font-size:7px!important;margin:0 0 12px!important}.oj-document-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:#245570}.oj-document-showcase:hover .oj-visual-cv,.oj-document-showcase:focus-visible .oj-visual-cv{transform:rotate(-5deg) translateY(-5px)}.oj-document-showcase:hover .oj-visual-letter,.oj-document-showcase:focus-visible .oj-visual-letter{transform:rotate(6deg) translateY(-5px)}.oj-document-showcase:focus-visible{outline:3px solid #35a7bd;outline-offset:4px;border-radius:12px}
.oj-join-benefits.oj-visual-benefits li{padding:0;margin:0 0 12px}.oj-join-benefits.oj-visual-benefits li:before{content:none}.oj-benefit-tile{border:1px solid #d9e6ef;border-radius:13px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.oj-benefit-tile summary{display:flex;gap:14px;align-items:center;min-height:90px;padding:10px 12px;cursor:pointer;list-style:none}.oj-benefit-tile summary::-webkit-details-marker{display:none}.oj-benefit-tile summary img{width:80px;height:64px;flex:0 0 80px;border-radius:10px;object-fit:cover}.oj-benefit-tile summary>span{flex:1;min-width:0}.oj-benefit-tile summary strong{display:block;font-size:14px;line-height:1.4}.oj-benefit-tile summary small{display:block;color:#5e7d94;font-size:11px;margin-top:5px}.oj-benefit-expand{font-size:24px;font-weight:400;color:#228ca4}.oj-benefit-tile[open]{background:#f5fbfd;border-color:#69bdce}.oj-benefit-tile[open] .oj-benefit-expand{transform:rotate(45deg)}.oj-benefit-description{padding:0 18px 18px;font-size:14px;line-height:1.7}.oj-benefit-tile:hover{border-color:#69bdce;box-shadow:0 5px 15px #173e6410}.oj-benefit-tile summary:focus-visible{outline:3px solid #35a7bd;outline-offset:-3px}
@media(max-width:900px){.oj-public-intro{grid-template-columns:1fr}.oj-document-showcase{width:min(390px,100%);margin:0 auto;min-height:340px}.oj-public-intro .oj-intro-copy h1{font-size:32px}}@media(max-width:420px){.oj-visual-sheet{width:185px;min-height:268px}.oj-visual-sheet h3{font-size:13px!important}.oj-document-showcase{min-height:325px}.oj-benefit-tile summary{gap:10px;padding:10px}.oj-benefit-tile summary img{width:64px;height:54px;flex-basis:64px}.oj-public-intro .oj-intro-copy h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.oj-visual-sheet,.oj-benefit-tile{transition:none}}

/* Public Jobseeker landing page */
.oj-africa-public .oj-layout{display:block}
.oj-africa-public .oj-layout>.oj-nav,.oj-africa-public .oj-layout>.oj-menu-toggle{display:none!important}
.oj-africa-public .oj-main{max-width:none;min-width:0}
.oj-africa-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(16px,4vw,60px);padding:clamp(20px,4vw,58px);border-radius:24px;background:linear-gradient(125deg,#d2f8ff,#54daf0 75%,#11b9dc);color:#082e4c;overflow:hidden}
.oj-africa-hero h1{font-size:clamp(36px,5.5vw,82px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px;color:#082e4c;overflow-wrap:anywhere}
.oj-africa-kicker{display:block;font-size:11px;font-weight:850;letter-spacing:.13em;color:inherit}
.oj-africa-copy>p{font-size:clamp(16px,1.6vw,21px);line-height:1.5;max-width:35ch}
.oj-africa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0 12px}
.oj-africa-hero .oj-button,.oj-africa-hiring .oj-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#073452;color:white;border:1px solid #073452;text-align:center}
.oj-africa-text{font-weight:800;color:#082e4c}
.oj-africa-copy>.oj-africa-note{font-size:13px;max-width:none;margin-bottom:0}
.oj-africa-scene{min-width:0;position:relative;padding:0 0 24px 20px}
.oj-africa-scene>img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:18px}
.oj-africa-phone{position:absolute;bottom:0;left:0;display:grid;gap:7px;width:clamp(145px,18vw,230px);padding:18px 12px 12px;border:4px solid #0b2f46;border-radius:22px;background:#fff;color:#103952;box-shadow:0 12px 30px #0734524d;font-size:11px;line-height:1.3}
.oj-africa-phone strong{font-size:clamp(14px,1.8vw,21px)}
.oj-phone-notch{position:absolute;top:4px;left:38%;width:24%;height:4px;background:#0b2f46;border-radius:10px}
.oj-phone-brand{font-weight:900}.oj-phone-brand b{color:#087496;font-size:8px}
.oj-phone-chip{width:fit-content;font-size:8px;font-weight:800;letter-spacing:.05em;background:#e1f8ff;padding:4px 6px;border-radius:4px}
.oj-phone-action{background:#08466d;color:white;padding:7px;border-radius:5px;font-weight:800;text-align:center}
.oj-africa-how,.oj-africa-studio,.oj-africa-hiring{margin:22px 0;padding:clamp(18px,4vw,45px);border-radius:20px;background:#fff;border:1px solid #dce8f2;color:#133b59}
.oj-africa-how{text-align:center}.oj-africa-how h2,.oj-africa-studio h2,.oj-africa-hiring h2{margin:9px 0 14px;font-size:clamp(27px,3.8vw,49px);line-height:1.08;letter-spacing:-.035em;color:inherit}
.oj-africa-how fieldset{min-width:0;border:0;padding:0;margin:0}
.oj-africa-sr,.oj-africa-how input[type=radio]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.oj-africa-switch{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;background:#eef5f9;border-radius:25px}
.oj-africa-switch label{cursor:pointer;padding:8px 13px;border-radius:24px;font-weight:750;font-size:13px}
#oj-journey-seeker:checked~.oj-africa-switch label[for=oj-journey-seeker],#oj-journey-employer:checked~.oj-africa-switch label[for=oj-journey-employer]{color:white;background:#08466d}
#oj-journey-seeker:focus-visible~.oj-africa-switch label[for=oj-journey-seeker],#oj-journey-employer:focus-visible~.oj-africa-switch label[for=oj-journey-employer]{outline:2px solid #007b9d;outline-offset:2px}
.oj-africa-journey{display:none}#oj-journey-seeker:checked~#oj-seeker-steps,#oj-journey-employer:checked~#oj-employer-steps{display:block}
.oj-africa-journey ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;padding:0;list-style:none;text-align:left}
.oj-africa-journey li{padding:15px;background:#f3f9fd;border-radius:12px}
.oj-africa-journey li>span{display:inline-block;padding:5px 9px;border-radius:8px;background:#d9f5fc;color:#08466d;font-weight:850}
.oj-africa-journey h3{font-size:16px;margin:10px 0 4px;color:#123a59}.oj-africa-journey p{margin:0;font-size:14px}
.oj-africa-studio,.oj-africa-hiring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(15px,4vw,55px)}
.oj-africa-studio .oj-document-showcase{min-width:0;width:100%}.oj-africa-hiring{background:#092d47;color:#fff;border:0}
.oj-africa-hiring>img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.oj-africa-hiring .oj-button{background:#61e1f2;color:#082e4c;border-color:#61e1f2}
#oj-public-jobs,#oj-product-preview,#oj-join-form{scroll-margin-top:20px}
@media(max-width:800px){.oj-africa-journey ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.oj-africa-hero,.oj-africa-studio,.oj-africa-hiring{grid-template-columns:minmax(0,1fr)}.oj-africa-break{display:none}.oj-africa-scene{padding-left:12px}.oj-africa-scene>img{aspect-ratio:16/11}.oj-africa-phone{padding:13px 9px 8px;gap:4px}.oj-africa-hiring>img{grid-row:2}.oj-africa-hero,.oj-africa-how,.oj-africa-studio,.oj-africa-hiring{border-radius:15px}}
@media(max-width:360px){.oj-africa-journey ol{grid-template-columns:minmax(0,1fr)}}
.oj-letter-thumb{display:flex;flex-direction:column;aspect-ratio:210/297;background:#fff;color:#233b4d;text-align:left;padding:10%;gap:4%;box-shadow:inset 0 0 0 1px #dbe6ee;font-size:clamp(9px,1.2vw,15px)}
.oj-letter-thumb b{display:block;font-size:1.2em;letter-spacing:.05em;color:inherit}
.oj-letter-thumb small{font-size:.85em;color:inherit}.oj-letter-thumb i{display:block;height:2px;background:#b5c7d5;width:100%}.oj-letter-thumb i:last-of-type{width:62%}.oj-letter-thumb em{font-size:.8em;font-style:normal}
.oj-letter-thumb.modern{border-top:12px solid #0b406c}.oj-letter-thumb.executive{border-left:12px solid #97334b}.oj-letter-thumb.minimal{border-top:4px solid #47bed5}.oj-letter-thumb.atelier{background:#fff7f3;border-top:9px solid #dd765f}.oj-letter-thumb.metro{border-left:12px solid #102d54}.oj-letter-thumb.signature{border:4px double #914b5b;font-family:Georgia,serif}.oj-letter-thumb.momentum{background:#edfaff;border-top:12px solid #2baac0}
.oj-hiring-now{text-align:center}.oj-company-slider{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:14px 0}
.oj-company-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0;padding:4px;list-style:none}
.oj-company-track>li{flex:0 0 clamp(115px,18vw,190px);scroll-snap-align:start}
.oj-company-track a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:94px;padding:9px;color:#083652;text-decoration:none;background:#f6fafd;border:1px solid #d9e8f2;border-radius:12px;overflow-wrap:anywhere;font-size:13px}
.oj-company-track img{width:auto;max-width:100%;height:35px;object-fit:contain}
.oj-company-slider button{font-size:20px;padding:4px 9px;min-width:34px}
.oj-opportunity-card{scroll-margin-top:20px}.oj-opportunity-card:target{outline:2px solid #0985a6;outline-offset:2px}
.oj-wardrobe-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.oj-wardrobe [hidden]{display:none!important}
.oj-wardrobe-example{margin:0;background:#eef7fa;border:1px solid #d8e9f1;border-radius:16px;overflow:hidden}
.oj-wardrobe-example img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#e6f0f5}
.oj-wardrobe-example figcaption{padding:15px}
.oj-wardrobe-example p{margin:5px 0}
.oj-wardrobe-swatches{display:flex;gap:8px;flex-wrap:wrap}
.oj-wardrobe-swatches span{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:5px 8px;background:#f3f8fc;border-radius:6px}
.oj-wardrobe-swatches i{width:17px;height:17px;border-radius:50%;border:1px solid #9fb7ca}
.oj-wardrobe details{margin-top:14px}
@media(max-width:700px){.oj-wardrobe-grid{grid-template-columns:minmax(0,1fr)}}

.oj-photo-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-width:0;background:linear-gradient(120deg,#e5faff,#c5f0f9);border:1px solid #bde9f2;border-radius:20px;overflow:hidden;margin:0 0 22px;color:#113b58}
.oj-photo-story-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,3vw,36px)}
.oj-photo-story-copy>strong{display:block;color:#083650;line-height:1.1;letter-spacing:-.035em;font-size:clamp(23px,3vw,38px);margin:9px 0 6px}
.oj-photo-story-copy>p{margin:0;max-width:42ch;font-size:14px}
.oj-photo-story figure{display:grid;place-items:center;margin:12px;min-width:0;aspect-ratio:3/2;border-radius:12px;overflow:hidden;background:#d9edf4}
.oj-photo-story img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.oj-photo-story .oj-photo-bundled{display:block;align-self:center}
.oj-photo-story .oj-photo-bundled img{position:absolute;inset:0;object-fit:cover}
.oj-photo-story.oj-photo-unavailable{grid-template-columns:minmax(0,1fr)}
.oj-photo-story [hidden]{display:none!important}
@media(max-width:600px){
 .oj-photo-story{grid-template-columns:minmax(0,1fr);border-radius:14px;margin-bottom:16px}
 .oj-photo-story figure{margin:0 10px 10px}
}

.oj-app .oj-preview-window{overflow:auto;max-height:70vh;max-width:100%}
.oj-app .oj-cv-preview{min-width:0}
.oj-app .oj-cv-preview iframe,.oj-app .oj-preview-scaled iframe{min-width:794px;max-width:none}
.oj-cv-preview [hidden]{display:none!important}
.oj-example-cv{width:794px;min-height:1123px;background:white;color:#1b3548;font:17px/1.55 Arial,sans-serif}
.oj-example-cv>header{padding:44px 38px;background:#103f66;color:white;border-bottom:8px solid #23b7bb}
.oj-example-cv>header span{display:inline-block;background:#f6c467;color:#163852;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:bold;letter-spacing:.12em}
.oj-example-cv>header h2{font-size:50px;line-height:1.05;color:white;margin:12px 0 5px}
.oj-example-cv>header p{color:#dcf5f6;margin:0}
.oj-example-cv-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:30px}
.oj-example-cv-body>aside{background:#e1f5f3;border-radius:8px;padding:18px}
.oj-example-cv-body h3{font-size:17px;letter-spacing:.05em;color:#08656c;text-transform:uppercase;border-bottom:2px solid #8dd8d1;padding-bottom:5px;margin:0 0 8px}
.oj-example-cv-body h4{font-size:18px;margin:6px 0 0;color:#103f66}
.oj-example-cv-body p,.oj-example-cv-body ul{margin:5px 0 14px}
.oj-example-cv-body ul{padding-left:19px}
.oj-example-cv-body section{margin:0 0 19px}
.oj-example-cv-body .oj-example-meta{color:#546a79;font-size:14px}

.oj-photo-story figure{position:relative}
.oj-photo-credit{position:absolute;right:8px;bottom:8px;background:#0b2e43;color:white;border-radius:4px;padding:3px 6px;font-size:10px;line-height:1.35}

.oj-call-labels{display:grid;grid-template-columns:1fr 1fr;gap:1px;position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:center;font-size:12px;font-weight:bold}
.oj-call-labels span{background:#0b2e43;padding:6px 4px}

.oj-short-courses{margin:24px 0}
.oj-short-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.oj-short-course.oj-card{display:flex;flex-direction:column;padding:0;overflow:hidden;min-width:0;margin:0}
.oj-short-course>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#d9edf4}
.oj-short-course-copy{padding:20px;flex:1}
.oj-short-course-copy h3{margin:10px 0 8px}
@media(max-width:650px){.oj-short-course-grid{grid-template-columns:minmax(0,1fr)}}

.oj-campus-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px 20px;padding:0 4px 12px;font:12px/1.5 Arial,Helvetica,sans-serif}
.oj-campus-bar>nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px 16px}
.oj-campus-bar a{color:#073d75}
.oj-campus-bar>nav a{text-decoration:underline;text-underline-offset:2px}
.oj-campus-bar>a{white-space:nowrap}
@media(max-width:640px){.oj-campus-bar{flex-direction:column}.oj-campus-bar>nav{justify-content:flex-start}}

.oj-africa-keep{white-space:nowrap}
.oj-public-landing>.oj-africa-hero{margin-bottom:22px}
.oj-join-cards.oj-public-offers>.oj-join-card{border-top:1px solid var(--line)!important;grid-row:span 2}
.oj-join-cards.oj-public-benefits>.oj-join-card{grid-row:span 2}
@media(max-width:650px){.oj-join-cards.oj-public-offers>.oj-join-card,.oj-join-cards.oj-public-benefits>.oj-join-card{grid-row:auto}}
.oj-public-landing .oj-africa-hiring .oj-button{background:#104575;border-color:#104575;color:#fff}

.oj-masterclass-hero{background:#e5f5fc}
.oj-masterclass-hero h2{color:#102d51;font-size:clamp(26px,3.5vw,46px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 12px}
.oj-masterclass-hero .oj-button{align-self:flex-start;margin-top:18px}
.oj-masterclass-hero figure{align-self:center;aspect-ratio:1026/666}
.oj-masterclass-hero figure img{position:absolute;top:-8.86%;left:-92.01%;width:196.98%;max-width:none;height:auto}
