/* PathLens whole-site design system — RiskAtlas.co.za South Africa */
:root{
  --pl-navy:#102a43;--pl-teal:#0f7c82;--pl-gold:#c4932f;--pl-paper:#f4f7f8;
  --pl-pale:#e9f1f2;--pl-line:#d5e1e5;--pl-muted:#64788a;--pl-card:#fff;
  --pl-shadow:0 14px 34px rgba(16,42,67,.08)
}
html{scroll-behavior:smooth}
body.demand-desk-body{background:var(--pl-paper);color:#243b53}
.dd-page{max-width:1680px;margin:0 auto;overflow:hidden}
.dd-site-header{position:relative;z-index:20;grid-template-columns:minmax(180px,.85fr) minmax(0,2.6fr) auto;gap:clamp(12px,1.8vw,26px);padding:13px clamp(18px,4vw,58px);background:var(--pl-teal);box-shadow:0 3px 15px rgba(16,42,67,.12)}
.dd-masthead{grid-template-columns:42px auto;column-gap:11px;align-items:center;min-width:180px}
.dd-masthead img{grid-row:1 / span 2;width:42px;height:42px}
.dd-masthead span{font-size:clamp(1.35rem,1.8vw,1.8rem);letter-spacing:.015em;line-height:1}
.dd-masthead small{grid-column:2;margin-top:4px;font-size:.55rem;letter-spacing:.12em}
.dd-nav{gap:clamp(8px,1.15vw,17px);align-items:center;justify-content:center;flex-wrap:wrap}
.dd-nav a{padding:7px 0;font-size:.72rem;line-height:1.2;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .18s ease,opacity .18s ease}
.dd-nav a:hover,.dd-nav a:focus-visible{color:#fff0c2;opacity:1}
.dd-nav .dd-donate-nav{padding:9px 14px;border-radius:999px;background:var(--pl-gold);color:var(--pl-navy)}
.dd-nav .dd-donate-nav:hover,.dd-nav .dd-donate-nav:focus-visible{background:#f1d58d;color:var(--pl-navy)}
.dd-stamp{min-height:38px;border-radius:5px;padding:.55rem .72rem;font-size:.6rem;letter-spacing:.1em}
.dd-notice{padding:9px clamp(18px,4vw,58px);background:#e7f0f2;border-color:var(--pl-line);color:#31566a;font-size:.67rem;letter-spacing:.09em}
.dd-title{padding:34px clamp(18px,5vw,72px) 22px}
.dd-title.compact{position:relative;isolation:isolate;display:flex;min-height:176px;flex-direction:column;justify-content:center;margin:22px clamp(18px,4vw,58px) 22px;padding:30px clamp(20px,4vw,58px);overflow:hidden;border:1px solid var(--pl-line);border-radius:15px;background:linear-gradient(90deg,rgba(244,247,248,.98) 0%,rgba(244,247,248,.93) 44%,rgba(244,247,248,.42) 100%),url("../images/pathlens-industry-work.webp") right center/cover no-repeat}
.dd-title.compact:has(+ .dd-flow),.dd-title.compact:has(+ .dd-two-col){background-image:linear-gradient(90deg,rgba(244,247,248,.98) 0%,rgba(244,247,248,.9) 48%,rgba(244,247,248,.28) 100%),url("../images/pathlens-evidence-team.webp")}
.dd-title.compact .dd-eyebrow,.dd-title.compact h1,.dd-title.compact>p{position:relative;z-index:1}
.dd-title.compact h1{max-width:920px;margin:8px 0;color:var(--pl-navy);font-size:clamp(2.15rem,4vw,3.6rem);line-height:.98}
.dd-title.compact>p:last-child{max-width:760px;margin:6px 0 0;color:#425d70;font:1rem/1.5 Georgia,serif}
.dd-eyebrow{color:var(--pl-gold)!important;letter-spacing:.14em}
.dd-home-hero{min-height:390px;margin:0;padding:54px clamp(18px,4vw,58px) 36px;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:clamp(22px,4vw,56px);background-position:center,right center;border-bottom:1px solid var(--pl-line)}
.dd-home-hero h1{max-width:740px;font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:.94}
.dd-home-hero>div:first-child>p:last-child{max-width:690px}
.dd-lens-note{border-left-color:var(--pl-gold);box-shadow:0 8px 22px rgba(16,42,67,.07)}
.dd-job-finder,.dd-panel,.dd-guide,.dd-occ-main,.dd-method-list,.dd-donate-card{border-color:var(--pl-line);border-radius:14px;box-shadow:var(--pl-shadow)}
.dd-job-finder{padding:20px;border-radius:17px}
.dd-job-finder input,.dd-job-finder select,.dd-study-form input,.dd-study-form select,.dd-tool-form input,.dd-tool-form select,.dd-tool-form textarea{border-color:#c5d6dd;border-radius:8px}
button,.dd-button,input[type=submit]{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
button:hover,.dd-button:hover,input[type=submit]:hover{box-shadow:0 6px 16px rgba(16,42,67,.16)}
.dd-home-questions{gap:14px;padding:0 clamp(18px,4vw,58px) 28px}
.dd-home-questions .pop{border-color:var(--pl-line);border-radius:14px;box-shadow:0 8px 20px rgba(16,42,67,.045);transition:transform .18s ease,box-shadow .18s ease}
.dd-home-questions .pop:hover{transform:translateY(-3px);box-shadow:var(--pl-shadow)}
.dd-home-strip>div{border-radius:9px;background:var(--pl-navy)}
.dd-home-shortcuts a,.dd-home-strip>div,.dd-flow article,.dd-salary-summary article{transition:transform .18s ease,box-shadow .18s ease}
.dd-home-shortcuts a:hover,.dd-home-shortcuts a:focus-visible{transform:translateY(-2px);box-shadow:var(--pl-shadow)}
.dd-study-hero,.dd-ee-hero,.dd-stats-hero,.dd-tools-hero,.dd-migrant-hero,.dd-disability-hero{position:relative;isolation:isolate;min-height:250px;margin:22px clamp(18px,4vw,58px);padding:38px clamp(20px,4vw,58px);overflow:hidden;border:1px solid var(--pl-line);border-radius:16px;background-color:#e9f1f2;box-shadow:0 8px 24px rgba(16,42,67,.055)}
.dd-study-hero{background-image:linear-gradient(90deg,rgba(244,247,248,.98) 0%,rgba(244,247,248,.91) 44%,rgba(244,247,248,.35) 100%),url("../images/pathlens-study-campus.webp");background-position:right center;background-size:cover}
.dd-ee-hero,.dd-stats-hero{background-image:linear-gradient(90deg,rgba(244,247,248,.98) 0%,rgba(244,247,248,.9) 47%,rgba(244,247,248,.3) 100%),url("../images/pathlens-evidence-team.webp");background-position:right center;background-size:cover}
.dd-tools-hero{background-image:linear-gradient(90deg,rgba(244,247,248,.97) 0%,rgba(244,247,248,.88) 45%,rgba(244,247,248,.32) 100%),url("../images/pathlens-industry-work.webp");background-position:right center;background-size:cover}
.dd-migrant-hero{background-image:linear-gradient(90deg,rgba(244,247,248,.97) 0%,rgba(244,247,248,.9) 45%,rgba(244,247,248,.3) 100%),url("../images/pathlens-career-guidance.webp");background-position:right center;background-size:cover}
.dd-study-hero>*,.dd-ee-hero>*,.dd-stats-hero>*,.dd-tools-hero>*,.dd-migrant-hero>*,.dd-disability-hero>*{position:relative;z-index:1}
.dd-study-hero h1,.dd-ee-hero h1,.dd-stats-hero h1,.dd-tools-hero h1,.dd-migrant-hero h1,.dd-disability-hero h1{max-width:880px;text-wrap:balance}
.dd-occ-title{position:relative;margin:0;padding:24px clamp(18px,4vw,38px);background:linear-gradient(100deg,#f4f7f8 0%,#eff5f6 70%,#e5eff0 100%);border-bottom:1px solid var(--pl-line)}
.dd-occ-title h1{color:var(--pl-navy)}
.dd-occ-title aside{border:1px solid var(--pl-line);border-radius:10px;background:rgba(255,255,255,.86)}
.dd-panel,.dd-guide,.dd-method-list{background:var(--pl-card)}
.dd-panel-head{background:#edf4f5;border-bottom-color:var(--pl-line)}
.dd-panel-head h2,.dd-guide h2,.dd-note-card h2{color:var(--pl-navy)}
.dd-panel.wide{margin-left:clamp(18px,4vw,58px);margin-right:clamp(18px,4vw,58px);border-radius:14px}
.dd-row,.dd-salary-row,.dd-admin-file-row,.dd-source-row{border-bottom-color:#e3ebee}
.dd-row:hover,.dd-salary-row:hover{background:#f5f9fa}
.dd-head{background:#edf4f5;color:#526a7b}
.dd-flow article,.dd-salary-summary article,.dd-cards section,.dd-tools-grid>*,.dd-nqf-grid>*,.dd-ee-profile-grid>*,.dd-migrant-card{border-color:var(--pl-line);border-radius:12px;box-shadow:0 7px 18px rgba(16,42,67,.045)}
.dd-flow article:hover,.dd-salary-summary article:hover,.dd-tools-grid>*:hover,.dd-migrant-card:hover{transform:translateY(-2px);box-shadow:var(--pl-shadow)}
.dd-flow article:first-of-type,.dd-flow article:last-of-type{background:#e8f2f3}
.dd-flow article span,.dd-salary-summary article span,.dd-method-list article>span,.dd-guide li>span{background:var(--pl-teal)}
.dd-note-card{border-radius:0 10px 10px 0;background:#eaf2f3;border-left-color:var(--pl-gold)}
.dd-footer{padding-top:21px;padding-bottom:34px;background:#edf3f4;border-top:1px solid var(--pl-line)}
.dd-footer strong{color:var(--pl-navy)}
.dd-footer a{color:var(--pl-teal)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #c4932f;outline-offset:3px}
.dd-title.compact,.dd-study-hero,.dd-ee-hero,.dd-stats-hero,.dd-tools-hero,.dd-migrant-hero{background-color:#edf4f5}
@media(max-width:1100px){
 .dd-site-header{grid-template-columns:minmax(175px,1fr) auto;gap:10px 18px}
 .dd-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;order:3}
 .dd-stamp{grid-column:2;grid-row:1;justify-self:end}
 .dd-home-hero{grid-template-columns:1fr}
 .dd-home-hero .dd-job-finder{max-width:680px}
 .dd-home-questions{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .dd-site-header{grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}
 .dd-masthead{grid-template-columns:34px auto;min-width:0;column-gap:8px}
 .dd-masthead img{width:34px;height:34px}
 .dd-masthead span{font-size:1.2rem}
 .dd-masthead small{font-size:.46rem;letter-spacing:.08em}
 .dd-stamp{font-size:.48rem;padding:.45rem .5rem}
 .dd-nav{gap:6px 14px;max-height:92px;overflow:auto;scrollbar-width:thin}
 .dd-nav a{font-size:.66rem}
 .dd-notice{font-size:.57rem;line-height:1.35}
 .dd-title.compact{min-height:142px;margin:14px 14px 18px;padding:22px 18px;background-image:linear-gradient(90deg,rgba(244,247,248,.97),rgba(244,247,248,.82)),url("../images/pathlens-industry-work.webp")}
 .dd-title.compact:has(+ .dd-flow),.dd-title.compact:has(+ .dd-two-col){background-image:linear-gradient(90deg,rgba(244,247,248,.97),rgba(244,247,248,.82)),url("../images/pathlens-evidence-team.webp")}
 .dd-title.compact h1{font-size:2.3rem}
 .dd-home-hero{min-height:0;padding:38px 16px 24px;background-image:linear-gradient(90deg,rgba(244,247,248,.96),rgba(244,247,248,.88)),url("../images/pathlens-career-guidance.webp")}
 .dd-home-hero h1{font-size:clamp(2.45rem,12vw,3.7rem)}
 .dd-home-questions{grid-template-columns:1fr;padding-left:16px;padding-right:16px}
 .dd-study-hero,.dd-ee-hero,.dd-stats-hero,.dd-tools-hero,.dd-migrant-hero,.dd-disability-hero{min-height:0;margin:14px;padding:26px 18px;background-image:linear-gradient(90deg,rgba(244,247,248,.96),rgba(244,247,248,.88)),url("../images/pathlens-study-campus.webp")}
 .dd-study-hero h1,.dd-ee-hero h1,.dd-stats-hero h1,.dd-tools-hero h1,.dd-migrant-hero h1,.dd-disability-hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}
 .dd-panel.wide{margin-left:14px;margin-right:14px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media print{
 .dd-site-header{position:static;box-shadow:none}
 .dd-stamp{color:var(--pl-navy);border-color:var(--pl-navy)}
 .dd-title.compact,.dd-study-hero,.dd-ee-hero,.dd-stats-hero,.dd-tools-hero,.dd-migrant-hero{background:#fff}
 .dd-panel,.dd-guide,.dd-occ-main,.dd-method-list,.dd-donate-card{box-shadow:none}
}


/* --------------------------------------------------------------------------
   PathLens visual refresh — restrained public-interest / editorial direction
   Based on Option 1, deliberately less commercial and less SaaS-like.
   -------------------------------------------------------------------------- */
:root{
  --pl-navy:#17324d;
  --pl-blue:#2f6687;
  --pl-teal:#52796f;
  --pl-gold:#8a7042;
  --pl-paper:#f7f9f8;
  --pl-pale:#edf3f4;
  --pl-line:#d8e0e3;
  --pl-muted:#607281;
  --pl-card:#ffffff;
  --pl-shadow:none;
}
body.demand-desk-body{
  background:var(--pl-paper);
  color:#283d4d;
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}
.dd-page{max-width:1540px;background:var(--pl-paper)}
.dd-site-header{
  position:relative;
  background:#fff;
  color:var(--pl-navy);
  border-bottom:1px solid var(--pl-line);
  box-shadow:none;
  padding-top:14px;
  padding-bottom:14px;
}
.dd-masthead{color:var(--pl-navy)}
.dd-masthead span{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:-.01em;
}
.dd-masthead small{color:var(--pl-muted);font-weight:600}
.dd-nav a{
  color:#405667;
  font-weight:650;
  font-size:.74rem;
}
.dd-nav a:hover,.dd-nav a:focus-visible{color:var(--pl-blue)}
.dd-nav .dd-donate-nav{
  background:transparent;
  color:var(--pl-navy);
  border:1px solid #aebcc5;
  border-radius:5px;
  padding:7px 10px;
}
.dd-nav .dd-donate-nav:hover,.dd-nav .dd-donate-nav:focus-visible{
  background:#f3f6f7;
  color:var(--pl-navy);
}
.dd-stamp{
  transform:none;
  color:var(--pl-navy);
  background:#f7f9f8;
  border:1px solid var(--pl-line);
  border-radius:4px;
  font-weight:700;
}
.dd-notice{background:#f2f5f5;color:#566b78}
.dd-notice:empty{display:none}

.dd-title h1,
.dd-title.compact h1,
.dd-home-hero h1,
.dd-study-hero h1,
.dd-ee-hero h1,
.dd-stats-hero h1,
.dd-tools-hero h1,
.dd-migrant-hero h1,
.dd-disability-hero h1,
.dd-donate-hero h1,
.dd-donate-thanks h1,
.dd-panel-head h2,
.dd-guide h2,
.dd-note-card h2,
.dd-occ-title h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:-.025em;
}
.dd-eyebrow{
  color:var(--pl-blue)!important;
  font-weight:700!important;
  letter-spacing:.11em;
}
.dd-title.compact,
.dd-study-hero,
.dd-ee-hero,
.dd-stats-hero,
.dd-tools-hero,
.dd-migrant-hero,
.dd-disability-hero{
  border-radius:8px;
  border-color:var(--pl-line);
  box-shadow:none;
}
.dd-title.compact{
  background-image:linear-gradient(90deg,rgba(247,249,248,.98) 0%,rgba(247,249,248,.94) 58%,rgba(247,249,248,.72) 100%),url("../images/pathlens-evidence-team.webp");
}
.dd-study-hero{
  background-image:linear-gradient(90deg,rgba(247,249,248,.98) 0%,rgba(247,249,248,.94) 58%,rgba(247,249,248,.7) 100%),url("../images/pathlens-study-campus.webp");
}
.dd-ee-hero,.dd-stats-hero{
  background-image:linear-gradient(90deg,rgba(247,249,248,.98) 0%,rgba(247,249,248,.94) 58%,rgba(247,249,248,.7) 100%),url("../images/pathlens-evidence-team.webp");
}
.dd-tools-hero{
  background-image:linear-gradient(90deg,rgba(247,249,248,.98) 0%,rgba(247,249,248,.94) 58%,rgba(247,249,248,.7) 100%),url("../images/pathlens-industry-work.webp");
}
.dd-migrant-hero{
  background-image:linear-gradient(90deg,rgba(247,249,248,.98) 0%,rgba(247,249,248,.94) 58%,rgba(247,249,248,.7) 100%),url("../images/pathlens-career-guidance.webp");
}
.dd-home-hero{
  min-height:360px;
  background:#eef4f6;
  border-bottom:1px solid var(--pl-line);
  padding-top:46px;
}
.dd-home-hero h1{
  max-width:800px;
  font-size:clamp(2.55rem,4.8vw,4.9rem);
  line-height:.98;
}
.dd-home-hero>div:first-child>p:last-child,
.dd-title.compact>p:last-child{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;
  color:#506775;
}
.dd-lens-note{
  background:transparent;
  border-left:3px solid #9aabb4;
  box-shadow:none;
}

.dd-job-finder,
.dd-panel,
.dd-guide,
.dd-occ-main,
.dd-method-list,
.dd-donate-card,
.dd-home-questions .pop,
.dd-flow article,
.dd-salary-summary article,
.dd-cards section,
.dd-tools-grid>*,
.dd-nqf-grid>*,
.dd-ee-profile-grid>*,
.dd-migrant-card{
  border-radius:7px;
  border-color:var(--pl-line);
  box-shadow:none;
}
.dd-job-finder{background:#fff;padding:19px}
.dd-job-search-row input,
.dd-job-select-wrap select,
.dd-study-form input,
.dd-study-form select,
.dd-tool-form input,
.dd-tool-form select,
.dd-tool-form textarea{
  border-radius:5px;
  background:#fff;
}
.dd-job-search-row button,
.dd-admin-form button,
.dd-admin-logout{
  border-radius:5px;
  background:var(--pl-navy);
  font-weight:700;
}
button:hover,.dd-button:hover,input[type=submit]:hover{
  transform:none;
  box-shadow:none;
}

.dd-home-questions{gap:10px}
.dd-home-questions .pop{
  background:#fff;
  padding:16px;
  transition:none;
}
.dd-home-questions .pop:hover{transform:none;box-shadow:none;background:#f9fbfb}
.dd-home-questions .pop>span{
  font-size:1.05rem;
  filter:grayscale(1);
  opacity:.72;
}
.dd-home-questions strong{
  font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;
  font-weight:700;
  font-size:.9rem;
}
.dd-home-strip{
  gap:0;
  border:1px solid var(--pl-line);
  border-radius:7px;
  overflow:hidden;
  margin:0 clamp(18px,4vw,58px) 26px;
  padding:0;
}
.dd-home-strip>div{
  background:#f3f6f6;
  color:var(--pl-navy);
  border-radius:0;
  padding:14px 16px;
  border-right:1px solid var(--pl-line);
}
.dd-home-strip>div:last-child{border-right:0}
.dd-home-strip span{color:var(--pl-muted)}

.dd-home-shortcuts a{
  background:#fff;
  border-radius:6px;
  transition:none;
}
.dd-home-shortcuts a:hover,.dd-home-shortcuts a:focus-visible{
  transform:none;
  box-shadow:none;
  background:#f8faf9;
}
.dd-home-shortcuts span,
.dd-panel-head a,
.text-link,
.dd-source-row a,
.dd-footer a{
  color:var(--pl-blue);
}
.dd-panel-head{
  background:#f2f5f5;
  border-bottom-color:var(--pl-line);
}
.dd-head{background:#f3f6f6}
.dd-row:hover,.dd-salary-row:hover{background:#f8faf9}
.dd-flow article:first-of-type,.dd-flow article:last-of-type{background:#f2f6f6}
.dd-flow article span,
.dd-salary-summary article span,
.dd-method-list article>span,
.dd-guide li>span{
  background:var(--pl-navy);
}
.dd-note-card{
  background:#f1f5f5;
  border-left-color:#9aabb4;
  border-radius:0 6px 6px 0;
}
.dd-footer{background:#f2f5f5}
.dd-footer strong{font-weight:650}

.dd-occ-title{
  background:#f1f5f5;
}
.dd-occ-title h1{color:var(--pl-navy)}
.dd-cards h2{background:var(--pl-navy)}
.dd-cards section.rust h2{background:#6f7f88}
.good{color:#35675d;background:#e9f2ef}
.bad{color:#8f4d3f;background:#f6ece9}
.pending{color:#5d6e79;background:#edf1f2}

.dd-donate-card button{
  background:var(--pl-navy);
  border-radius:5px;
}
.dd-donate-toggle label span,
.dd-donate-amounts label span{
  border-radius:5px;
  background:#f7f9f8;
}
.dd-donate-toggle input:checked+span,
.dd-donate-amounts input:checked+span{
  background:var(--pl-navy);
  border-color:var(--pl-navy);
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid #466f8c;
  outline-offset:2px;
}

@media(max-width:680px){
  .dd-home-strip{
    margin-left:16px;
    margin-right:16px;
  }
  .dd-home-strip>div{
    border-right:0;
    border-bottom:1px solid var(--pl-line);
  }
  .dd-home-strip>div:last-child{border-bottom:0}
}