/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Share
      : Main
        : Primary (Override/complement)
        : Terciary (Override/complement)
    Links
      : Focus
    Indicators
      : Autosave (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Lists
      : Compact (Override/complement)
    Navigation
      : Steps bar (Override/complement)
        : With label (New)
    Interview form
      : Boxes and outer stucture/spacings (New)
      : Fields and inner stucture/spacings (New)

    WIDGETS
    -------------------------------------------------------------------------
    Forms
      : Interview
        : Boxes and outer stucture/spacings (New)
        : Fields and inner stucture/spacings (New)
        : Text (New)
        : Some specific styles (New)
    More
      : In aside (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Main (Override/complement)

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Wrapper (Override/complement)
      : Section (Override/complement)

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/XXX
*/

/*
    ELEMENTS/Buttons
*/

.button,
.ButtonBarField .tc_formButton {
    text-transform: uppercase;
}

.button--tertiary:hover,
:not(.formNextButton) .button--secondary+.button--cancel:hover,
.button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton:hover {
    text-decoration-color: transparent;
}

/*
    ELEMENTS/Typography: Links
*/

/*
    ELEMENTS/Links: Focus (Override/complement)
*/

.AcceptanceCheckboxField a[href]:focus-visible,
.action--add:focus-visible,
.action--remove:focus-visible,
.banner--secondary .button--secondary:focus-visible,
.footer .footer__links__item:focus-visible,
.footer .footer__social__item:focus-visible,
.swiper .article__footer .button:focus,
.shareButton:focus-visible,
.link:focus-visible,
.body--job-detail .list--view-more a:focus-visible,
.body--job-detail .article--details a[href]:focus-visible,
.button.button--share:focus-visible,
.body .list-controls__pagination__item > a:focus-visible,
.header .menu--visible .menu__link:focus-visible {
    outline-width: .3rem;
    outline-style: solid;
}

.AcceptanceCheckboxField a[href]:focus-visible,
.action--add:focus-visible,
.action--remove:focus-visible,
.swiper .article__footer .button:focus,
.shareButton:focus-visible,
.link:focus-visible,
.body--job-detail .list--view-more a:focus-visible,
.body--job-detail .article--details a[href]:focus-visible,
.button.button--share:focus-visible,
.body .list-controls__pagination__item > a:focus-visible,
.header .menu--visible .menu__link:focus-visible {
    outline-color: var(--color--brand);
}

.banner--secondary .button--secondary:focus-visible,
.footer .footer__links__item:focus-visible,
.footer .footer__social__item:focus-visible {
    outline-color: var(--color--white);
}

.header .portalLanguages__link:focus-visible,
.header .menu--visible .submenu__item .submenu__link:focus-visible {
    --submenu__link--font--color: var(--color--white);
    --submenu__link--background--color: var(--color--brand);
}

/*
    ELEMENTS/Indicators: Autosave (New)
*/

.wizard-auto-save-message {
    position: relative;
    width: 100%;
}

.wizard-auto-save-message .message {
    position: absolute;
    right: 0;
    bottom: var(--spacer--xs);
    font-size: 1.4rem;
}

.wizard-auto-save-message .message__icon {
    width: auto;
}

/*
    COMPONENTS/Lists: Compact (Override/complement)
*/

.list--view-more .list__item a {
    display: initial;
    padding: unset;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--view-more .list__item {
        padding: var(--spacer--s) 0;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .list--view-more .list__item {
        flex: 0 0 50%;
        max-width: 50%;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .list--view-more .list__item {
        padding: var(--spacer--s) 0;
    }

}

/*
    COMPONENTS/Navigation: Steps bar (Override/complement)
*/

.list--steps {
    margin-bottom: 0;
}

.list--steps .list__item--filled .list__item__text__subtitle {
    background-color: var(--color--brand--sub-2);
}

.list--steps .list__item__text__title {
    text-transform: none;
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--01);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: -.8rem;
        width: 1.6rem;
        height: 1.6rem;
        text-indent: -999.9rem;
        overflow: hidden;
        border: none;
    }

    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--brand--sub-2);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps {
        margin-bottom: var(--spacer--l);
    }

    .list--steps .list__item--current .list__item__text:after {
        border-bottom-color: var(--color--brand--sub-2);
    }

    .list--steps .list__item--filled .list__item__text__subtitle {
        background-color: transparent;
    }

    .list--steps .list__item__text__subtitle {
        margin-top: 0;
        font-size: var(--font--size--01);
        font-weight: var(--font--weight--bold);
    }

    .list--steps .list__item__text__subtitle > span {
        font-weight: var(--font--weight--regular);
    }
}

/*
    COMPONENTS/Navigation: Steps bar: With label (New)
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps--with-label .list__label {
        display: none;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps--with-label {
        --label--width: 15.6rem;

        margin-left: var(--label--width);
        font-weight: var(--font--weight--bold)
    }

    .list--steps--with-label:after {
        bottom: 50%;
        transform: translateY(.2rem);
    }

    .list--steps--with-label .list__label {
        position: absolute;
        right: 100%;
        width: var(--label--width);
        font-size: 1.4rem;
    }

    .list--steps--with-label .list__item__text__subtitle {
        margin-top: 0;
        margin-bottom: 0;
    }

    .list--steps--with-label .list__item .list__item__text:after {
        bottom: 50%;
        transform: translateY(.2rem);
        border-radius: unset;
    }

}

/*
    COMPONENTS/List Links: Bottom
*/

.list--links--bottom .link {
    text-transform: uppercase;
    font-size: var(--font--size--01);
    line-height: normal;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--links--bottom .link {
        font-size: var(--font--size--00);
    }
}

.body:not(.body--job-detail) .list--links.list--links--bottom .list__item {
    margin-left: 0;
}

/*
    WIDGETS/Forms: Interview: Boxes and outer stucture/spacings (New)
*/

.form--interview :is(.Separator, .FormHeader) {
    display: none;
}

.form--interview :is(.Section--sidebar, .Section--main),
.form--interview .Section--form .formfieldSpec {
    box-shadow: 0 0 .4rem .1rem var(--color--shadow);
    border-radius: var(--boxes--border--radius);
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] .uploadedFile {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--fieldSpec--padding--inners);
    padding-right: var(--fieldSpec--padding--inners);
    padding-left: var(--fieldSpec--padding--inners);
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] .errorMessage {
    padding-right: var(--fieldSpec--padding--inners);
    padding-left: var(--fieldSpec--padding--inners);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview :is(.Section--sidebar, .Section--main),
    .form--interview .Section--form .formfieldSpec {
        padding: var(--spacer--m);
    }

    .form--interview .Section--sidebar + .Section--main {
        margin-top: var(--spacer--m);
    }

    .form--interview .Section--full {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--interview :is(.Section--sidebar,.Section--main),
    .form--interview .Section--form .formfieldSpec {
        padding: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .form--interview .Section--sidebar + .Section--main {
        margin-top: var(--spacer--l);
    }

    .form--interview .Section--full {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .form--interview {
        display: flex;
        flex-wrap: wrap;
    }

    .form--interview .Section {
        margin: 0;
        min-inline-size: initial;
        width: 100%;
    }

    .form--interview .Section--sidebar,
    .form--interview .Section--form .formfieldSpec.FileSchemaField {
        width: var(--content--w--sidebar);
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField {
        min-height: 50.6rem;
    }

    .form--interview .Section--sidebar + .Section--main {
        margin-left: var(--grid--columns--gap);
        width: calc(100% - var(--content--w--sidebar) - var(--grid--columns--gap));
    }

    .form--interview .Section--form {
        position: relative;
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: calc(var(--content--w--sidebar) + var(--grid--columns--gap));
        width: unset;
        background-color: transparent;
    }

    .form--interview .Section--full {
        margin-top: var(--spacer--l);
    }

}

/*
    WIDGETS/Forms: Interview: Fields and inner stucture/spacings (New)
*/

.form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
.form--interview .Section--form .formfieldSpec > label,
.form--interview .Section--form .formfieldSpec fieldset > legend {
    padding-bottom: var(--spacer--m);
}

.form--interview :is(.fieldSpec, .datasetfieldSpec, .formfieldSpec) {
    padding-bottom: 0;
}

.form--interview div[class*="fieldSpec"] div[class*="description"] {
    margin-top: 0;
}

.form--interview :is(.Section--sidebar, .Section--main) .fieldSpec .description {
    padding-bottom: 0;
}

.form--interview .Section--form .formfieldSpec .formdescription:not(:empty) {
    display: flex;
    row-gap: var(--spacer--m);
    column-gap: var(--grid--columns--gap);
}

.form--interview .Section--form .formfieldSpec:not(.FileSchemaField) .formdescription:not(:empty) {
    padding-bottom: var(--spacer--m);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .form--interview .Section--form .formfieldSpec.FileSchemaField .formdescription {
        padding-bottom: var(--spacer--m);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview .Section--form .formfieldSpec .formdescription {
        flex-direction: column;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .form--interview .Section--form .formfieldSpec .formdescription .formvideoDescription {
        min-width: calc(50% - (var(--grid--columns--gap) * .5));
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .form--interview .Section--form .formfieldSpec .formdescription {
        flex-direction: column;
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField .formdescription {
        padding-bottom: 0;
    }

}

/*
    WIDGETS/Forms: Interview: Some specific styles (New)
*/

.form--interview div[class*="fieldSpec"] div[class*="description"] video {
    width: 100%;
}

.form--interview .fieldSpec + .fieldSpec.AcceptanceCheckboxField {
    margin-top: var(--spacer--m);
}

.form--interview .fieldSpec.AcceptanceCheckboxField fieldset > legend {
    padding-bottom: 0;
}

.form--interview.form--step1 .previousButton {
    display: none; /* we add (and then hide) a Prev button between the Next and the Cancel ones, to make the latter look tertiary */
}

/*
    WIDGETS/Forms: Interview: Text (New)
*/

.form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
.form--interview .Section--form .formfieldSpec > label,
.form--interview .Section--form .formfieldSpec fieldset > legend {
    font-family: var(--font--alt);
    font-weight: var(--font--weight--bold);
}

.form--interview div[class*="fieldSpec"] div[class*="description"] {
    font-size: inherit;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
    .form--interview .Section--form .formfieldSpec > label,
    .form--interview .Section--form .formfieldSpec fieldset > legend {
        font-size: 2rem;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
    .form--interview .Section--form .formfieldSpec > label,
    .form--interview .Section--form .formfieldSpec fieldset > legend {
        font-size: 2.2rem;
    }

}

/*
    WIDGETS/More: In aside (Override/complement)
*/

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--view-more--aside .article__content {
        margin-top: var(--spacer--l);
    }

}

/*
    MODULES/Main (Override/complement)
*/

:root {
    --main--padding--top: var(--spacer--xxxl);
    --main--padding--bottom: var(--spacer--xxxl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .main__wrapper {
        --content--w--full: var(--content--w--narrow);
    }

}

/*
    MODULES/Header: Header (New)
*/

.header {
    font-family: var(--font--alt);
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link {
    color: var(--color--brand);
}

.header .toggle[aria-expanded='true'] {
    --toggle--font--color: var(--color--brand);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header .menu__link:after {
        color: inherit;
        font-size: var(--font--size--00);
    }

    .header .menu__panel .menu__list:first-child .menu__link {
        padding-inline: .6rem;
        margin-inline: 2.7rem;
    }

    .header .menu--visible .menu__list--separator-left {
        margin-left: 1.2rem;
        padding-left: 1.7rem;
    }

    .header .menu__panel .menu__list:first-child .menu__item:last-child .menu__link {
        margin-right: 4.2rem;
    }

    .header .menu--toggleable .submenu__list {
        margin-left: 0;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .header__logo {
        flex-grow: 1;
        padding-right: 2.3rem;
    }
}

/*
    MODULES/Banner: Details
*/

.banner--main.banner--detail {
    --title--font--color: var(--color--white);
    background: var(--color--banner--gradient--mobile);
}

.banner--main.banner--detail .banner__text__title {
    color: var(--color--white);
}

.banner--main.banner--detail .banner__text__subtitle {
    font-family: var(--font--alt);
    font-weight: var(--font--weight--regular);
    font-size: var(--font--size--02);
    text-transform: none;
    margin-bottom: var(--spacer--s);
}

@media all and (min-width:751px){
    .banner--main.banner--detail .banner__text__title.title--banner--job {
        --font--size--banner: 4.8rem;
    }
}

@media all and (max-width:750px){
    .banner--main.banner--detail .banner__text__title,
    .banner--main.banner--detail .banner__text__subtitle {
        text-align: center;
    }

    .banner--main:not(.banner--detail) .banner__wrapper {
        justify-content: center;
    }
}

/*
    MODULES/Banner: Job Details
*/

.body--job-detail .banner--main.banner--detail .banner__text__subtitle {
    color: var(--color--white);
    font-weight: var(--font--weight--bold);
    font-size: 2rem;
}

.body--job-detail .banner--scrolling .banner__text__subtitle {
    display: none;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--job-detail .article--view-more--aside {
        background-color: transparent;
    }
}

/*
    MODULES/Banner: Pages
*/

.banner--main {
    background-image: var(--banner--background--image);
}

.banner--main:not(.banner--detail):has(.banner__text__title) {
    background-image: var(--color--banner--gradient), var(--banner--background--image);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main:not(.banner--detail):has(.banner__text__title) {
        --title--font--color: var(--color--white);
        background-image: var(--color--banner--gradient--mobile);
    }
}

/*
    MODULES/Banner: Main
*/

.banner--main .banner__text__title {
    font-size: 6.2rem;
    font-weight: bold;
    color: var(--color--brand--sub-5);
    line-height: 1.03;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--main .banner__text__title {
        font-size: 4.8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main .banner__text__title {
        font-size: 3.6rem;
        color: var(--color--white);
        text-align: center;
    }
}

/*
    MODULES/Banner: JobName (New)
*/

.body--job-detail .banner--main .banner__text__title {
    font-size: var(--font--size--12);
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-align: left;
}

.body--job-detail .banner__text {
    display: flex;
    flex-direction: column-reverse;
}

.body--job-detail .banner--main.banner--detail .banner__text__subtitle {
    text-align: left;
    margin-bottom: 0;
    margin-top: var(--spacer--s);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .banner--main .banner__text__title {
        font-size: 3.6rem;
    }

    .body--job-detail .banner--main.banner--detail .banner__text__subtitle {
        display: none;
    }
}

/*
    MODULES/Footer (New)
*/

.footer {
    background: linear-gradient(to bottom, var(--color--brand--sub-1) 0%, var(--color--brand) 62%);
    border: none;
}

.footer__content {
    flex-direction: column;
    padding-block: calc(7rem - var(--footer--padding--top));
}

.footer__divider {
    margin-block: 2.6rem;
    width: 100%;
    height: .1rem;
    background: var(--color--white);
}

.footer__social__item {
    width: 2.5rem;
    height: 2.5rem;
}

.footer__links {
    gap: 6.4rem;
}

.footer__links__item {
    color: var(--color--white);
    font-family: var(--font--alt);
    font-size: var(--font--size--02);
    font-weight: var(--font--weight--regular);
}

.footer__social__item+.footer__social__item {
    margin-left: 3.4rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__content {
        padding-block: calc(4rem - var(--footer--padding--top));
    }

    .footer__social__item {
        width: 2rem;
        height: 2rem;
    }

    .footer__social__item+.footer__social__item {
        margin-left: var(--spacer--xl);
    }

    .footer__divider {
        margin-block: 2.4rem;
    }

    .footer__links {
        gap: var(--spacer--l);
        flex-direction: column;
        align-items: baseline;
        margin-right: auto;
        margin-left: var(--spacer--xl);
    }

    .footer__links__item {
        line-height: normal;
        font-weight: var(--font--weight--regular);
    }
}

/*
    PAGETYPES/Dashboard: Banner (Override/complement)
*/

.body--dashboard .banner__text {
    display: flex;
    flex-direction: column-reverse;
    row-gap: .8rem;
}

.body--dashboard .banner__text__subtitle {
    color: var(--color--brand--sub-5);
    text-transform: none;
    font-size: 2rem;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--dashboard .banner__text__subtitle {
        color: var(--color--white);
        text-align: center;
    }
}

@media (min-width: 751px) {
    .banner:not(.banner--detail) .banner__text {
        max-width: 50%;
    }
}
/*
    PAGETYPES/Dashboard: Wrapper (Override/complement)
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--dashboard .main__wrapper {
        --main--padding--top: var(--spacer--l);
        --main--padding--bottom: var(--spacer--l);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--dashboard .main__wrapper {
        --main--padding--top: var(--spacer--xxxl);
        --main--padding--bottom: var(--spacer--xxxl);
    }

}

/*
    PAGETYPES/Dashboard: Section (Override/complement)
*/

.section--dashboard .section__header__duration {
    display: flex;
    align-items: center;
    gap: var(--spacer--s);
    margin-top: var(--spacer--m);
}

.section--dashboard .section__header__duration .fa-video-camera {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    font-size: 2.4rem;
    border: .2rem solid var(--color--brand);
    border-radius: 50%;
}

.section--dashboard .section__header__duration__text {
    font-weight: var(--font--weight--bold);
    font-size: 2rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--dashboard .section__header__duration__text {
        font-size: 1.8rem;
    }
}

.section--dashboard .section__header__text__subtitle {
    font-size: 1.4rem;
}

.section--dashboard * + .section__header__text__subtitle {
    margin-top: var(--spacer--m);
}

.section--dashboard .embed-container iframe {
    border-width: .1rem;
    border-style: solid;
    border-color: var(--color--borders);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--dashboard + .section--dashboard {
        margin-top: var(--spacer--l);
    }

    .section--dashboard .section__header:not(.section__header--center) {
        flex-direction: column;
        align-items: flex-start;
    }

    .section--dashboard .section__header:not(.section__header--center) .section__header__actions {
        margin-top: var(--spacer--l);
    }

    .section--dashboard .section__header__actions {
        width: 100%;
    }

    .section--dashboard .section__header + .section__content {
        margin-top: var(--spacer--m);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--dashboard:nth-of-type(1) .section__header {
        box-shadow: 0 0 .4rem .1rem var(--color--shadow);
        border-radius: var(--boxes--border--radius);
        padding: var(--spacer--xl) var(--spacer--l) var(--spacer--l);
    }

    .section--dashboard .section__header__actions {
        max-width: 26.6rem;
    }

    .section--dashboard .section__header + .section__content {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--dashboard + .section--dashboard {
        margin-top: var(--spacer--xl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--dashboard + .section--dashboard {
        margin-top: var(--spacer--xxxl);
    }

}

/* PAGETYPES: Job Detail
   -------------------------------------------------------------------------- */

.body--job-detail .main-panel .list--links .link {
    color: var(--color--brand);
    text-transform: uppercase;
}

.body--job-detail .section__header__text {
    margin-bottom: var(--spacer--s);
}

.body--job-detail .section__header+* {
    margin-top: 0;
}

.body--job-detail .article--details .article__header__text__title {
    font-size: var(--font--size--10);
}

.body--job-detail .article__content__view__field__label,
.body--job-detail .article__content__view__field__value {
    line-height: 1.63;
    font-size: var(--font--size--01);
}

.body--job-detail .article--details+.article--details {
    padding-top: var(--spacer--l);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--job-detail .main__wrapper {
        --content--w--full: var(--grid--width);
    }

}

@media (min-width: 751px) {
    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field {
        padding-bottom: var(--spacer--s2);
    }
}

/* Media query to target only tablet and desktop */
@media (min-width: 750px) {
    .body--job-detail .grid--2--sidebar--aside-right>.grid__item--main {
        padding-right: 13.2rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .section__header__text {
        margin-bottom: var(--spacer--l);
    }

    .body--job-detail .article--details .article__header__text__title {
        font-size: var(--font--size--06);
    }

    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field:not(:last-of-type) {
        padding-bottom: var(--spacer--s2);
    }

    .body--job-detail .article--details.regular-fields--cols-2Z .article__content__view__field:last-of-type {
        padding-bottom: .1rem;
    }
}

/* PAGETYPES: Job Detail: Aside
   -------------------------------------------------------------------------- */

.body--job-detail .title--similar-jobs-widget {
    font-family: var(--font);
}

/* PAGETYPES: Status: Success/Error
   -------------------------------------------------------------------------- */

.body--status .article__header__image {
    width: 9rem;
}

@media (min-width: 1025px) {
    .body--status .header .menu__panel .menu__list:first-child .menu__link {
        margin-inline: 0;
    }

    .body--status .main__wrapper {
        --content--w--full: var(--grid--width);
    }

    .body--status .list--links--bottom {
        margin-top: 5.5rem;
    }
}

/*
    PAGETYPES/Login/ResetPassword (Override/complement)
*/

.body--login .article {
    border-top: .3rem solid var(--color--brand--sub-1);
}

.body--login .link {
    text-transform: none;
    font-size: var(--font--size--link);
}

.body--login .button {
    width: 100%;
}

.body--login .paragraph {
    font-size: var(--font--size--01);
    padding-bottom: var(--spacer--s2);
}

.body--resetPassword *+.form {
    margin-top: 2.4rem;
}

.body--resetPassword .form:not(.form--grid) .fieldSpec+.button-bar {
    padding-top: .3rem;
}

.body--resetPassword .button-bar__wrap {
    row-gap: var(--spacer--s2);
}

/*
    PAGETYPES/FAQS: Section (Override/complement)
*/

.body--faqs .article__accordion {
    padding-inline: 0
}

.body--faqs .article__accordion+.article__accordion {
    margin-top: 0;
    border-top-width: 0.1rem;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
    padding-top: var(--spacer--l);
}

.body--faqs .article__accordion.article--open:not(:last-of-type) {
    padding-bottom: var(--spacer--l);
}

.body--faqs .article__accordion:last-child {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
}

.body--faqs .article__header:not(.article__header--center) .article__header__actions {
    margin-left: 0;
}

/* Media query to target only tablet and desktop */
@media (min-width: 750px) {
    .body--faqs .grid--2--sidebar--aside-right>.grid__item--main {
        padding-right: 13.2rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--faqs .grid--2--sidebar--aside-right>.grid__item--main {
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    .body--faqs .main__wrapper {
        --content--w--full: var(--grid--width);
    }
}

/*
    PAGETYPES/Instructions
*/

.body--instructions .embed-container {
    padding-bottom: 60.25%;
}

.body--instructions .article__content__view__field.tf_replaceFieldVideoTokens {
    margin-top: var(--spacer--s2);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--instructions.body:not(.body--job-detail) .list--links.list--links--bottom .list__item,
    .body--instructions.body:not(.body--job-detail) .list--links.list--links--bottom .list__item .button {
        width: 100%;
    }

    .body--instructions .embed-container {
        padding-bottom: 106.25%;
    }
}

/*
    UTILITIES/XXX
*/