:root{--navy:#122d4d;--blue:#2368a8;--teal:#2d9388;--ink:#172638;--muted:#607084;--line:#e2e9f0;--pale:#f4f8fb;--radius:18px;--shadow:0 12px 36px rgba(18,45,77,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1140px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;padding:10px;z-index:99}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:21px;font-weight:800;line-height:1.1}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--navy);color:white;border-radius:12px;width:44px;height:44px;font-size:15px}.brand-light{color:var(--teal)}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:5px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{font-size:14px;font-weight:650;color:#33465b}.nav-links .nav-cta,.button{background:var(--blue);color:#fff;padding:11px 17px;border-radius:10px;display:inline-block;font-weight:700;border:0}.menu-toggle{display:none;border:0;background:var(--pale);padding:8px 12px;border-radius:8px;font-size:20px}.hero{background:linear-gradient(120deg,#f1f7fc,#f3fbf8);padding:68px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.eyebrow,.kicker{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:1.1px;font-size:12px}.hero h1{font-size:clamp(36px,5vw,59px);line-height:1.1;letter-spacing:-2px;color:var(--navy);margin:14px 0 20px}.hero p{font-size:18px;color:#52677b}.hero-art{width:100%;border-radius:24px;box-shadow:var(--shadow)}.button-secondary{background:#fff;color:var(--navy);border:1px solid #cbd9e6;padding:10px 16px;border-radius:10px;display:inline-block;font-weight:700;margin-left:8px}.section{padding:60px 0}.section-soft{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section h2,.page-heading h1{font-size:clamp(27px,3vw,38px);line-height:1.2;color:var(--navy);margin:0 0 12px}.section-head p,.muted{color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.article-card,.category-card,.info-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.article-card:hover,.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card img{width:100%;aspect-ratio:1.9;object-fit:cover;display:block;background:#e8eef4}.article-card .card-body{padding:21px}.article-card h3{font-size:20px;line-height:1.35;margin:8px 0}.article-card p{color:var(--muted);font-size:14px}.read-more{font-weight:750;font-size:14px}.category-card{padding:22px;display:block;color:var(--ink)}.category-icon{width:42px;height:42px;border-radius:12px;background:#e7f4f2;color:#1f8178;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.category-card h3{margin:0 0 7px;color:var(--navy);font-size:17px}.category-card p{font-size:13px;color:var(--muted);margin:0}.page-heading{padding:46px 0 32px;background:var(--pale)}.page-heading p{color:var(--muted);max-width:760px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;padding:38px 0 65px}.article-content{min-width:0}.article-content h1{font-size:clamp(32px,4vw,46px);line-height:1.15;color:var(--navy);letter-spacing:-1px}.article-content h2{margin-top:36px;color:var(--navy);font-size:28px;line-height:1.25}.article-content h3{margin-top:24px;color:var(--navy);font-size:21px}.article-content p,.article-content li{color:#394b5e}.article-content img{max-width:100%;height:auto;border-radius:16px}.toc{background:var(--pale);border:1px solid var(--line);padding:20px;border-radius:14px;margin:25px 0}.toc h2{font-size:17px!important;margin:0 0 10px!important}.toc li{margin:5px 0;font-size:14px}.sidebar{position:sticky;top:110px;align-self:start}.sidebar-box{padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px}.sidebar h3{margin:0 0 12px;color:var(--navy)}.sidebar a{display:block;margin:8px 0;font-size:14px}.breadcrumb{font-size:13px;color:var(--muted);padding-top:22px}.article-meta,.small-note{color:var(--muted);font-size:13px}.article-hero{width:100%;display:block;margin:20px 0}.notice{border-left:4px solid var(--teal);background:#f0f8f7;padding:16px 18px;border-radius:0 10px 10px 0;margin:22px 0}.search-form{display:flex;gap:10px;max-width:640px;margin:22px 0}.search-form input{flex:1;min-width:0;border:1px solid #cdd9e4;border-radius:10px;padding:13px;font:inherit}.site-footer{background:#102844;color:#dce7f0;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.site-footer h3{font-size:14px;color:#fff}.site-footer a{display:block;color:#dce7f0;font-size:13px;margin:8px 0}.site-footer .brand{color:#fff}.site-footer .brand small,.site-footer p{color:#bdcad7}.site-footer p{font-size:13px}.copyright{border-top:1px solid #2b4158;margin-top:30px;padding-top:18px;font-size:12px;color:#bdcad7}.empty-state{padding:28px;background:var(--pale);border-radius:14px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.container{width:calc(100% - 28px)}.nav-wrap{min-height:70px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px 22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero{padding:45px 0}.hero h1{letter-spacing:-1px}.section{padding:42px 0}.section-head{display:block}.card-grid,.category-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.search-form{flex-direction:column}.button-secondary{margin:10px 0 0}.article-content h2{font-size:25px}}


/* CareerAtlas homepage hero refresh */
.ca-career-hero{position:relative;overflow:hidden;padding:54px 0 48px;background:linear-gradient(120deg,#f3f8fc 0%,#edf7f5 58%,#f9fbfd 100%)}
.ca-career-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:30px;min-height:480px}
.ca-career-copy{position:relative;z-index:2;padding:30px 0}
.ca-career-kicker{display:inline-flex;align-items:center;gap:10px;color:#237f79;font-size:12px;font-weight:800;letter-spacing:1.5px}
.ca-career-kicker:before{content:"";width:25px;height:3px;border-radius:3px;background:#d8a747}
.ca-career-hero h1{max-width:650px;margin:18px 0;color:#122d4d;font-size:clamp(40px,5vw,65px);line-height:1.08;letter-spacing:-2.1px}
.ca-career-hero h1 em{color:#2d9388;font-style:normal}
.ca-career-hero .ca-career-copy>p{max-width:530px;margin:0;color:#52677b;font-size:17px;line-height:1.8}
.ca-career-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.ca-career-primary,.ca-career-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s}
.ca-career-primary{background:#122d4d;color:#fff;box-shadow:0 8px 20px rgba(18,45,77,.16)}
.ca-career-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 25px rgba(18,45,77,.2);text-decoration:none}
.ca-career-secondary{border:1px solid #c7d9e2;background:rgba(255,255,255,.8);color:#122d4d}
.ca-career-secondary:hover{background:#fff;transform:translateY(-2px);text-decoration:none}
.ca-career-trust{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:23px;color:#52677b;font-size:12px;font-weight:650}
.ca-career-trust span{display:inline-flex;align-items:center;gap:6px}
.ca-career-trust b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dff3ec;color:#237f79;font-size:11px}
.ca-career-art{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-height:460px;overflow:hidden}
.ca-career-disc{position:absolute;z-index:-2;width:min(88%,420px);aspect-ratio:1;right:5%;bottom:-8%;border-radius:50%;background:#e7b64f}
.ca-career-ring{position:absolute;z-index:-1;width:min(88%,425px);height:82%;right:3%;top:8%;border:2px solid #183f56;border-radius:48% 52% 48% 52%;transform:rotate(13deg)}
.ca-career-orbit{position:absolute;z-index:-1;border:1px solid rgba(45,147,136,.32);border-radius:50%}
.ca-career-orbit-one{width:88%;height:70%;right:0;top:12%;transform:rotate(-20deg)}
.ca-career-orbit-two{width:65%;height:90%;right:12%;top:3%;transform:rotate(25deg)}
.ca-career-person{position:relative;z-index:1;display:block;width:min(100%,430px);max-height:475px;height:auto;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px rgba(18,45,77,.08))}
.ca-career-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid rgba(220,230,237,.95);border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 9px 25px rgba(18,45,77,.12);color:#344d5e;font-size:12px;font-weight:700}
.ca-career-chip-one{left:0;top:25%}
.ca-career-chip-one span:first-child{color:#b88620;font-size:19px}
.ca-career-chip-two{left:2%;top:61%}
.ca-career-chip-two span:first-child{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e4f5ed;color:#237f79}
@media(max-width:850px){.ca-career-hero{padding:35px 0}.ca-career-shell{grid-template-columns:1fr;gap:0;min-height:0}.ca-career-copy{padding:28px 0 0}.ca-career-hero h1{max-width:680px}.ca-career-art{min-height:390px}.ca-career-person{width:min(75%,380px);max-height:400px}.ca-career-disc{width:330px;right:12%;bottom:-12%}.ca-career-ring{width:340px;height:85%;right:10%}.ca-career-chip-one{left:8%;top:17%}.ca-career-chip-two{left:7%;top:58%}}
@media(max-width:620px){.ca-career-hero{padding:26px 0 22px}.ca-career-shell{width:calc(100% - 32px)}.ca-career-copy{padding-top:17px}.ca-career-kicker{font-size:10px;letter-spacing:1.1px}.ca-career-hero h1{font-size:clamp(38px,10vw,51px);letter-spacing:-1.5px;margin:15px 0}.ca-career-hero .ca-career-copy>p{font-size:15px;line-height:1.7}.ca-career-actions{flex-direction:column;align-items:stretch;margin-top:21px}.ca-career-primary,.ca-career-secondary{width:100%}.ca-career-trust{gap:8px 12px;font-size:11px}.ca-career-art{min-height:315px;margin-top:5px}.ca-career-person{width:min(82%,330px);max-height:335px}.ca-career-disc{width:270px;right:4%;bottom:-13%}.ca-career-ring{width:270px;height:85%;right:3%;top:7%}.ca-career-chip{padding:9px 10px;font-size:10px}.ca-career-chip-one{left:0;top:15%}.ca-career-chip-two{left:0;top:57%}}
@media(prefers-reduced-motion:reduce){.ca-career-hero *{transition:none!important}}



/* CareerAtlas simple hero and article-card corrections */
.ca-simple-hero {
  background: #f5f8fc;
  border-bottom: 1px solid #e5ebf3;
  padding: 64px 0 58px;
}
.ca-simple-hero-inner { max-width: 1160px; }
.ca-simple-eyebrow {
  margin: 0 0 14px;
  color: #237d78;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .12em;
}
.ca-simple-hero h1 {
  max-width: 760px;
  margin: 0 0 18px;
  color: #122d4d;
  font-size: clamp(2.25rem, 4.4vw, 3.65rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}
.ca-simple-hero h1 span { color: #237d78; }
.ca-simple-intro {
  max-width: 700px;
  margin: 0 0 26px;
  color: #526277;
  font-size: 1.08rem;
  line-height: 1.75;
}
.ca-simple-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}
.ca-simple-secondary {
  color: #205b91;
  font-weight: 650;
  text-decoration: none;
}
.ca-simple-secondary:hover { text-decoration: underline; }
.ca-simple-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  list-style: none;
  padding: 0;
  margin: 28px 0 0;
  color: #46586c;
  font-size: .93rem;
}
.ca-simple-benefits li::before {
  content: "\2713";
  color: #237d78;
  font-weight: 700;
  margin-right: 8px;
}
.article-card, .post-card, .featured-card, .category-card,
.article-grid > *, .featured-grid > * {
  min-width: 0;
  max-width: 100%;
}
.article-card h2, .article-card h3,
.post-card h2, .post-card h3,
.featured-card h2, .featured-card h3,
.article-grid h2, .article-grid h3,
.featured-grid h2, .featured-grid h3 {
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.35;
}
.article-card img, .post-card img, .featured-card img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .ca-simple-hero { padding: 42px 0 38px; }
  .ca-simple-hero h1 { font-size: clamp(2rem, 8vw, 2.7rem); }
  .ca-simple-intro { font-size: 1rem; }
  .ca-simple-benefits { display: grid; gap: 10px; }
}


/* CareerAtlas featured guides: clean, consistent cards */
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.article-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e1e8f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(18, 45, 77, .05);
  transition: box-shadow .2s ease, transform .2s ease;
}
.article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(18, 45, 77, .10);
}
.article-card > a:first-child {
  display: block;
  width: 100%;
  overflow: hidden;
  background: #eef3f7;
}
.article-card > a:first-child img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.9 / 1;
  object-fit: cover;
}
.article-card .card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 20px;
}
.article-card .kicker {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #237d78;
  font-size: 12px;
  font-weight: 700;
}
.article-card h3 {
  max-width: 100%;
  margin: 10px 0;
  font-size: 19px;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-break: normal;
}
.article-card h3 a {
  color: #122d4d;
  text-decoration: none;
}
.article-card h3 a:hover {
  color: #2368a8;
}
.article-card p {
  margin: 0 0 18px;
  color: #526277;
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: break-word;
}
.article-card .read-more {
  margin-top: auto;
  color: #2368a8;
  font-weight: 700;
  text-decoration: none;
}
.article-card .read-more:hover {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .card-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .article-card .card-body { padding: 18px; }
}


/* CareerAtlas: simple text-only featured guide cards */
.card-grid .article-card > a:first-child {
  display: none !important;
}
.card-grid .article-card {
  display: block;
  height: auto;
  min-height: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e1e8f0;
  border-radius: 12px;
  box-shadow: none;
}
.card-grid .article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(18,45,77,.08);
}
.card-grid .article-card .card-body {
  display: block;
  padding: 22px;
}
.card-grid .article-card h3 {
  margin: 10px 0;
  font-size: 19px;
  line-height: 1.45;
  overflow-wrap: break-word;
}
.card-grid .article-card h3 a {
  color: #122d4d;
  text-decoration: none;
}
.card-grid .article-card p {
  color: #526277;
  font-size: 14px;
  line-height: 1.65;
}
.card-grid .article-card .read-more {
  display: inline-block;
  margin-top: 8px;
  color: #2368a8;
  font-weight: 700;
}


/* Final homepage featured-card artwork removal */
.card-grid > article.article-card > a:first-child {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}
.card-grid > article.article-card {
  background: #fff !important;
  background-image: none !important;
}
.card-grid > article.article-card .card-body {
  background: #fff !important;
}


/* CareerAtlas Premium Editorial Cards */
.section-soft {
  background: #f4f7fb;
}
.section-soft .section-head {
  margin-bottom: 28px;
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 22px;
}
.card-grid > .article-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e1e8f0;
  border-radius: 16px;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 3px 12px rgba(18, 45, 77, .035);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card-grid > .article-card:hover {
  transform: translateY(-4px);
  border-color: #c6ddd9;
  box-shadow: 0 14px 32px rgba(18, 45, 77, .09);
}
.card-grid > .article-card > a:first-child {
  display: none !important;
}
.card-grid > .article-card .card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px 24px 23px;
  background: #fff !important;
}
.card-grid > .article-card .kicker {
  display: inline-flex;
  align-items: center;
  margin: 0 0 13px;
  padding: 6px 10px;
  border: 1px solid #d8ebe7;
  border-radius: 999px;
  background: #f0f8f6;
  color: #23786f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.3;
  text-transform: uppercase;
}
.card-grid > .article-card h3 {
  margin: 0 0 12px;
  font-size: 20px;
  font-weight: 750;
  line-height: 1.42;
  letter-spacing: -.025em;
  overflow-wrap: break-word;
}
.card-grid > .article-card h3 a {
  color: #142f4e;
  text-decoration: none;
  transition: color .18s ease;
}
.card-grid > .article-card h3 a:hover {
  color: #237d78;
}
.card-grid > .article-card p {
  margin: 0 0 24px;
  color: #627186;
  font-size: 14px;
  line-height: 1.75;
}
.card-grid > .article-card .read-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  padding-top: 12px;
  color: #2368a8;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.card-grid > .article-card .read-more:hover {
  color: #237d78;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 900px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
}
@media (max-width: 600px) {
  .card-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .card-grid > .article-card .card-body { padding: 22px; }
  .card-grid > .article-card h3 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .card-grid > .article-card { transition: none; }
  .card-grid > .article-card:hover { transform: none; }
}


/* CareerAtlas: colorful premium editorial cards */
.card-grid > .article-card {
  position: relative;
  isolation: isolate;
  border: 1px solid #dce6f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  overflow: hidden;
  box-shadow: 0 5px 18px rgba(25, 48, 78, .055) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card-grid > .article-card::before {
  content: "";
  display: block;
  height: 7px;
  width: 100%;
  background: linear-gradient(90deg, #2368a8, #35a69a, #e8b653);
}
.card-grid > .article-card:nth-child(6n+1)::before {
  background: linear-gradient(90deg, #2463a6, #67a9e7);
}
.card-grid > .article-card:nth-child(6n+2)::before {
  background: linear-gradient(90deg, #087e8b, #55c2b1);
}
.card-grid > .article-card:nth-child(6n+3)::before {
  background: linear-gradient(90deg, #6356a6, #a99be7);
}
.card-grid > .article-card:nth-child(6n+4)::before {
  background: linear-gradient(90deg, #c06b32, #f0bb68);
}
.card-grid > .article-card:nth-child(6n+5)::before {
  background: linear-gradient(90deg, #277c63, #7dc7a4);
}
.card-grid > .article-card:nth-child(6n)::before {
  background: linear-gradient(90deg, #b14d70, #eaa0b5);
}
.card-grid > .article-card:hover {
  transform: translateY(-5px);
  border-color: #bdd7e4 !important;
  box-shadow: 0 16px 34px rgba(25, 48, 78, .12) !important;
}
.card-grid > .article-card .card-body {
  padding: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}
.card-grid > .article-card .kicker {
  display: inline-block;
  margin: 0 0 14px;
  padding: 7px 11px;
  border: 1px solid #d4e8e5;
  border-radius: 999px;
  background: #edf8f5;
  color: #19786e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
  line-height: 1.35;
}
.card-grid > .article-card h3 {
  margin: 0 0 12px !important;
  font-size: 20px !important;
  font-weight: 750;
  line-height: 1.45 !important;
  letter-spacing: -.025em;
}
.card-grid > .article-card h3 a {
  color: #142f4e !important;
  text-decoration: none;
  transition: color .2s ease;
}
.card-grid > .article-card h3 a:hover {
  color: #247d78 !important;
}
.card-grid > .article-card p {
  color: #617187 !important;
  font-size: 14px;
  line-height: 1.75;
}
.card-grid > .article-card .read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 10px 13px;
  border: 1px solid #dce9f5;
  border-radius: 9px;
  background: #f1f7fd;
  color: #205e98 !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.card-grid > .article-card .read-more:hover {
  background: #205e98;
  border-color: #205e98;
  color: #fff !important;
  text-decoration: none;
}
@media (max-width: 600px) {
  .card-grid > .article-card .card-body { padding: 21px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .card-grid > .article-card,
  .card-grid > .article-card .read-more { transition: none; }
  .card-grid > .article-card:hover { transform: none; }
}


/* CareerAtlas colorful premium card finish */
.card-grid > .article-card {
  border: 1px solid #dce5ef !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(24, 47, 76, .06) !important;
}
.card-grid > .article-card::before {
  height: 8px !important;
}
.card-grid > .article-card:nth-child(6n+1) .card-body {
  background: linear-gradient(145deg, #f0f6ff 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n+2) .card-body {
  background: linear-gradient(145deg, #eaf9f5 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n+3) .card-body {
  background: linear-gradient(145deg, #f2efff 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n+4) .card-body {
  background: linear-gradient(145deg, #fff3e8 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n+5) .card-body {
  background: linear-gradient(145deg, #eaf8ed 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n) .card-body {
  background: linear-gradient(145deg, #fff0f4 0%, #ffffff 75%) !important;
}
.card-grid > .article-card:nth-child(6n+1) .kicker {
  background: #e1edff; border-color: #cbdfff; color: #245ca0;
}
.card-grid > .article-card:nth-child(6n+2) .kicker {
  background: #dff5ee; border-color: #c1e8dd; color: #187563;
}
.card-grid > .article-card:nth-child(6n+3) .kicker {
  background: #ebe5ff; border-color: #d9ceff; color: #6350a1;
}
.card-grid > .article-card:nth-child(6n+4) .kicker {
  background: #ffead7; border-color: #f6d8b9; color: #9b5724;
}
.card-grid > .article-card:nth-child(6n+5) .kicker {
  background: #e0f4e5; border-color: #c8e8d0; color: #267348;
}
.card-grid > .article-card:nth-child(6n) .kicker {
  background: #ffe3ec; border-color: #f7cada; color: #a23d61;
}
.card-grid > .article-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 32px rgba(24, 47, 76, .12) !important;
}
.card-grid > .article-card .read-more {
  border-radius: 9px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-grid > .article-card .read-more:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(35, 104, 168, .16);
}


/* CareerAtlas: colorful premium career category cards */
.category-grid {
  gap: 18px !important;
  align-items: stretch;
}
.category-grid > .category-card {
  position: relative;
  display: block;
  min-width: 0;
  padding: 24px 22px !important;
  overflow: hidden;
  border: 1px solid #dce6f0 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #eff5ff 0%, #ffffff 82%) !important;
  box-shadow: 0 4px 16px rgba(24, 47, 76, .045);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.category-grid > .category-card:nth-child(8n+1) {
  background: linear-gradient(145deg, #eaf2ff 0%, #ffffff 82%) !important;
  border-color: #d2e1fa !important;
}
.category-grid > .category-card:nth-child(8n+2) {
  background: linear-gradient(145deg, #e5f8f4 0%, #ffffff 82%) !important;
  border-color: #cce9e2 !important;
}
.category-grid > .category-card:nth-child(8n+3) {
  background: linear-gradient(145deg, #f0ecff 0%, #ffffff 82%) !important;
  border-color: #ded5fa !important;
}
.category-grid > .category-card:nth-child(8n+4) {
  background: linear-gradient(145deg, #fff0e4 0%, #ffffff 82%) !important;
  border-color: #f4dfca !important;
}
.category-grid > .category-card:nth-child(8n+5) {
  background: linear-gradient(145deg, #e9f7eb 0%, #ffffff 82%) !important;
  border-color: #d0e9d4 !important;
}
.category-grid > .category-card:nth-child(8n+6) {
  background: linear-gradient(145deg, #fff5df 0%, #ffffff 82%) !important;
  border-color: #f1e2bd !important;
}
.category-grid > .category-card:nth-child(8n+7) {
  background: linear-gradient(145deg, #e9f3ff 0%, #ffffff 82%) !important;
  border-color: #d3e4f6 !important;
}
.category-grid > .category-card:nth-child(8n) {
  background: linear-gradient(145deg, #ffedf3 0%, #ffffff 82%) !important;
  border-color: #f2d4e0 !important;
}
.category-grid > .category-card .category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 13px;
  border: 1px solid rgba(35, 104, 168, .10);
  border-radius: 14px;
  background: rgba(255,255,255,.82);
  color: #2368a8;
  font-size: 21px;
  box-shadow: 0 3px 9px rgba(24, 47, 76, .04);
}
.category-grid > .category-card:nth-child(8n+2) .category-icon { color: #14796c; }
.category-grid > .category-card:nth-child(8n+3) .category-icon { color: #6754ad; }
.category-grid > .category-card:nth-child(8n+4) .category-icon { color: #a45b27; }
.category-grid > .category-card:nth-child(8n+5) .category-icon { color: #287648; }
.category-grid > .category-card:nth-child(8n+6) .category-icon { color: #906516; }
.category-grid > .category-card:nth-child(8n) .category-icon { color: #a34068; }
.category-grid > .category-card h3 {
  margin: 0 0 10px !important;
  color: #142f4e !important;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.5;
  text-decoration: none !important;
}
.category-grid > .category-card p {
  margin: 0;
  color: #5b6c81 !important;
  font-size: 13px;
  line-height: 1.75;
  text-decoration: none !important;
}
.category-grid > .category-card:hover {
  transform: translateY(-4px);
  border-color: #b9d3e6 !important;
  box-shadow: 0 13px 28px rgba(24, 47, 76, .10);
}
@media (prefers-reduced-motion: reduce) {
  .category-grid > .category-card { transition: none; }
  .category-grid > .category-card:hover { transform: none; }
}


/* Strong visible colors for career category cards */
.category-grid > .category-card {
  position: relative !important;
  display: block !important;
  padding: 26px 22px 24px !important;
  border: 1px solid #dce6f0 !important;
  border-top: 5px solid #5594dc !important;
  border-radius: 17px !important;
  background: #eaf2ff !important;
  color: #142f4e !important;
  box-shadow: 0 5px 16px rgba(24,47,76,.05) !important;
  text-decoration: none !important;
}
.category-grid > .category-card:nth-child(8n+1) {
  background: #eaf2ff !important;
  border-top-color: #3979c8 !important;
}
.category-grid > .category-card:nth-child(8n+2) {
  background: #e4f7f1 !important;
  border-top-color: #168a79 !important;
}
.category-grid > .category-card:nth-child(8n+3) {
  background: #eeeaff !important;
  border-top-color: #7560c5 !important;
}
.category-grid > .category-card:nth-child(8n+4) {
  background: #fff0e2 !important;
  border-top-color: #d7833d !important;
}
.category-grid > .category-card:nth-child(8n+5) {
  background: #e8f6e9 !important;
  border-top-color: #388653 !important;
}
.category-grid > .category-card:nth-child(8n+6) {
  background: #fff5d9 !important;
  border-top-color: #c39320 !important;
}
.category-grid > .category-card:nth-child(8n+7) {
  background: #e5f3ff !important;
  border-top-color: #3789b9 !important;
}
.category-grid > .category-card:nth-child(8n) {
  background: #ffebf2 !important;
  border-top-color: #c35d83 !important;
}
.category-grid > .category-card .category-icon {
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 3px 10px rgba(24,47,76,.06) !important;
}
.category-grid > .category-card h3,
.category-grid > .category-card p {
  text-decoration: none !important;
}
.category-grid > .category-card h3 {
  color: #142f4e !important;
}
.category-grid > .category-card p {
  color: #465a70 !important;
}
.category-grid > .category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(24,47,76,.12) !important;
}
.category-grid > .category-card:focus-visible {
  outline: 3px solid #2368a8;
  outline-offset: 3px;
}


/* Final visible color treatment for category cards */
.category-grid > a.category-card:nth-of-type(8n+1) { background: #dceaff !important; border-top: 6px solid #3979c8 !important; }
.category-grid > a.category-card:nth-of-type(8n+2) { background: #d8f4eb !important; border-top: 6px solid #168a79 !important; }
.category-grid > a.category-card:nth-of-type(8n+3) { background: #e8e0ff !important; border-top: 6px solid #7560c5 !important; }
.category-grid > a.category-card:nth-of-type(8n+4) { background: #ffe7d1 !important; border-top: 6px solid #d7833d !important; }
.category-grid > a.category-card:nth-of-type(8n+5) { background: #dcf2df !important; border-top: 6px solid #388653 !important; }
.category-grid > a.category-card:nth-of-type(8n+6) { background: #fff0bd !important; border-top: 6px solid #b88b18 !important; }
.category-grid > a.category-card:nth-of-type(8n+7) { background: #d9efff !important; border-top: 6px solid #3789b9 !important; }
.category-grid > a.category-card:nth-of-type(8n) { background: #ffdeea !important; border-top: 6px solid #c35d83 !important; }

.category-grid > a.category-card {
  background-image: none !important;
  text-decoration: none !important;
  border-radius: 17px !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.category-grid > a.category-card h3,
.category-grid > a.category-card p {
  text-decoration: none !important;
}
.category-grid > a.category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(24,47,76,.12) !important;
}


/* CareerAtlas premium text-first hero */
.ca-simple-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(64px, 8vw, 104px) 0 clamp(58px, 7vw, 82px) !important;
  background:
    radial-gradient(ellipse at 92% 8%, rgba(69, 170, 160, .14), transparent 36%),
    radial-gradient(ellipse at 5% 100%, rgba(63, 125, 194, .10), transparent 38%),
    linear-gradient(125deg, #f7faff 0%, #eef5fb 54%, #edf8f5 100%) !important;
  border-bottom: 1px solid #dce8f0 !important;
}
.ca-simple-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 340px;
  height: 340px;
  right: -110px;
  top: -145px;
  border: 1px solid rgba(35, 104, 168, .12);
  border-radius: 50%;
  box-shadow:
    0 0 0 34px rgba(35, 104, 168, .025),
    0 0 0 68px rgba(35, 104, 168, .02);
  pointer-events: none;
}
.ca-simple-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1160px;
}
.ca-simple-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 22px !important;
  padding: 8px 13px;
  border: 1px solid #cfe7e2;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #16796f !important;
  font-size: 11px !important;
  font-weight: 800;
  letter-spacing: .14em;
}
.ca-simple-eyebrow::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2b9b8d;
  box-shadow: 0 0 0 4px rgba(43,155,141,.12);
}
.ca-simple-hero h1 {
  max-width: 850px !important;
  margin: 0 0 22px !important;
  color: #102d4d !important;
  font-size: clamp(40px, 5.3vw, 66px) !important;
  font-weight: 800;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}
.ca-simple-hero h1 span {
  color: #21877e !important;
}
.ca-simple-intro {
  max-width: 690px !important;
  margin: 0 0 30px !important;
  color: #53677e !important;
  font-size: clamp(16px, 1.5vw, 19px) !important;
  line-height: 1.8 !important;
}
.ca-simple-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 20px;
}
.ca-simple-actions .button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 23px;
  border: 1px solid #2368a8;
  border-radius: 11px;
  background: linear-gradient(135deg, #2368a8, #174f85);
  box-shadow: 0 7px 16px rgba(35,104,168,.18);
  color: #fff !important;
  font-weight: 750;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ca-simple-actions .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 11px 24px rgba(35,104,168,.23);
}
.ca-simple-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 2px;
  color: #1b5d91 !important;
  font-weight: 750;
  text-decoration: none;
}
.ca-simple-secondary:hover {
  color: #16796f !important;
}
.ca-simple-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
  list-style: none;
  padding: 0;
  margin: 32px 0 0 !important;
  color: #425970 !important;
  font-size: 13px;
}
.ca-simple-benefits li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ca-simple-benefits li::before {
  content: "\\2713";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #dff3ed;
  color: #16796f;
  font-size: 12px;
  font-weight: 900;
}
@media (max-width: 600px) {
  .ca-simple-hero {
    padding: 48px 0 46px !important;
  }
  .ca-simple-hero h1 {
    font-size: clamp(36px, 10vw, 48px) !important;
  }
  .ca-simple-intro {
    font-size: 16px !important;
  }
  .ca-simple-benefits {
    display: grid;
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ca-simple-actions .button { transition: none; }
  .ca-simple-actions .button:hover { transform: none; }
}


/* Fix hero benefit checkmarks */
.ca-simple-benefits li::before {
  content: "\2713" !important;
  font-family: Arial, sans-serif;
  font-size: 13px !important;
  font-weight: 900;
  line-height: 1;
  color: #16796f !important;
  background: #dff3ed !important;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
}


/* CareerAtlas hero artwork: responsive, restrained and accessible */
.ca-simple-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(115deg, #f4f8fd 0%, #eef7f8 62%, #e8f5f2 100%);
}
.ca-simple-hero .container {
  position: relative;
  z-index: 1;
}
.ca-simple-artwork {
  position: absolute;
  z-index: -1;
  right: max(0px, calc((100vw - 1200px) / 2));
  bottom: 0;
  width: min(56%, 690px);
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
  overflow: hidden;
}
.ca-simple-artwork img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right bottom;
}
.ca-simple-hero .ca-simple-benefits,
.ca-simple-hero .ca-simple-actions {
  position: relative;
  z-index: 2;
}
@media (max-width: 760px) {
  .ca-simple-hero { padding-bottom: 0; }
  .ca-simple-artwork {
    position: relative;
    right: auto;
    bottom: auto;
    width: min(100%, 520px);
    height: auto;
    aspect-ratio: 900 / 500;
    margin: 16px auto 0;
    z-index: 0;
  }
  .ca-simple-artwork img {
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ca-simple-hero * { scroll-behavior: auto !important; }
}


/* CareerAtlas: corrected two-column hero artwork layout */
.ca-simple-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 64px 0 58px;
  background: linear-gradient(120deg, #f4f8fd 0%, #eef7f8 62%, #e9f6f2 100%);
}
.ca-simple-hero > .container {
  position: relative;
  z-index: 1;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
.ca-simple-hero .ca-simple-artwork {
  position: absolute;
  z-index: 0;
  top: 0;
  right: max(20px, calc((100vw - 1200px) / 2));
  bottom: 0;
  width: min(47%, 570px);
  height: 100%;
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: .98;
}
.ca-simple-hero .ca-simple-artwork img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
}
.ca-simple-hero .ca-simple-hero-content,
.ca-simple-hero .ca-simple-content,
.ca-simple-hero .ca-hero-content {
  position: relative;
  z-index: 2;
  width: 56%;
  max-width: 660px;
}
.ca-simple-hero h1 {
  max-width: 680px;
  font-size: clamp(38px, 4.1vw, 60px);
  line-height: 1.08;
  letter-spacing: -1.8px;
}
.ca-simple-hero p {
  max-width: 590px;
}
.ca-simple-hero .ca-simple-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  max-width: 640px;
}
@media (max-width: 900px) {
  .ca-simple-hero { padding-top: 48px; }
  .ca-simple-hero .ca-simple-artwork {
    right: 0;
    width: 45%;
  }
  .ca-simple-hero .ca-simple-hero-content,
  .ca-simple-hero .ca-simple-content,
  .ca-simple-hero .ca-hero-content {
    width: 62%;
  }
  .ca-simple-hero h1 { font-size: clamp(34px, 5vw, 46px); }
}
@media (max-width: 680px) {
  .ca-simple-hero { padding: 38px 0 0; }
  .ca-simple-hero > .container {
    width: calc(100% - 36px);
  }
  .ca-simple-hero .ca-simple-artwork {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 900 / 570;
    margin: 20px auto 0;
  }
  .ca-simple-hero .ca-simple-artwork img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .ca-simple-hero .ca-simple-hero-content,
  .ca-simple-hero .ca-simple-content,
  .ca-simple-hero .ca-hero-content {
    width: 100%;
    max-width: none;
  }
  .ca-simple-hero h1 {
    font-size: clamp(34px, 9vw, 44px);
    letter-spacing: -1px;
  }
  .ca-simple-hero .ca-simple-benefits { gap: 10px 14px; }
}


/* CareerAtlas: final hero layout using the actual homepage selectors */
.ca-simple-hero {
  padding: 56px 0;
  background: linear-gradient(115deg, #f4f8fd 0%, #eef7f8 65%, #e9f6f2 100%);
  overflow: hidden;
}
.ca-simple-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  grid-template-areas:
    "eyebrow artwork"
    "title artwork"
    "intro artwork"
    "actions artwork"
    "benefits artwork";
  align-items: center;
  column-gap: 32px;
  row-gap: 0;
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}
.ca-simple-hero-inner > .ca-simple-eyebrow {
  grid-area: eyebrow;
  align-self: end;
  margin: 0 0 18px;
}
.ca-simple-hero-inner > h1 {
  grid-area: title;
  align-self: end;
  max-width: 620px;
  margin: 0 0 18px;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.08;
  letter-spacing: -1.7px;
}
.ca-simple-hero-inner > .ca-simple-intro {
  grid-area: intro;
  max-width: 570px;
  margin: 0 0 26px;
  line-height: 1.75;
}
.ca-simple-hero-inner > .ca-simple-actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-bottom: 28px;
}
.ca-simple-hero-inner > .ca-simple-benefits {
  grid-area: benefits;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ca-simple-hero-inner > .ca-simple-artwork {
  grid-area: artwork;
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 900 / 717;
  margin: 0;
  align-self: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}
.ca-simple-hero-inner > .ca-simple-artwork img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 900px) {
  .ca-simple-hero { padding: 44px 0; }
  .ca-simple-hero-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
    column-gap: 20px;
    width: calc(100% - 36px);
  }
  .ca-simple-hero-inner > h1 {
    font-size: clamp(34px, 4.6vw, 44px);
    letter-spacing: -1px;
  }
  .ca-simple-hero-inner > .ca-simple-benefits { gap: 9px 12px; }
}
@media (max-width: 680px) {
  .ca-simple-hero { padding: 36px 0 0; }
  .ca-simple-hero-inner {
    width: calc(100% - 36px);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "eyebrow"
      "title"
      "intro"
      "actions"
      "benefits"
      "artwork";
    row-gap: 0;
  }
  .ca-simple-hero-inner > .ca-simple-eyebrow { margin-bottom: 14px; }
  .ca-simple-hero-inner > h1 {
    max-width: 100%;
    font-size: clamp(34px, 9vw, 44px);
    line-height: 1.1;
    margin-bottom: 16px;
  }
  .ca-simple-hero-inner > .ca-simple-intro { margin-bottom: 22px; }
  .ca-simple-hero-inner > .ca-simple-actions { margin-bottom: 22px; }
  .ca-simple-hero-inner > .ca-simple-benefits { margin-bottom: 18px; }
  .ca-simple-hero-inner > .ca-simple-artwork {
    width: 100%;
    max-width: 520px;
    aspect-ratio: 900 / 570;
    justify-self: center;
  }
}


/* CareerAtlas hero final visual polish */
.ca-simple-hero {
  padding-top: 46px;
  padding-bottom: 46px;
}
.ca-simple-hero-inner {
  column-gap: 28px;
}
.ca-simple-hero-inner > .ca-simple-eyebrow {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 9px 14px;
  margin-bottom: 20px;
}
.ca-simple-hero-inner > .ca-simple-benefits {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 16px;
  row-gap: 10px;
  font-size: 13px;
}
.ca-simple-hero-inner > .ca-simple-artwork {
  border-radius: 22px;
  background: rgba(255,255,255,.24);
  box-shadow: 0 18px 44px rgba(18,45,77,.10);
}
.ca-simple-hero-inner > .ca-simple-artwork img {
  border-radius: inherit;
}
@media (min-width: 681px) {
  .ca-simple-hero-inner > .ca-simple-benefits {
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: 12px;
    font-size: 12px;
  }
}
@media (max-width: 900px) and (min-width: 681px) {
  .ca-simple-hero-inner > .ca-simple-benefits {
    white-space: normal;
    flex-wrap: wrap;
  }
}
@media (max-width: 680px) {
  .ca-simple-hero { padding-top: 34px; padding-bottom: 0; }
  .ca-simple-hero-inner > .ca-simple-artwork {
    border-radius: 18px 18px 0 0;
    box-shadow: none;
  }
}


/* CareerAtlas: align hero benefits higher beside the artwork */
.ca-simple-benefits {
  transform: translateY(-16px);
}
@media (max-width: 700px) {
  .ca-simple-benefits {
    transform: translateY(-8px);
  }
}


/* CareerAtlas branded header logo */
.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 44px;
}
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* CareerAtlas: correct header logo size and spacing */
.site-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.site-header .brand-mark {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}
.site-header .brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.site-header .brand > span:last-child {
  min-width: 0;
  line-height: 1.15;
}
.site-header .brand small {
  display: block;
  margin-top: 4px;
}
@media (max-width: 480px) {
  .site-header .brand {
    gap: 8px;
  }
  .site-header .brand-mark {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }
}


/* CareerAtlas header logo: final layout correction */
.site-header .nav-wrap > a.brand {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0;
  flex-shrink: 0;
  text-decoration: none;
}
.site-header .nav-wrap > a.brand > .brand-mark {
  display: block !important;
  position: relative;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px;
  flex: 0 0 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background: transparent !important;
  line-height: 0;
}
.site-header .nav-wrap > a.brand > .brand-mark img {
  display: block !important;
  position: static !important;
  width: 44px !important;
  height: 44px !important;
  max-width: none;
  margin: 0 !important;
  object-fit: contain;
}
.site-header .nav-wrap > a.brand > span:last-child {
  display: block;
  position: static;
  min-width: 0;
  margin: 0;
  white-space: nowrap;
  line-height: 1.15;
}
.site-header .nav-wrap > a.brand small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .site-header .nav-wrap > a.brand {
    gap: 7px !important;
  }
  .site-header .nav-wrap > a.brand > .brand-mark,
  .site-header .nav-wrap > a.brand > .brand-mark img {
    width: 38px !important;
    height: 38px !important;
  }
  .site-header .nav-wrap > a.brand > .brand-mark {
    min-width: 38px;
    flex-basis: 38px !important;
  }
}