/* 4Ci Careers 1.1.2 - public styles intentionally scoped to the careers UI. */
.fourci-careers{--fc-red:#e3322a;--fc-ink:#171717;--fc-dark:#1e3037;--fc-paper:#fff;--fc-warm:#f4f1eb;--fc-muted:#77736f;--fc-line:#d8d2ca;color:var(--fc-ink);font-family:inherit;line-height:1.45;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.fourci-careers *{box-sizing:border-box}.fourci-careers a{color:inherit}.fourci-careers input,.fourci-careers select,.fourci-careers button{font:inherit}.fourci-eyebrow{margin:0 0 16px;color:var(--fc-red);font-size:9px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.fourci-eyebrow--light{color:var(--fc-red)}
/* Remove common theme page wrappers only on a page that actually contains the plugin. */
body:has(.fourci-careers) .entry-header{display:none!important}body:has(.fourci-careers) .entry-content,body:has(.fourci-careers) main#primary,body:has(.fourci-careers) .site-main{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.fourci-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(255 255 255/.035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.035) 1px,transparent 1px);background-size:110px 110px}.fourci-hero-rings{position:absolute;width:min(680px,48vw);aspect-ratio:1;border:1px solid rgb(227 50 42/.75);border-radius:50%;right:-3vw;top:-45%;opacity:.95}.fourci-hero-rings:before,.fourci-hero-rings:after{content:"";position:absolute;border-radius:50%;inset:-72px;border:52px solid rgb(255 255 255/.012)}.fourci-hero-rings:after{inset:-150px;border-width:60px;opacity:.65}
.fourci-jobs-hero{position:relative;overflow:hidden;min-height:570px;padding:104px 7vw 118px;background:#171717;color:#fff;display:flex;align-items:center}.fourci-jobs-hero__inner{position:relative;z-index:1;max-width:760px}.fourci-jobs-hero h1{margin:0;font-size:clamp(54px,4.55vw,78px);font-weight:650;letter-spacing:-.058em;line-height:.92}.fourci-jobs-hero h1 em{color:#9c9c9c;font-style:normal}.fourci-jobs-hero__copy{max-width:620px;margin:25px 0 0;color:#c7c7c7;font-size:14px;line-height:1.7}
.fourci-job-search-wrap{position:relative;z-index:3;margin:-44px 5vw 0;background:#fff;box-shadow:0 15px 40px rgb(0 0 0/.12)}.fourci-job-search{min-height:82px;display:grid;grid-template-columns:1.45fr 1.15fr .9fr 170px}.fourci-job-search label{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:14px 22px;border-right:1px solid var(--fc-line)}.fourci-job-search label>span{font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.fourci-job-search input,.fourci-job-search select{width:100%;min-height:24px;border:0;background:transparent;color:var(--fc-ink);font-size:12px;outline:none}.fourci-job-search input::placeholder{color:#a4a09b}.fourci-job-search button{border:0;background:var(--fc-red);color:#fff;font-size:11px;font-weight:800;cursor:pointer;margin:14px;padding:0 18px}
.fourci-jobs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:62px;padding:82px 6vw 120px;background:var(--fc-warm)}.fourci-filter-heading{padding:0 0 15px;border-top:3px solid var(--fc-red);padding-top:15px;color:var(--fc-red);font-size:9px;font-weight:800;letter-spacing:.18em}.fourci-filter-group{min-width:0;margin:0;padding:20px 0 22px;border:0;border-top:1px solid var(--fc-line)}.fourci-filter-group legend{float:left;width:100%;margin:0 0 12px;padding:0;font-size:8px;font-weight:800;letter-spacing:.13em}.fourci-filter-group legend+*{clear:both}.fourci-check{display:flex;align-items:center;gap:8px;margin:5px 0;color:#5f5b57;font-size:10px;line-height:1.3;cursor:pointer}.fourci-check input{appearance:none;width:11px;height:11px;margin:0;border:1px solid #aaa59f;background:#fff;display:grid;place-content:center;flex:0 0 auto}.fourci-check input:checked:after{content:"";width:5px;height:5px;background:var(--fc-red)}.fourci-clear-filters{display:inline-block;margin-top:1px;color:var(--fc-red)!important;font-size:9px;font-weight:800;text-decoration:none}.fourci-clear-filters:hover{text-decoration:underline}
.fourci-job-results__head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 0 21px}.fourci-job-results__head .fourci-eyebrow{margin-bottom:9px}.fourci-job-results__head h2{margin:0;font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1}.fourci-sort-form select{border:0;background:transparent;color:#514e4a;font-size:9px;font-weight:600;padding:5px 20px 5px 5px}.fourci-job-list{border:1px solid #d9d5cf;background:#fff}.fourci-job-card{display:grid;grid-template-columns:80px minmax(0,1fr) 190px;min-height:116px;border-bottom:1px solid #d9d5cf;background:#fff}.fourci-job-card:last-child{border-bottom:0}.fourci-job-card__ref{padding:22px 10px 0 18px;color:var(--fc-red);font-size:8px;font-weight:800;letter-spacing:.05em}.fourci-job-card__main{padding:18px 24px 17px 0;min-width:0}.fourci-job-card__meta{display:flex;gap:12px;align-items:center;color:#8a8681;font-size:8px}.fourci-job-card__meta time:before{content:"·";margin-right:12px}.fourci-job-card h3{margin:4px 0 5px;font-size:19px;font-weight:500;letter-spacing:-.035em;line-height:1.1}.fourci-job-card h3 a{text-decoration:none}.fourci-job-card h3 a:hover{color:var(--fc-red)}.fourci-job-card__summary{max-width:760px;margin:0 0 9px;color:#77736f;font-size:10px;line-height:1.45}.fourci-job-tags{display:flex;flex-wrap:wrap;gap:5px}.fourci-job-tags span{padding:3px 7px;border:1px solid #ded9d2;background:#f8f6f2;color:#5f5b57;font-size:7px;font-weight:700;line-height:1.25}.fourci-job-card__side{display:flex;flex-direction:column;justify-content:space-between;padding:19px 17px 15px;border-left:1px solid #e2ddd6}.fourci-job-card__facts{display:block;color:#77736f;font-size:9px;line-height:1.55}.fourci-job-card__facts span{display:block}.fourci-position-link{font-size:8px;font-weight:800;text-decoration:none;white-space:nowrap}.fourci-position-link span{color:var(--fc-red);margin-left:4px}.fourci-no-results{padding:45px}.fourci-no-results h3{font-size:24px;margin:0 0 8px}.fourci-pagination{margin-top:28px;display:flex;gap:7px}.fourci-pagination .page-numbers{padding:7px 10px;border:1px solid var(--fc-line);background:#fff;text-decoration:none;font-size:10px}.fourci-pagination .current{background:var(--fc-ink);color:#fff;border-color:var(--fc-ink)}
.fourci-why{padding:105px 7vw 110px;background:var(--fc-dark);color:#fff}.fourci-why__heading{max-width:760px;margin-bottom:52px}.fourci-why__heading h2{margin:0;font-size:clamp(44px,4vw,66px);font-weight:600;line-height:.98;letter-spacing:-.055em}.fourci-why__heading h2 em{color:#9aa6aa;font-style:normal}.fourci-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fourci-why__grid article{min-height:170px;padding:24px 28px;border:1px solid rgb(255 255 255/.16);background:transparent;display:flex;flex-direction:column}.fourci-why__grid article>span{color:var(--fc-red);font-size:8px;font-weight:800}.fourci-why__grid h3{margin:auto 0 10px;font-size:15px;font-weight:600}.fourci-why__grid p{margin:0;color:#bfc7ca;font-size:9px}
/* Single-job page styles retained from 1.0 and visually aligned to the same system. */
.fourci-job-detail__hero{position:relative;overflow:hidden;min-height:560px;padding:130px 8vw 75px;background:#171717;color:#fff;display:flex;align-items:flex-end}.fourci-job-detail__hero-inner{position:relative;z-index:1;max-width:980px}.fourci-job-detail__hero h1{max-width:850px;margin:0;font-size:clamp(48px,6vw,92px);font-weight:650;letter-spacing:-.06em;line-height:.96}.fourci-job-detail__subline{margin:28px 0 0;color:#c8c8c8;font-size:16px}.fourci-job-fact-band{display:grid;grid-template-columns:repeat(6,1fr);padding:0 7vw;background:#fff;border-bottom:1px solid var(--fc-line)}.fourci-job-fact-band>div{padding:25px 18px;border-right:1px solid var(--fc-line)}.fourci-job-fact-band>div:first-child{padding-left:0}.fourci-job-fact-band>div:last-child{border-right:0}.fourci-job-fact-band span,.fourci-apply__facts span{display:block;color:var(--fc-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.fourci-job-fact-band strong,.fourci-apply__facts strong{display:block;margin-top:7px;font-size:13px}.fourci-job-opportunity{padding:90px 8vw;background:#fff}.fourci-job-opportunity__intro{display:grid;grid-template-columns:.55fr 1fr;column-gap:80px;align-items:start}.fourci-job-opportunity__intro .fourci-eyebrow{grid-column:1}.fourci-job-opportunity__intro h2{grid-column:2;grid-row:1/span 2;margin:0;font-size:clamp(42px,4vw,64px);line-height:1.02;letter-spacing:-.05em}.fourci-job-opportunity__intro>p:last-child{grid-column:2;margin:28px 0 0;color:#625f5c;max-width:760px}.fourci-job-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:75px;padding-top:45px;border-top:1px solid var(--fc-line)}.fourci-job-copy-grid h3,.fourci-preferred h3,.fourci-eeo h3{font-size:22px;margin:0 0 22px}.fourci-job-copy-grid ul{list-style:none;margin:0;padding:0}.fourci-job-copy-grid li{position:relative;padding:13px 0 13px 25px;border-top:1px solid var(--fc-line);color:#555}.fourci-job-copy-grid li:before{content:"+";position:absolute;left:0;color:var(--fc-red)}.fourci-preferred,.fourci-eeo{margin-top:60px;padding-top:35px;border-top:1px solid var(--fc-line)}.fourci-job-tags--large span{padding:9px 12px;font-size:11px}.fourci-eeo p{max-width:900px;color:#625f5c}.fourci-apply{display:grid;grid-template-columns:1fr auto;gap:45px 70px;align-items:end;padding:80px 8vw;background:var(--fc-dark);color:#fff}.fourci-apply h2{margin:0;font-size:clamp(42px,4vw,62px);line-height:1.02;letter-spacing:-.05em}.fourci-apply p:not(.fourci-eyebrow){color:#c7d0d1}.fourci-apply-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:260px;padding:18px 22px;background:var(--fc-red);color:#fff!important;text-decoration:none;font-size:12px;font-weight:800}.fourci-apply__facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgb(255 255 255/.2);padding-top:30px}.fourci-apply__facts>div{padding-right:20px}.fourci-apply__facts span{color:#9aa7aa}
@media(max-width:1023px){.fourci-jobs-hero{min-height:520px}.fourci-job-search{grid-template-columns:1fr 1fr}.fourci-job-search button{min-height:58px;margin:10px}.fourci-jobs-layout{grid-template-columns:190px minmax(0,1fr);gap:35px;padding-left:5vw;padding-right:5vw}.fourci-job-card{grid-template-columns:65px minmax(0,1fr) 150px}.fourci-why__grid{gap:12px}.fourci-job-fact-band{grid-template-columns:repeat(3,1fr)}.fourci-job-opportunity__intro{grid-template-columns:1fr}.fourci-job-opportunity__intro h2,.fourci-job-opportunity__intro>p:last-child{grid-column:1;grid-row:auto}.fourci-job-opportunity__intro h2{margin-top:10px}.fourci-job-copy-grid{gap:35px}}
@media(max-width:760px){.fourci-hero-rings{width:420px;right:-180px;top:-110px}.fourci-jobs-hero{min-height:470px;padding:105px 6vw 85px;align-items:flex-end}.fourci-jobs-hero h1{font-size:clamp(44px,12vw,60px)}.fourci-job-search-wrap{margin:-28px 5vw 0}.fourci-job-search{grid-template-columns:1fr}.fourci-job-search label{min-height:65px;border-right:0;border-bottom:1px solid var(--fc-line)}.fourci-job-search button{min-height:54px}.fourci-jobs-layout{grid-template-columns:1fr;gap:35px;padding:60px 5vw 80px}.fourci-job-filters{padding:22px;background:#fff;border:1px solid var(--fc-line)}.fourci-job-results__head{align-items:flex-start;gap:15px}.fourci-job-results__head h2{font-size:28px}.fourci-job-card{grid-template-columns:1fr}.fourci-job-card__ref{padding:18px 20px 0}.fourci-job-card__main{padding:8px 20px 17px}.fourci-job-card__side{border-left:0;border-top:1px solid #e2ddd6;padding:14px 20px;flex-direction:row;gap:20px;align-items:flex-end}.fourci-why{padding:75px 6vw}.fourci-why__grid{grid-template-columns:1fr}.fourci-why__grid article{min-height:145px}.fourci-job-detail__hero{min-height:480px;padding:120px 6vw 65px}.fourci-job-fact-band{grid-template-columns:1fr 1fr;padding:0 6vw}.fourci-job-fact-band>div,.fourci-job-fact-band>div:first-child{padding:18px 12px 18px 0}.fourci-job-opportunity{padding:65px 6vw}.fourci-job-copy-grid{grid-template-columns:1fr;margin-top:50px}.fourci-apply{grid-template-columns:1fr;padding:65px 6vw}.fourci-apply-button{width:100%}.fourci-apply__facts{grid-template-columns:1fr 1fr;gap:25px}}

/* ==========================================================
   4Ci Careers 1.1.1 - job row readability + equal heights
   + hover interaction inspired by the approved openings page.
   ========================================================== */
@media (min-width: 901px) {
  /* Every result row gets exactly the same desktop height. */
  .fourci-job-list {
    display: grid;
    grid-auto-rows: 144px;
    overflow: visible;
  }

  .fourci-job-card {
    position: relative;
    height: 144px;
    min-height: 144px;
    overflow: hidden;
    isolation: isolate;
    transition:
      transform .24s cubic-bezier(.2,.7,.2,1),
      box-shadow .24s ease,
      background-color .24s ease;
  }

  /* Red accent enters on hover/focus, giving the row motion
     without changing its measured height or moving nearby cards. */
  .fourci-job-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: var(--fc-red);
    transform: scaleY(0);
    transform-origin: 50% 50%;
    transition: transform .24s cubic-bezier(.2,.7,.2,1);
    z-index: 2;
  }

  .fourci-job-card:hover,
  .fourci-job-card:focus-within {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: 0 14px 30px rgb(23 23 23 / 12%);
    z-index: 3;
  }

  .fourci-job-card:hover::before,
  .fourci-job-card:focus-within::before {
    transform: scaleY(1);
  }

  .fourci-job-card h3 a,
  .fourci-position-link,
  .fourci-position-link span {
    transition: color .2s ease, transform .2s ease;
  }

  .fourci-job-card:hover h3 a,
  .fourci-job-card:focus-within h3 a {
    color: var(--fc-red);
  }

  .fourci-job-card:hover .fourci-position-link span,
  .fourci-job-card:focus-within .fourci-position-link span {
    display: inline-block;
    transform: translateX(4px);
  }

  /* Keep content vertically consistent inside the fixed row. */
  .fourci-job-card__ref {
    padding-top: 24px;
  }

  .fourci-job-card__main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 16px;
  }

  .fourci-job-card__side {
    height: 100%;
    padding-top: 21px;
    padding-bottom: 18px;
  }
}

/* Listing Summary: larger, darker, and limited so all cards stay equal. */
.fourci-job-card__summary {
  max-width: 820px;
  margin: 2px 0 10px;
  color: #55514c;
  font-size: 12.5px;
  font-weight: 450;
  line-height: 1.42;
  letter-spacing: -.005em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Slightly strengthen metadata/tags so they remain legible beside summary. */
.fourci-job-card__meta {
  color: #746f69;
  font-size: 8.5px;
}

.fourci-job-tags span {
  color: #504c47;
  border-color: #d8d2ca;
  background: #faf8f4;
}

/* Keyboard users get the same visual affordance as mouse users. */
.fourci-job-card a:focus-visible {
  outline: 2px solid var(--fc-red);
  outline-offset: 3px;
}

/* Do not force equal heights on tablet/mobile where text must reflow. */
@media (max-width: 900px) {
  .fourci-job-list {
    display: block;
  }

  .fourci-job-card {
    height: auto;
    min-height: 0;
  }

  .fourci-job-card__summary {
    font-size: 13px;
    -webkit-line-clamp: 3;
  }
}

/* Respect users who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .fourci-job-card,
  .fourci-job-card::before,
  .fourci-job-card h3 a,
  .fourci-position-link,
  .fourci-position-link span {
    transition: none !important;
  }

  .fourci-job-card:hover,
  .fourci-job-card:focus-within {
    transform: none;
  }
}

/* ==========================================================
   4Ci Careers 1.1.2 - search labels + openings label + summary
   Fix theme underline collisions and improve legibility.
   ========================================================== */

/* Search-bar field labels should be plain uppercase text, not underlined. */
.fourci-careers .fourci-job-search label,
.fourci-careers .fourci-job-search label > span,
.fourci-careers .fourci-job-search input,
.fourci-careers .fourci-job-search select {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.fourci-careers .fourci-job-search label > span {
  color: #5d5852 !important;
  opacity: 1 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}

.fourci-careers .fourci-job-search input,
.fourci-careers .fourci-job-search select {
  color: #171717 !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  outline: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  -webkit-appearance: none;
  appearance: none;
}

.fourci-careers .fourci-job-search input::placeholder {
  color: #817c76 !important;
  opacity: 1 !important;
}

/* Preserve only the vertical separators between the search fields. */
.fourci-careers .fourci-job-search label {
  border-right: 1px solid var(--fc-line) !important;
}

/* OPEN POSITIONS must remain clearly readable above the result count. */
.fourci-careers .fourci-job-results__head .fourci-eyebrow {
  display: block !important;
  margin: 0 0 10px !important;
  color: #d92d25 !important;
  opacity: 1 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Listing Summary: high-contrast body copy while preserving equal card heights. */
.fourci-careers .fourci-job-card__summary {
  display: -webkit-box !important;
  max-width: 820px !important;
  margin: 4px 0 10px !important;
  color: #4c4843 !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 900px) {
  .fourci-careers .fourci-job-card__summary {
    font-size: 13px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 3;
  }
}

/* ==========================================================
   4Ci Careers v1.1.3 — single job page reference match
   Mirrors the approved 8354 layout: compact dark hero,
   red fact band, warm content, sticky apply card, related jobs.
   ========================================================== */

body.single-fourci_job {
  padding-top: 0 !important;
}

body.single-fourci_job .fourci-job-detail {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.fourci-job-detail .fourci-job-detail__hero {
  position: relative;
  min-height: 610px;
  padding: calc(var(--4ci-header-height, 82px) + 110px) 7vw 92px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: #171717;
  color: #fff;
}

.fourci-job-detail .fourci-job-detail__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 82% 26%, rgb(255 255 255 / 2.5%), transparent 28%);
  pointer-events: none;
}

.fourci-job-detail .fourci-job-detail__rings {
  position: absolute;
  z-index: 0;
  width: 520px;
  height: 520px;
  right: -40px;
  top: 15px;
  border: 1px solid rgb(227 50 42 / 55%);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgb(255 255 255 / 1.8%), 0 0 0 140px rgb(255 255 255 / 1.2%);
}

.fourci-job-detail .fourci-job-detail__hero-inner {
  position: relative;
  z-index: 2;
  width: min(760px, 72vw);
  max-width: 760px;
}

.fourci-job-detail .fourci-job-detail__hero .fourci-eyebrow {
  margin: 0 0 26px;
  color: var(--fc-red, #e3322a) !important;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}

.fourci-job-detail .fourci-job-detail__hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(58px, 6.1vw, 94px);
  font-weight: 620;
  line-height: .91;
  letter-spacing: -.062em;
  color: #fff;
}

.fourci-job-detail .fourci-job-detail__subline {
  margin: 32px 0 0;
  color: #a8a8a8;
  font-size: 14px;
  line-height: 1.5;
}

/* Red information band */
.fourci-job-detail .fourci-job-fact-band {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 0 7vw;
  background: var(--fc-red, #e3322a) !important;
  color: #fff;
  border: 0 !important;
}

.fourci-job-detail .fourci-job-fact-band > div,
.fourci-job-detail .fourci-job-fact-band > div:first-child {
  min-height: 92px;
  padding: 23px 18px !important;
  border-right: 1px solid rgb(255 255 255 / 22%) !important;
}

.fourci-job-detail .fourci-job-fact-band > div:first-child {
  border-left: 1px solid rgb(255 255 255 / 22%) !important;
}

.fourci-job-detail .fourci-job-fact-band span {
  display: block;
  color: rgb(255 255 255 / 72%) !important;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.fourci-job-detail .fourci-job-fact-band strong {
  display: block;
  margin-top: 8px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

/* Warm job-body + right apply card */
.fourci-job-detail .fourci-job-detail__body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 76px;
  align-items: start;
  padding: 94px 7vw 120px;
  background: #f4f0e9;
}

.fourci-job-detail .fourci-job-detail__content {
  min-width: 0;
  max-width: 900px;
}

.fourci-job-detail .fourci-job-detail__content > .fourci-eyebrow {
  margin: 0 0 24px;
  color: var(--fc-red, #e3322a) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
}

.fourci-job-detail .fourci-job-detail__content > h2 {
  max-width: 760px;
  margin: 0;
  color: #171717;
  font-size: clamp(48px, 4.25vw, 67px);
  font-weight: 600;
  line-height: .93;
  letter-spacing: -.058em;
}

.fourci-job-detail .fourci-job-detail__overview {
  max-width: 850px;
  margin: 30px 0 0;
  color: #706c67;
  font-size: 13px;
  line-height: 1.65;
}

.fourci-job-detail .fourci-job-detail__section {
  margin-top: 45px;
}

.fourci-job-detail .fourci-job-detail__section h3,
.fourci-job-detail .fourci-preferred h3,
.fourci-job-detail .fourci-eeo h3 {
  margin: 0 0 14px;
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.02em;
}

.fourci-job-detail .fourci-job-detail__section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fourci-job-detail .fourci-job-detail__section li {
  position: relative;
  margin: 0;
  padding: 4px 0 4px 15px;
  border: 0;
  color: #65615d;
  font-size: 12px;
  line-height: 1.55;
}

.fourci-job-detail .fourci-job-detail__section li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #6f6a65;
}

.fourci-job-detail .fourci-preferred {
  margin-top: 42px;
  padding: 0;
  border: 0;
}

.fourci-job-detail .fourci-preferred__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #ddd8d1;
  border-left: 1px solid #ddd8d1;
  background: #fff;
}

.fourci-job-detail .fourci-preferred__grid span {
  min-height: 39px;
  padding: 11px 13px;
  border-right: 1px solid #ddd8d1;
  border-bottom: 1px solid #ddd8d1;
  color: #5d5955;
  font-size: 10px;
  line-height: 1.3;
}

.fourci-job-detail .fourci-eeo {
  margin-top: 45px;
  padding-top: 28px;
  border-top: 1px solid #cbc5bd;
}

.fourci-job-detail .fourci-eeo h3 {
  margin-bottom: 8px;
}

.fourci-job-detail .fourci-eeo p {
  max-width: 900px;
  margin: 0;
  color: #5f5b57;
  font-size: 10px;
  line-height: 1.55;
}

/* Reference-style sticky application panel */
.fourci-job-detail .fourci-apply-card {
  position: sticky;
  top: calc(var(--4ci-header-height, 82px) + 26px);
  padding: 30px 28px 25px;
  background: #22343b;
  color: #fff;
  border-top: 3px solid var(--fc-red, #e3322a);
  box-shadow: 0 14px 35px rgb(0 0 0 / 9%);
}

.fourci-job-detail .fourci-apply-card .fourci-eyebrow {
  margin: 0 0 12px;
  color: var(--fc-red, #e3322a) !important;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .17em;
}

.fourci-job-detail .fourci-apply-card h2 {
  margin: 0;
  color: #fff;
  font-size: 29px;
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.05em;
}

.fourci-job-detail .fourci-apply-card__copy {
  margin: 25px 0 19px;
  color: #cad1d3;
  font-size: 10px;
  line-height: 1.55;
}

.fourci-job-detail .fourci-apply-card .fourci-apply-button {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 12px 15px;
  justify-content: center;
  border: 0;
  background: var(--fc-red, #e3322a);
  color: #fff !important;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
}

.fourci-job-detail .fourci-apply-card__note {
  margin: 10px 0 17px;
  color: #829095;
  font-size: 7px;
  line-height: 1.45;
}

.fourci-job-detail .fourci-apply-card dl {
  margin: 0;
}

.fourci-job-detail .fourci-apply-card dl > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgb(255 255 255 / 12%);
}

.fourci-job-detail .fourci-apply-card dt,
.fourci-job-detail .fourci-apply-card dd {
  margin: 0;
  font-size: 8px;
  line-height: 1.35;
}

.fourci-job-detail .fourci-apply-card dt {
  color: #829095;
}

.fourci-job-detail .fourci-apply-card dd {
  color: #fff;
  font-weight: 700;
  text-align: right;
}

/* Remove the old bottom apply banner when older CSS is present. */
.fourci-job-detail > .fourci-apply {
  display: none !important;
}

/* Related opportunities */
.fourci-job-detail .fourci-related-jobs {
  padding: 92px 7vw 105px;
  background: #fff;
}

.fourci-job-detail .fourci-related-jobs > .fourci-eyebrow {
  margin: 0 0 25px;
  color: var(--fc-red, #e3322a) !important;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
}

.fourci-job-detail .fourci-related-jobs > h2 {
  margin: 0 0 32px;
  color: #171717;
  font-size: clamp(46px, 4.2vw, 64px);
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.055em;
}

.fourci-job-detail .fourci-related-jobs__list {
  border-top: 1px solid #cfcac4;
}

.fourci-job-detail .fourci-related-job {
  display: grid;
  grid-template-columns: 95px minmax(0, 1fr) 180px;
  align-items: center;
  min-height: 62px;
  padding: 0 4px;
  border-bottom: 1px solid #cfcac4;
  color: #171717 !important;
  text-decoration: none !important;
  transition: padding .2s ease, background .2s ease;
}

.fourci-job-detail .fourci-related-job:hover,
.fourci-job-detail .fourci-related-job:focus-visible {
  padding-left: 12px;
  background: #faf8f5;
}

.fourci-job-detail .fourci-related-job__ref {
  color: var(--fc-red, #e3322a);
  font-size: 8px;
  font-weight: 800;
}

.fourci-job-detail .fourci-related-job strong {
  font-size: 13px;
  font-weight: 700;
}

.fourci-job-detail .fourci-related-job__location {
  color: #55514d;
  font-size: 9px;
  text-align: right;
}

.fourci-job-detail .fourci-related-job__location i {
  margin-left: 6px;
  color: var(--fc-red, #e3322a);
  font-style: normal;
}

@media (max-width: 1023px) {
  .fourci-job-detail .fourci-job-detail__hero {
    min-height: 520px;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .fourci-job-detail .fourci-job-fact-band {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 6vw;
  }

  .fourci-job-detail .fourci-job-detail__body {
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 42px;
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .fourci-job-detail .fourci-apply-card h2 {
    font-size: 25px;
  }
}

@media (max-width: 760px) {
  body.single-fourci_job {
    padding-top: 0 !important;
  }

  .fourci-job-detail .fourci-job-detail__hero {
    min-height: 500px;
    padding: calc(var(--4ci-header-height, 80px) + 80px) 6vw 65px;
  }

  .fourci-job-detail .fourci-job-detail__hero-inner {
    width: 100%;
  }

  .fourci-job-detail .fourci-job-detail__hero h1 {
    font-size: clamp(48px, 14vw, 68px);
  }

  .fourci-job-detail .fourci-job-detail__rings {
    width: 330px;
    height: 330px;
    right: -150px;
    top: 55px;
  }

  .fourci-job-detail .fourci-job-fact-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }

  .fourci-job-detail .fourci-job-fact-band > div,
  .fourci-job-detail .fourci-job-fact-band > div:first-child {
    min-height: 78px;
    padding: 17px 6vw !important;
    border-left: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 18%) !important;
  }

  .fourci-job-detail .fourci-job-detail__body {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 65px 6vw 75px;
  }

  .fourci-job-detail .fourci-job-detail__content > h2 {
    font-size: clamp(42px, 12vw, 58px);
  }

  .fourci-job-detail .fourci-apply-card {
    position: relative;
    top: auto;
    width: 100%;
  }

  .fourci-job-detail .fourci-preferred__grid {
    grid-template-columns: 1fr;
  }

  .fourci-job-detail .fourci-related-jobs {
    padding: 65px 6vw 75px;
  }

  .fourci-job-detail .fourci-related-job {
    grid-template-columns: 75px minmax(0, 1fr);
    gap: 6px;
    padding: 14px 0;
  }

  .fourci-job-detail .fourci-related-job__location {
    grid-column: 2;
    text-align: left;
  }
}

/* ==========================================================
   4Ci Careers 1.1.5 - search bar reference alignment
   Match the approved /openings/ search panel treatment:
   taller white panel, field baselines, darker values, native
   select indicator, and red Work Arrangement baseline.
   ========================================================== */
@media (min-width: 761px) {
  .fourci-careers .fourci-job-search-wrap {
    margin-top: -47px !important;
  }

  .fourci-careers .fourci-job-search {
    min-height: 97px !important;
    grid-template-columns: 1.45fr 1.15fr .9fr 174px !important;
    align-items: stretch !important;
  }

  .fourci-careers .fourci-job-search label {
    justify-content: center !important;
    gap: 8px !important;
    padding: 16px 22px 15px !important;
    border-right: 1px solid #d8d4cf !important;
  }

  .fourci-careers .fourci-job-search label > span {
    margin: 0 !important;
    color: #5a5651 !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .16em !important;
  }

  .fourci-careers .fourci-job-search input,
  .fourci-careers .fourci-job-search select {
    display: block !important;
    width: 100% !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 0 0 9px !important;
    color: #67625d !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    border: 0 !important;
    border-bottom: 1px solid #b9b5b0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  .fourci-careers .fourci-job-search input::placeholder {
    color: #706b66 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
  }

  .fourci-careers .fourci-job-search select {
    padding-right: 28px !important;
    border-bottom-color: var(--fc-red) !important;
    -webkit-appearance: menulist !important;
    appearance: auto !important;
    cursor: pointer !important;
  }

  .fourci-careers .fourci-job-search button {
    align-self: center !important;
    height: 53px !important;
    min-height: 53px !important;
    margin: 0 20px 0 16px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--fc-red) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }
}

@media (max-width: 760px) {
  .fourci-careers .fourci-job-search input,
  .fourci-careers .fourci-job-search select {
    border: 0 !important;
    border-bottom: 1px solid #b9b5b0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #67625d !important;
    font-weight: 700 !important;
  }

  .fourci-careers .fourci-job-search select {
    border-bottom-color: var(--fc-red) !important;
    -webkit-appearance: menulist !important;
    appearance: auto !important;
  }
}


/* ==========================================================
   4Ci Careers 1.1.6 - Listing summary visibility on all devices
   The summary exists in the markup; this block prevents theme/media-query
   collisions and prevents fixed-height desktop rows from clipping it.
   ========================================================== */

/* Base: make the summary explicitly visible at every viewport size. */
html body .fourci-careers .fourci-job-card__summary {
  display: -webkit-box !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  max-width: 820px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 4px 0 10px !important;
  padding: 0 !important;
  color: #4c4843 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
}

/* Desktop: preserve equal cards, but give the title + summary + tags enough room. */
@media (min-width: 1024px) {
  html body .fourci-careers .fourci-job-list {
    display: grid !important;
    grid-auto-rows: 168px !important;
  }

  html body .fourci-careers .fourci-job-card {
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
    overflow: visible !important;
  }

  html body .fourci-careers .fourci-job-card__main {
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }

  html body .fourci-careers .fourci-job-card__summary {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2;
  }
}

/* Small desktop / tablet landscape: same-height rows with a little more room. */
@media (min-width: 901px) and (max-width: 1023px) {
  html body .fourci-careers .fourci-job-list {
    display: grid !important;
    grid-auto-rows: 176px !important;
  }

  html body .fourci-careers .fourci-job-card {
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
    overflow: visible !important;
  }

  html body .fourci-careers .fourci-job-card__main {
    overflow: hidden !important;
  }

  html body .fourci-careers .fourci-job-card__summary {
    -webkit-line-clamp: 3 !important;
    line-clamp: 3;
  }
}

/* Tablet and mobile: never hide the summary; let the card grow naturally. */
@media (max-width: 900px) {
  html body .fourci-careers .fourci-job-list {
    display: block !important;
  }

  html body .fourci-careers .fourci-job-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body .fourci-careers .fourci-job-card__main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body .fourci-careers .fourci-job-card__summary {
    display: -webkit-box !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3;
  }
}

/* Very small phones: allow up to four lines for readability. */
@media (max-width: 480px) {
  html body .fourci-careers .fourci-job-card__summary {
    font-size: 13px !important;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4;
  }
}