/* Careers keeps only recruiting-specific composition here. The page shell,
   color tokens, typography, background field, navigation, forms, and magazine
   card mechanics come from the shared category/article template bundles. */

/* Color the page's off-red (coral) elements to match the hero <em> and theme brand highlight color */
.le-shell--careers {
    --le-coral: var(--cb-careers-em-face, #e1c271);
    --le-coral-deep: var(--cb-careers-em-outline, #02286c);
}

:root[data-theme="light"] .le-shell--careers {
    --le-coral: #02286c;
    --le-coral-deep: #001a47;
}

.le-shell--careers .le-flow-warm,
.le-shell--careers .le-diagram-svg .le-flow-warm,
.le-shell--careers .le-diagram-svg .le-tb-r,
.le-shell--careers .le-diagram-psych .le-psych-hot {
    color: var(--cb-careers-em-face, #e1c271) !important;
    fill: var(--cb-careers-em-face, #e1c271) !important;
    stroke: var(--cb-careers-em-face, #e1c271) !important;
}

:root[data-theme="light"] .le-shell--careers .le-flow-warm,
:root[data-theme="light"] .le-shell--careers .le-diagram-svg .le-flow-warm,
:root[data-theme="light"] .le-shell--careers .le-diagram-svg .le-tb-r,
:root[data-theme="light"] .le-shell--careers .le-diagram-psych .le-psych-hot {
    color: #02286c !important;
    fill: #02286c !important;
    stroke: #02286c !important;
}

/* Show the global in-page secondary navigation menu on Careers article pages */
.le.le-shell--careers.le-template-article .le-nav--secondary,
body.cb-role-internal .le.le-shell--careers.le-template-article .le-nav--secondary {
    display: flex !important;
}

.le-shell--careers .cb-careers-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: clamp(1.35rem, 3vh, 2rem);
}

.le-shell--careers .cb-careers-hero-actions .le-pill {
    min-height: 2.85rem;
    justify-content: center;
}

/* The Careers hero carries two editor-owned actions in addition to the normal
   category index. Keep them on one compact rail at split-cover widths so the
   opening retains the same bounded ABF rhythm as Services and Areas. */
@media (min-width: 901px) {
    body.cb-role-internal .le.le-shell--careers.le-template-category[data-category-hero-mode="abf"] .builder-blocks > .block-wrapper--parallax-hero-block > .le-cover.builder-block.parallax-hero {
        padding-bottom: 3.5rem !important;
    }

    .le-shell--careers .parallax-hero__lede {
        margin-bottom: clamp(.9rem, 2vh, 1.25rem) !important;
    }

    .le-shell--careers .cb-careers-hero-actions {
        flex-wrap: nowrap;
        gap: .5rem;
        margin: 0 0 clamp(1rem, 2.4vh, 1.5rem);
    }

    .le-shell--careers .cb-careers-hero-actions .le-pill {
        min-height: 2.625rem;
        padding: .65rem 1rem;
        font-size: .68rem;
        letter-spacing: .13em;
        white-space: nowrap;
    }
}

/* Careers drafting field. A dedicated decorative layer avoids overwriting the
   builder blocks' own surfaces or pseudo-elements, and gives every major hub
   section one continuous technical-grid cadence. */
.le-shell--careers .builder-blocks > .block-wrapper:not(.block-wrapper--parallax-hero-block) {
    isolation: isolate;
}

.le-shell--careers .builder-blocks > .block-wrapper:not(.block-wrapper--parallax-hero-block) > .builder-block {
    position: relative;
    z-index: 1;
}

.cb-careers-grid-field,
.cb-careers-directory::before {
    content: "";
    position: absolute;
    inset: clamp(.5rem, 1.5vw, 1.4rem) 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgb(190 220 250 / .115) 1px, transparent 1px),
        linear-gradient(90deg, rgb(190 220 250 / .115) 1px, transparent 1px),
        linear-gradient(rgb(190 220 250 / .04) 1px, transparent 1px),
        linear-gradient(90deg, rgb(190 220 250 / .04) 1px, transparent 1px);
    background-size: 112px 112px, 112px 112px, 28px 28px, 28px 28px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent),
        linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent),
        linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
    mask-composite: intersect;
    opacity: .58;
}

.cb-careers-grid-field--1 {
    background-position: 14px 10px, 14px 10px, 14px 10px, 14px 10px;
}

.cb-careers-grid-field--2 {
    background-position: -18px 22px, -18px 22px, -18px 22px, -18px 22px;
}

:root[data-theme="light"] .cb-careers-grid-field,
:root[data-theme="light"] .cb-careers-directory::before {
    background-image:
        linear-gradient(rgb(2 40 108 / .105) 1px, transparent 1px),
        linear-gradient(90deg, rgb(2 40 108 / .105) 1px, transparent 1px),
        linear-gradient(rgb(2 40 108 / .035) 1px, transparent 1px),
        linear-gradient(90deg, rgb(2 40 108 / .035) 1px, transparent 1px);
    opacity: .5;
}

.cb-careers-directory {
    position: relative;
    z-index: 4;
    max-width: var(--le-section-max, 1180px);
    margin-inline: auto;
    padding: clamp(4rem, 8vw, 7.5rem) var(--le-section-pad-x, clamp(18px, 5vw, 96px));
}

.cb-careers-directory__heading {
    position: relative;
    z-index: 1;
    max-width: 54rem;
    margin-inline: auto !important;
    margin-bottom: clamp(2.2rem, 5vw, 4rem);
    text-align: center !important;
}

.cb-careers-directory__heading .le-eyebrow {
    margin-bottom: .75rem;
    text-align: center !important;
    margin-inline: auto !important;
}

.cb-careers-directory__heading .le-heading-cluster {
    justify-content: center !important;
    margin-inline: auto !important;
}

.cb-careers-directory__heading .le-section-h2 {
    margin: 0;
    text-align: center !important;
}

.cb-careers-directory__intro {
    max-width: 49rem;
    margin: 1.1rem auto 0 !important;
    color: var(--le-ink-soft);
    font: 400 clamp(1.05rem, 1.5vw, 1.22rem)/1.65 "Cormorant Garamond", serif;
    text-align: center !important;
}

.cb-careers-directory__grid {
    position: relative;
    z-index: 1;
    padding-inline: 0;
}

.cb-careers-directory__role {
    align-items: center !important;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.cb-careers-directory__role .le-mag-readmore-cue {
    align-self: center !important;
    justify-self: center !important;
    display: inline-grid !important;
    place-items: center !important;
    position: relative !important;
    width: 200px !important;
    min-height: 140px !important;
    margin: 0 !important;
    transform: translateY(18px) !important;
}

.cb-careers-directory__role .le-mag-mark {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) rotate(var(--motif-rotate, 0deg)) scale(var(--motif-scale, 1)) !important;
    pointer-events: none !important;
}

.cb-careers-directory__role:hover .le-mag-mark {
    transform: translate(-50%, -50%) rotate(var(--motif-hover-rotate, 6deg)) scale(var(--motif-hover-scale, 1.06)) !important;
}

.le-shell--careers .le-mag-arrow,
.cb-careers-directory__role .le-mag-arrow,
.cb-career-role .le-mag-arrow,
.cb-career-role__related .le-mag-arrow {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    z-index: 2 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    color: var(--cb-careers-em-face, #e1c271) !important;
    transition: color 0.3s, letter-spacing 0.3s !important;
}

.le-shell--careers .le-mag-arrow svg,
.cb-careers-directory__role .le-mag-arrow svg,
.cb-career-role .le-mag-arrow svg {
    color: inherit !important;
    stroke: currentColor !important;
}

:root[data-theme="light"] .le-shell--careers .le-mag-arrow,
:root[data-theme="light"] .cb-careers-directory__role .le-mag-arrow,
:root[data-theme="light"] .cb-career-role .le-mag-arrow,
:root[data-theme="light"] .cb-career-role__related .le-mag-arrow {
    color: #02286c !important;
}

.le-shell--careers .le-mag-card:hover .le-mag-arrow,
.cb-careers-directory__role:hover .le-mag-arrow,
.cb-career-role .le-mag-card:hover .le-mag-arrow,
.cb-career-role__related .le-mag-card:hover .le-mag-arrow {
    color: var(--cb-careers-em-light, #f0d88c) !important;
    letter-spacing: 0.28em !important;
}

:root[data-theme="light"] .le-shell--careers .le-mag-card:hover .le-mag-arrow,
:root[data-theme="light"] .cb-careers-directory__role:hover .le-mag-arrow,
:root[data-theme="light"] .cb-career-role .le-mag-card:hover .le-mag-arrow,
:root[data-theme="light"] .cb-career-role__related .le-mag-card:hover .le-mag-arrow {
    color: #001a47 !important;
}

.cb-careers-directory__role .le-mag-body h3 {
    margin-bottom: .65rem;
    text-wrap: balance;
}

.cb-careers-directory__territory,
.cb-careers-directory__summary {
    display: block;
    max-width: 48rem;
}

.cb-careers-directory__territory {
    margin-bottom: .7rem;
    color: var(--le-brand-deep);
    font: 700 .7rem/1.55 Manrope, sans-serif;
    letter-spacing: .045em;
}

.cb-careers-directory__summary {
    color: var(--le-ink-soft);
    font: italic 400 clamp(1.05rem, 1.6vw, 1.22rem)/1.52 "Cormorant Garamond", serif;
}

.cb-careers-directory__empty {
    padding: clamp(2rem, 4vw, 3.5rem) 0;
    border-bottom: 1px solid var(--le-hairline);
}

.cb-careers-directory__empty h3 {
    margin: 0 0 .55rem;
    color: var(--le-ink);
    font: 500 clamp(1.7rem, 3vw, 2.35rem)/1.05 "Cormorant Garamond", serif;
}

.cb-careers-context,
.cb-career-role__context {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(1rem, 2.4vw, 1.65rem);
    max-width: 64rem;
    margin: clamp(3rem, 6vw, 5rem) auto 0;
    padding: clamp(1.25rem, 2.8vw, 1.8rem);
    border: 1px solid var(--le-hairline-mid);
    border-inline-start: 3px solid var(--le-brand-deep);
    background: var(--le-surface-soft);
}

.cb-careers-context__mark,
.cb-career-role__context-mark {
    color: var(--le-brand-deep);
    font: 700 1.55rem/1 "Cormorant Garamond", serif;
}

.cb-careers-context h3,
.cb-career-role__context h2 {
    margin: 0 0 .45rem;
    color: var(--le-ink);
    font: 500 clamp(1.55rem, 2.6vw, 2.1rem)/1.08 "Cormorant Garamond", serif;
    text-shadow: var(--le-home-outline-soft);
}

.cb-careers-context p,
.cb-career-role__context p {
    max-width: 48rem;
    margin: 0;
    color: var(--le-ink-soft);
    line-height: 1.65;
}

.cb-careers-context nav,
.cb-career-role__context nav {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1.35rem;
    margin-top: 1rem;
}

.cb-careers-context a,
.cb-career-role__context a {
    color: var(--le-brand-deep);
    font: 700 .72rem/1.4 Manrope, sans-serif;
    letter-spacing: .045em;
    text-decoration-thickness: 1px;
    text-underline-offset: .22em;
}

/* The shared features block supplies a full logo file. On Careers it is a
   decorative crop: the bounded window shows only the flower and breeze lines,
   never the business-name or service-line wordmark. */
.le-shell--careers .features-grid-block .why-anchor {
    gap: .75rem;
    margin-bottom: clamp(1.4rem, 3vw, 2rem);
}

.le-shell--careers .features-grid-block .why-anchor .mark--brand-logo {
    position: relative;
    width: clamp(10.5rem, 18vw, 14rem);
    aspect-ratio: 2.38 / 1;
    height: auto;
    padding: 0;
    overflow: hidden;
    background: transparent;
    opacity: .22;
    mix-blend-mode: screen;
}

.le-shell--careers .features-grid-block .why-anchor__logo {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    filter: grayscale(1) brightness(1.65) contrast(1.05);
}

:root[data-theme="light"] .le-shell--careers .features-grid-block .why-anchor .mark--brand-logo {
    opacity: .18;
    mix-blend-mode: multiply;
}

:root[data-theme="light"] .le-shell--careers .features-grid-block .why-anchor__logo {
    filter: grayscale(1) brightness(.45) contrast(1.12);
}

/* Generic coastal-background cards default to a dark glass material. Careers
   is an editorial category surface, so its LIGHT feature cards need the same
   warm-paper hierarchy as the category shell instead of dark slabs with dark
   ink. Keep this route-scoped; Dark intentionally retains the coastal glass. */
:root[data-theme="light"] .le-shell--careers .features-grid-block .service-card {
    background:
        linear-gradient(145deg, rgb(255 252 244 / .72), rgb(232 240 247 / .48)) !important;
    border-color: rgb(2 40 108 / .16) !important;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / .62),
        0 12px 34px -28px rgb(2 40 108 / .42) !important;
    color: var(--le-ink) !important;
}

:root[data-theme="light"] .le-shell--careers .features-grid-block .service-card__title {
    color: var(--le-ink) !important;
    text-shadow: none !important;
}

:root[data-theme="light"] .le-shell--careers .features-grid-block .service-card__description {
    color: var(--le-ink-soft) !important;
}

/* Careers has one standards/features panel. The lean block bundle supplies its
   column math but intentionally omits the generic display/card primitives, so
   make this route-owned component a compact editorial three-up rather than
   three accidental full-width rows. The content remains entirely CMS-owned. */
.le-shell--careers .block-wrapper--features-grid .features-grid-block {
    --cb-careers-standards-line: rgb(2 40 108 / .16);
    --cb-careers-standards-surface: linear-gradient(145deg, rgb(255 252 244 / .78), rgb(232 240 247 / .52));
    --cb-careers-standards-icon: rgb(2 40 108 / .08);
    --cb-careers-standards-accent: #02286c;
    position: relative;
    padding: clamp(3.75rem, 7vw, 6.75rem) 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.le-shell--careers .block-wrapper--features-grid .features-grid-block__header {
    max-width: 43rem;
    margin: 0 auto clamp(2.35rem, 5vw, 4rem) !important;
}

.le-shell--careers .block-wrapper--features-grid .features-grid-block__title {
    max-width: 15ch;
    margin-inline: auto;
    line-height: .98 !important;
    text-wrap: balance;
}

.le-shell--careers .block-wrapper--features-grid .features-grid-block__subtitle {
    max-width: 37rem;
    margin: 1.1rem auto 0 !important;
    color: var(--le-ink-soft) !important;
    font: 500 clamp(1.03rem, 1.5vw, 1.2rem)/1.58 "Cormorant Garamond", serif !important;
}

.le-shell--careers .block-wrapper--features-grid .features-grid-block__grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
    align-items: stretch;
    counter-reset: cb-careers-standard;
}

.le-shell--careers .block-wrapper--features-grid .service-card {
    position: relative;
    display: flex !important;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    padding: clamp(1.45rem, 2.4vw, 2rem) !important;
    overflow: hidden;
    border: 1px solid var(--cb-careers-standards-line) !important;
    border-radius: 1rem !important;
    background: var(--cb-careers-standards-surface) !important;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / .58),
        0 .9rem 2.3rem -2rem rgb(2 40 108 / .46) !important;
    color: var(--le-ink) !important;
    text-align: left !important;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
    counter-increment: cb-careers-standard;
}

.le-shell--careers .block-wrapper--features-grid .service-card::after {
    content: counter(cb-careers-standard, lower-roman);
    position: absolute;
    top: 1rem;
    right: 1.1rem;
    color: var(--cb-careers-standards-accent);
    font: italic 600 1.05rem/1 "Cormorant Garamond", serif;
    opacity: .58;
}

.le-shell--careers .block-wrapper--features-grid .service-card__icon-wrapper {
    display: grid !important;
    width: 3rem !important;
    height: 3rem !important;
    margin: 0 auto 1.45rem !important;
    padding: 0 !important;
    place-items: center;
    border: 1px solid var(--cb-careers-standards-line);
    border-radius: 50%;
    background: var(--cb-careers-standards-icon) !important;
    color: var(--cb-careers-standards-accent) !important;
    box-shadow: none !important;
    transform: none !important;
}

.le-shell--careers .block-wrapper--features-grid .service-card__icon {
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    background: transparent !important;
}

.le-shell--careers .block-wrapper--features-grid .service-card__icon svg {
    width: 1.35rem;
    height: 1.35rem;
    stroke-width: 1.65;
}

.le-shell--careers .block-wrapper--features-grid .service-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.le-shell--careers .block-wrapper--features-grid .service-card__title {
    margin: 0 0 .8rem !important;
    color: var(--le-ink) !important;
    font: 600 clamp(1.4rem, 2vw, 1.72rem)/1.08 "Cormorant Garamond", serif !important;
    letter-spacing: -.015em;
    text-shadow: none !important;
    text-align: center;
    text-wrap: balance;
}

.le-shell--careers .block-wrapper--features-grid .service-card__description {
    margin: auto 0 0 !important;
    color: var(--le-ink-soft) !important;
    font: 500 .94rem/1.62 Manrope, sans-serif !important;
}

.le-shell--careers .block-wrapper--features-grid .service-card:hover {
    transform: translateY(-4px) !important;
    border-color: color-mix(in srgb, var(--cb-careers-standards-accent) 42%, transparent) !important;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / .66),
        0 1.25rem 2.75rem -2rem rgb(2 40 108 / .6) !important;
}

:root[data-theme="dark"] .le-shell--careers .block-wrapper--features-grid .features-grid-block {
    --cb-careers-standards-line: rgb(190 226 255 / .18);
    --cb-careers-standards-surface: linear-gradient(145deg, rgb(8 18 36 / .72), rgb(8 18 36 / .38));
    --cb-careers-standards-icon: rgb(190 226 255 / .08);
    --cb-careers-standards-accent: #e1c271;
}

:root[data-theme="dark"] .le-shell--careers .block-wrapper--features-grid .features-grid-block__subtitle,
:root[data-theme="dark"] .le-shell--careers .block-wrapper--features-grid .service-card__description {
    color: var(--le-ink-soft) !important;
}

@media (max-width: 900px) {
    .le-shell--careers .block-wrapper--features-grid .features-grid-block__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    .le-shell--careers .block-wrapper--features-grid .features-grid-block {
        padding-block: 3.5rem !important;
    }

    .le-shell--careers .block-wrapper--features-grid .features-grid-block__header {
        margin-bottom: 2.25rem !important;
    }

    .le-shell--careers .block-wrapper--features-grid .features-grid-block__grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .85rem !important;
    }

    .le-shell--careers .block-wrapper--features-grid .service-card {
        min-height: 0;
        padding: 1.35rem 1.25rem !important;
    }

    .le-shell--careers .block-wrapper--features-grid .service-card__icon-wrapper {
        margin-bottom: 1rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .le-shell--careers .block-wrapper--features-grid .service-card,
    .le-shell--careers .block-wrapper--features-grid .service-card:hover {
        transform: none !important;
        transition: none;
    }
}

.cb-career-role__cover h1 {
    max-width: 19ch;
}

.cb-career-role__status {
    width: fit-content;
    margin: 0 0 .8rem;
    padding-top: .65rem;
    border-top: 1px solid var(--cb-careers-em-face, #e1c271) !important;
    color: var(--cb-careers-em-face, #e1c271) !important;
    font: 800 .68rem/1.2 Manrope, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
}

:root[data-theme="light"] .cb-career-role__status {
    color: #02286c !important;
    border-top-color: rgba(2, 40, 108, 0.3) !important;
}

/* Accent details following theme brand highlight color */
.cb-career-role__spec .le-spec-item:first-child .le-spec-v {
    color: var(--cb-careers-em-face, #e1c271) !important;
    font-weight: 700;
}

:root[data-theme="light"] .cb-career-role__spec .le-spec-item:first-child .le-spec-v {
    color: #02286c !important;
}

.le-shell--careers .le-crumbs .le-figure-tag,
.le-shell--careers .le-mag-tag,
.le-shell--careers .le-prevnext .dir,
.le-shell--careers .le-prevnext-dir {
    color: var(--cb-careers-em-face, #e1c271) !important;
}

:root[data-theme="light"] .le-shell--careers .le-crumbs .le-figure-tag,
:root[data-theme="light"] .le-shell--careers .le-mag-tag,
:root[data-theme="light"] .le-shell--careers .le-prevnext .dir,
:root[data-theme="light"] .le-shell--careers .le-prevnext-dir {
    color: #02286c !important;
}

.cb-career-role__cover .le-cover-cta {
    margin-top: 1.35rem;
}

.cb-career-role__cover .le-pill.primary {
    width: fit-content;
}

.cb-career-role__spec .le-spec-v {
    overflow-wrap: anywhere;
}

.cb-career-role__article-shell {
    padding-bottom: clamp(2.25rem, 4vw, 3.5rem);
}

.cb-career-role__article > section {
    margin: 0;
    padding: 0 0 clamp(1.2rem, 2.2vw, 1.75rem);
}

.cb-career-role__article > section + section {
    padding-top: clamp(.9rem, 1.8vw, 1.35rem);
    border-top: 1px solid var(--le-hairline);
}

.cb-career-role__article > section > h2,
.cb-career-role__apply-intro h2,
.cb-career-role__closed h2 {
    position: relative;
    margin: 0 0 .5rem;
    padding-top: .2em;
    color: var(--le-ink);
    font: 500 clamp(1.85rem, 3.4vw, 2.65rem)/1.04 "Cormorant Garamond", serif;
    letter-spacing: -.018em;
    text-shadow: var(--le-home-outline-soft);
    text-wrap: balance;
}

.cb-career-role__article > section > h2::before,
.cb-career-role__apply-intro h2::before,
.cb-career-role__closed h2::before {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin-bottom: .35em;
    border-radius: 2px;
    background: var(--le-brand-deep);
    opacity: .72;
}

.cb-career-role__article p,
.cb-career-role__article li {
    color: var(--le-ink-soft);
}

.cb-career-role__article li + li {
    margin-top: .35rem;
}

.cb-career-role__context,
.cb-career-role__apply-intro,
.cb-career-role__closed {
    position: relative;
    z-index: 3;
    max-width: var(--le-copy-max, 960px);
    margin-inline: auto;
    text-align: center !important;
}

.cb-career-role__context {
    margin-top: clamp(1.25rem, 2.5vw, 2rem);
}

.cb-career-role__context .le-eyebrow,
.cb-career-role__apply-intro .le-eyebrow,
.cb-career-role__closed .le-eyebrow {
    margin: 0 auto .25rem auto !important;
    text-align: center !important;
}

.cb-career-role__apply-intro h2,
.cb-career-role__closed h2 {
    text-align: center !important;
    margin-inline: auto !important;
}

.cb-career-role__apply-intro h2::before,
.cb-career-role__closed h2::before {
    margin-inline: auto !important;
}

.cb-career-role__apply-intro,
.cb-career-role__closed {
    margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
    padding-top: clamp(1rem, 1.8vw, 1.35rem);
    border-top: 1px solid var(--le-hairline-strong);
}

.cb-career-role__apply-intro p:last-child,
.cb-career-role__closed p {
    max-width: 48rem;
    margin-inline: auto !important;
    margin-bottom: 0;
    text-align: center !important;
    color: var(--le-ink-soft);
    line-height: 1.65;
}

.le-shell--careers .cb-career-role > .contact-cta {
    position: relative;
    z-index: 4;
    max-width: var(--le-section-max, 1180px);
    margin-inline: auto;
}

.cb-career-role__related {
    position: relative;
    z-index: 4;
}

@media (max-width: 900px) {
    .cb-careers-directory__role {
        grid-template-columns: 72px minmax(0, 1fr) 150px;
        gap: 24px;
    }
}

@media (max-width: 700px) {
    body.cb-role-internal .le.le-shell--careers.le-template-category[data-category-hero-mode="abf"] .le-cover .parallax-hero__lede {
        margin-bottom: 1.875rem !important;
    }

    body.cb-role-internal .le.le-shell--careers.le-template-category[data-category-hero-mode="abf"] .le-cover .le-cover-index {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 18px !important;
    }

    body.cb-role-internal .le.le-shell--careers.le-template-category[data-category-hero-mode="abf"] .le-cover .le-cover-index li:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    .le-shell--careers .cb-careers-hero-actions {
        width: 100%;
        margin-top: .625rem;
        gap: .5rem;
    }

    .le-shell--careers .cb-careers-hero-actions .le-pill {
        width: 100%;
        min-height: 2.75rem;
        padding-block: .65rem;
    }

    .cb-careers-directory {
        padding-block: 3.5rem 4.5rem;
    }

    .cb-careers-grid-field,
    .cb-careers-directory::before {
        inset-inline: 0;
        background-size: 88px 88px, 88px 88px, 22px 22px, 22px 22px;
        opacity: .46;
    }

    .cb-careers-directory__heading {
        margin-bottom: 2rem;
    }

    .cb-careers-directory__role {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        align-items: start;
        padding-block: 2rem 2.4rem;
    }

    .cb-careers-directory__role .le-mag-rail {
        flex-direction: row;
        align-items: baseline;
        gap: .8rem;
        padding-top: 0;
    }

    .cb-careers-directory__role .le-mag-num {
        font-size: 2rem;
    }

    .cb-careers-directory__role .le-mag-tag {
        width: auto;
        padding-top: 0;
        padding-left: .8rem;
        border-top: 0;
        border-left: 1px solid var(--le-hairline-mid);
    }

    .cb-careers-directory__role .le-mag-readmore-cue {
        grid-column: 1;
        min-height: 2rem;
        margin-top: .5rem;
    }

    .cb-careers-directory__role .le-mag-mark {
        display: none;
    }

    .cb-careers-directory__role .le-mag-arrow {
        position: static;
        justify-content: flex-start;
    }

    .cb-careers-context,
    .cb-career-role__context {
        grid-template-columns: 1fr;
    }

    .cb-careers-context__mark,
    .cb-career-role__context-mark {
        display: none;
    }

    .le-shell--careers .features-grid-block .why-anchor .mark--brand-logo {
        width: clamp(8.5rem, 44vw, 10.5rem);
        opacity: .18;
    }

    .cb-career-role__cover h1 {
        max-width: none;
    }

    .cb-career-role__spec .le-spec-sep {
        display: none;
    }

    .cb-career-role__related {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .le-shell--careers .cb-careers-hero-actions .le-pill,
    .cb-careers-directory__role {
        transition: none;
    }
}

/* Centered contact form headers and section headings */
.le-shell--careers :is(.contact-cta__header, .le-schedule-head) {
    text-align: center !important;
    margin-inline: auto !important;
}

.le-shell--careers :is(.contact-cta__heading, .contact-form-block__title, .le-form-title, .contact-cta__form h2) {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-inline: auto !important;
    text-align: center !important;
}

.le-shell--careers :is(.contact-cta__eyebrow, .contact-cta__sub) {
    margin-inline: auto !important;
    text-align: center !important;
}

.le-shell--careers .le-related {
    text-align: center;
}

.le-shell--careers .le-related :is(.le-eyebrow, .le-heading-cluster, .le-section-h2) {
    text-align: center !important;
    margin-inline: auto !important;
    justify-content: center !important;
}