body .section {
    margin: 0;
}

body .article,
body [data-emploi-racine] {
    --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.7143 16.2857C11.4217 16.2857 11.1297 16.1743 10.9063 15.9509L5.47771 10.5223C5.03143 10.076 5.03143 9.35257 5.47771 8.90628C5.924 8.46 6.64743 8.46 7.09371 8.90628L11.7143 13.5269L16.3349 8.90628C16.7811 8.46 17.5046 8.46 17.9509 8.90628C18.3971 9.35257 18.3971 10.076 17.9509 10.5223L12.5223 15.9509C12.2989 16.1743 12.0069 16.2857 11.7143 16.2857Z' fill='%231E1E22'/%3E%3C/svg%3E");
    --fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.6923 8L19 12L14.6923 16M19 12L5 12' stroke='%231E1E22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background: #EEF8F2;

    padding: 0 0 40px;
    overflow-x: clip;

    * {
        transition: all 0.3s ease;
    }

    p {
        margin: 0;
    }

    & > [data-emploi-listing] {
        max-width: 800px;
        margin-inline: auto;

        [data-emploi-recherche] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;

            width: 100%;

            [data-emploi-nom-cache] {
                position: absolute;

                width: 1px;
                height: 1px;
                margin: -1px;
                padding: 0;

                overflow: hidden;
                clip-path: inset(50%);
                white-space: nowrap;
            }

            [data-emploi-case] {
                position: relative;
                inset: auto;

                flex: none;
            }

            [data-emploi-menu] {
                summary {
                    position: relative;
                    display: block;

                    list-style: none;
                    cursor: pointer;

                    &::-webkit-details-marker {
                        display: none;
                    }

                    &::after {
                        content: '';

                        position: absolute;
                        top: 50%;
                        right: 0;

                        width: 24px;
                        height: 24px;

                        background: var(--chevron) no-repeat center / 24px 24px;
                        transform: translateY(-50%);
                    }
                }

                &[open] summary::after {
                    transform: translateY(-50%) rotate(180deg);
                }

                fieldset {
                    position: absolute;
                    top: calc(100% + 8px);
                    right: 0;
                    left: 0;
                    z-index: 2;

                    display: flex;
                    flex-direction: column;

                    max-height: 320px;
                    overflow-y: auto;

                    min-width: 0;
                    margin: 0;
                    padding: 8px;

                    border: 1px solid var(--neutral-300, #D4D4D4);
                    border-radius: 8px;
                    background: var(--neutral-0, #FFF);
                    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);

                    label {
                        display: flex;
                        align-items: center;
                        gap: 12px;

                        padding: 8px 16px;

                        border-radius: 8px;

                        color: var(--default-secondary, #1E1E22);
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;

                        cursor: pointer;

                        &:has(input:enabled):hover,
                        &:has(input:focus-visible) {
                            background: var(--green-100, #DCEFED);
                        }

                        &:has(input:disabled) {
                            color: var(--neutral-500, #737373);

                            cursor: default;
                        }
                    }
                }

                &:has(fieldset:disabled) summary {
                    color: var(--neutral-500, #737373);
                }
            }

            form[data-emploi-filtres] {
                display: flex;
                flex-direction: column;
                gap: 24px;

                width: 100%;

                :focus-visible {
                    outline: 2px solid var(--buttons-primary-bg-enabled, #5BB684);
                    outline-offset: 2px;
                }

                :has(> select)::before {
                    content: none;
                }
            }

            [data-emploi-barre] {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 12px;

                padding: 24px;

                border-radius: 8px;

                background: var(--default-secondary, #1E1E22);

                .article & {
                    margin-inline: calc(50% - 50vw);
                    padding: 24px max(20px, calc(50vw - 610px));

                    border-radius: 0;
                }

                [data-emploi-champ] {
                    position: relative;

                    flex: 1 1 200px;
                    min-width: 0;

                    padding: 12px 24px;

                    border-radius: 8px;
                    background: var(--neutral-0, #FFF);

                    & > label {
                        color: var(--default-secondary, #1E1E22);
                        font-size: 16px;
                        font-weight: 700;
                        line-height: 20px;
                    }

                    input[type="text"] {
                        width: 100%;
                        height: auto;
                        padding: 0;

                        border: 0;
                        background: none;

                        color: var(--default-secondary, #1E1E22);
                        font-family: inherit;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;

                        &::placeholder {
                            color: var(--neutral-500, #737373);
                            opacity: 1;
                        }
                    }
                }

                [data-emploi-champ="metier"] {
                    display: flex;
                    flex-direction: column;
                }

                [data-emploi-champ="lieu"] {
                    display: grid;
                    grid-template-columns: minmax(0, 1fr) auto;
                    grid-template-areas:
                        "nom rayon"
                        "saisie rayon";
                    align-items: center;

                    label:not([data-emploi-nom-cache]) {
                        grid-area: nom;
                    }

                    input[data-emploi-lieu] {
                        grid-area: saisie;
                    }

                    :has(> select[data-emploi-rayon]) {
                        grid-area: rayon;
                    }

                    select[data-emploi-rayon] {
                        grid-area: rayon;

                        appearance: none;

                        width: auto;
                        height: auto;
                        padding: 0 28px 0 12px;

                        border: 0;
                        background: var(--chevron) no-repeat right center / 24px 24px;

                        color: var(--default-secondary, #1E1E22);
                        font-family: inherit;
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;

                        cursor: pointer;

                        &:disabled {
                            opacity: 0.4;

                            cursor: default;
                        }
                    }
                }

                [data-emploi-champ="contrat"] {
                    summary {
                        display: flex;
                        flex-direction: column;

                        padding-right: 36px;

                        span {
                            color: var(--default-secondary, #1E1E22);
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 20px;
                        }

                        span[data-emploi-menu-valeur] {
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;

                            color: var(--neutral-500, #737373);
                            font-size: 18px;
                            font-weight: 400;
                            line-height: 26px;
                        }
                    }
                }

                button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 12px;

                    flex: none;
                    align-self: stretch;

                    padding: 14px 24px;

                    border-radius: 8px;
                    border: 2px solid var(--buttons-tertiary-border-enabled, #5BB684);
                    background: var(--buttons-tertiary-bg-enabled, #5BB684);

                    color: var(--buttons-tertiary-label-enabled, #FFF);
                    font-family: inherit;
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 22px;

                    cursor: pointer;

                    &:hover {
                        border-color: var(--buttons-tertiary-border-hover, #FFF);
                        background: var(--buttons-tertiary-bg-hover, #FFF);

                        color: var(--buttons-tertiary-label-hover, #1E1E22);
                    }
                }

                [data-emploi-suggestions] {
                    position: absolute;
                    top: calc(100% + 8px);
                    right: 0;
                    left: 0;
                    z-index: 2;

                    max-height: 320px;
                    overflow-y: auto;

                    padding: 8px;

                    border: 1px solid var(--neutral-300, #D4D4D4);
                    border-radius: 8px;
                    background: var(--neutral-0, #FFF);
                    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);

                    [data-emploi-suggestions-liste] {
                        display: flex;
                        flex-direction: column;
                    }

                    [data-emploi-suggestion] {
                        display: flex;
                        align-items: center;
                        gap: 8px;

                        padding: 8px 16px;

                        border-radius: 8px;

                        color: var(--default-secondary, #1E1E22);
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;

                        cursor: pointer;

                        &:hover,
                        &:focus {
                            background: var(--green-100, #DCEFED);
                        }

                        span[data-emploi-suggestion-nature] {
                            color: var(--neutral-500, #737373);
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 22px;
                        }
                    }

                    p[data-emploi-suggestions-message] {
                        padding: 8px 16px;

                        color: var(--neutral-500, #737373);
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                    }
                }
            }

            [data-emploi-affinage] {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 12px;

                width: 100%;

                [data-emploi-champ="secteur"],
                [data-emploi-champ="sous-secteur"] {
                    position: relative;

                    flex: 1 1 240px;
                    min-width: 0;

                    padding: 14px 24px;

                    border: 1px solid var(--neutral-300, #D4D4D4);
                    border-radius: 8px;
                    background: var(--neutral-0, #FFF);

                    summary {
                        padding-right: 48px;

                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;

                        color: var(--default-secondary, #1E1E22);
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;
                    }
                }

                [data-emploi-champ="teletravail"],
                [data-emploi-champ="salaire"] {
                    flex: none;

                    label {
                        display: flex;
                        align-items: center;
                        gap: 12px;

                        color: var(--default-secondary, #1E1E22);
                        font-size: 18px;
                        font-weight: 400;
                        line-height: 26px;

                        cursor: pointer;
                    }
                }

                [data-emploi-case][role="switch"] {
                    appearance: none;

                    width: 54px;
                    height: 30px;
                    padding: 2px;

                    border: 0;
                    border-radius: 999px;
                    background: var(--default-secondary, #1E1E22);

                    cursor: pointer;

                    &::before {
                        content: none;
                    }

                    &::after {
                        content: '';

                        position: static;
                        display: block;

                        width: 26px;
                        height: 26px;

                        border: 0;
                        border-radius: 999px;
                        background: var(--neutral-0, #FFF);
                        opacity: 1;
                    }

                    &:checked {
                        background: var(--buttons-primary-bg-enabled, #5BB684);

                        &::after {
                            transform: translateX(24px);
                        }
                    }

                    &:disabled {
                        opacity: 0.4;

                        cursor: default;
                    }
                }

                a[data-emploi-reset] {
                    margin-left: auto;

                    color: var(--link-enabled, #5BB684);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 26px;
                    text-decoration: underline;

                    &:hover {
                        color: var(--link-hovered, #1E1E22);
                        text-decoration: none;
                    }
                }
            }
        }

        a {
            text-decoration: none;
        }

        [data-emploi-entete] {
            display: flex;
            align-items: center;
            gap: 24px;
            justify-content: space-between;

            width: 100%;

            [data-emploi-total] {
                color: var(--default-body, #1E1E22);
                font-size: 18px;
                font-weight: 700;
                line-height: 22px;

                span {
                    color: var(--default-title, #1E1E22);
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 28px;
                }
            }

            [data-emploi-alerte] {
                button {
                    display: flex;
                    padding: 14px 24px;
                    justify-content: center;
                    align-items: center;
                    gap: 12px;

                    border-radius: 8px;
                    border: 2px solid var(--buttons-tertiary-border-enabled, #5BB684);
                    background: var(--buttons-tertiary-bg-enabled, #5BB684);

                    color: var(--buttons-tertiary-label-enabled, #FFF);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 22px;

                    cursor: pointer;

                    &:hover {
                        background: var(--buttons-tertiary-bg-hover, #1E1E22);
                        border-color: var(--buttons-tertiary-border-hover, #1E1E22);

                        color: var(--buttons-tertiary-label-hover, #FFF);
                    }
                }
            }
        }

        [data-emploi-resultats] {
            display: flex;
            flex-direction: column;
            gap: 24px;
            align-self: stretch;
        }

        [data-emploi-non-raccorde] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;

            padding: 24px;

            border-radius: 16px;
            border: 1px solid var(--neutral-300, #D4D4D4);
            background: var(--neutral-0, #FFF);

            [data-emploi-non-raccorde-constat] {
                color: var(--default-secondary, #1E1E22);
                font-size: 24px;
                font-weight: 700;
                line-height: 28px;
            }

            [data-emploi-non-raccorde-cause] {
                color: var(--neutral-500, #737373);
                font-size: 18px;
                font-weight: 400;
                line-height: 26px;
            }

            [data-emploi-non-raccorde-geste] {
                display: flex;
                padding: 14px 24px;
                justify-content: center;
                align-items: center;
                gap: 12px;

                border-radius: 8px;
                border: 2px solid var(--buttons-tertiary-border-enabled, #5BB684);
                background: var(--buttons-tertiary-bg-enabled, #5BB684);

                color: var(--buttons-tertiary-label-enabled, #FFF);
                font-size: 18px;
                font-weight: 700;
                line-height: 22px;
                text-decoration: none;

                &:hover {
                    background: var(--buttons-tertiary-bg-hover, #1E1E22);
                    border-color: var(--buttons-tertiary-border-hover, #1E1E22);

                    color: var(--buttons-tertiary-label-hover, #FFF);
                }
            }
        }

        nav[data-emploi-pagination] {
            ul {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;

                margin: 0;

                li {
                    margin: 0;
                    list-style: none;

                    a, span {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;

                        width: 54px;
                        height: 54px;
                        padding: 10px 18px;

                        border-radius: 999px;

                        color: var(--default-secondary, #1E1E22);
                        font-size: 18px;
                        font-weight: 700;
                        line-height: 22px;
                        text-decoration: none;

                        &:not(span):hover, &[aria-current="page"] {
                            background: var(--buttons-primary-bg-enabled, #5BB684);

                            color: var(--neutral-0, #FFF);
                        }
                    }
                }
            }
        }
    }

    [data-emploi-liste] {
        display: flex;
        flex-direction: column;
        gap: 24px;

        max-width: 100%;

        [data-emploi-carte] {
            display: flex;
            flex-direction: column;
            padding: 24px;
            gap: 24px;

            border-radius: 16px;
            border: 1px solid var(--neutral-300, #D4D4D4);
            background: var(--neutral-0, #FFF);

            position: relative;

            &:has(a:hover) {
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);

                header {
                    h3 {
                        color: var(--default-primary, #5BB684);
                    }
                }

                footer {
                    span[data-emploi-voir] {
                        gap: 8px;
                    }
                }
            }

            header {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;

                p[data-emploi-bandeau] {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 4px;

                    height: 28px;
                    padding: 3px 8px;
                    margin: 0;

                    background: #1E1E22;

                    color: var(--neutral-0, #FFF);
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 22px;
                }

                h3 {
                    color: var(--default-secondary, #1E1E22);
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 28px;

                    a {
                        color: currentColor;
                        text-decoration: none;

                        &:before {
                            content: '';

                            position: absolute;
                            inset: 0;
                        }
                    }
                }

                p[data-emploi-identite] {
                    display: flex;
                    align-items: center;
                    align-content: center;
                    gap: 6px;

                    margin: 0;

                    color: var(--default-body, #1E1E22);
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 26px;

                    span[data-emploi-separateur] {
                        width: 1px;
                        height: 22px;

                        background: var(--neutral-300, #D4D4D4);
                    }
                }
            }

            ul[data-emploi-etiquettes] {
                display: flex;
                align-items: flex-start;
                align-content: flex-start;
                gap: 12px;
                flex-wrap: wrap;

                margin: 0;

                li {
                    display: flex;
                    padding: 8px 16px;
                    justify-content: center;
                    align-items: center;
                    gap: 12px;

                    border-radius: 999px;
                    background: var(--green-100, #DCEFED);

                    color: var(--green-800, #004038);
                    font-size: 14px;
                    font-weight: 700;
                    line-height: 22px;
                }
            }

            footer {
                display: flex;
                justify-content: space-between;
                align-items: center;

                p[data-emploi-date] {
                    margin: 0;

                    color: var(--neutral-500, #737373);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 22px;
                }

                span[data-emploi-voir] {
                    display: flex;
                    align-items: center;
                    gap: 4px;

                    color: var(--adanced-link-label-enabled, #1E1E22);
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 22px;
                }
            }
        }
    }

    & > [data-emploi-retour],
    & > [data-emploi-fiche],
    & > [data-emploi-expiree],
    & > [data-emploi-maillage],
    & > [data-emploi-similaires] {
        max-width: 800px;
        margin-inline: auto;
    }

    & > [data-emploi-retour] {
        margin-top: 40px;
        margin-bottom: 40px;

        a {
            display: inline-flex;
            align-items: center;
            gap: 4px;

            color: var(--default-secondary, #1E1E22);
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            text-decoration: none;

            &::before {
                content: '';

                width: 24px;
                height: 24px;

                background: var(--fleche) no-repeat center / 24px 24px;
                transform: rotate(180deg);
            }

            &:hover::before {
                margin-right: 4px;
                margin-left: -4px;
            }
        }
    }

    & > [data-emploi-fiche] {
        display: flex;
        flex-direction: column;
        gap: 24px;

        padding: 25px;

        border: 1px solid var(--neutral-300, #D4D4D4);
        border-radius: 16px;
        background: var(--neutral-0, #FFF);

        p[data-emploi-bandeau] {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 4px;

            align-self: flex-start;
            height: 28px;
            padding: 3px 8px;
            margin-bottom: -20px;

            background: var(--default-secondary, #1E1E22);

            color: var(--neutral-0, #FFF);
            font-size: 14px;
            font-weight: 700;
            line-height: 22px;
        }

        p[data-emploi-identite] {
            display: flex;
            align-items: center;
            align-content: center;
            flex-wrap: wrap;
            gap: 6px;

            color: var(--default-body, #1E1E22);
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;

            span[data-emploi-separateur] {
                width: 1px;
                height: 22px;

                background: var(--neutral-300, #D4D4D4);
            }
        }

        ul[data-emploi-etiquettes] {
            display: flex;
            align-items: flex-start;
            align-content: flex-start;
            flex-wrap: wrap;
            gap: 12px;

            margin: 0;
            padding: 0;

            li {
                display: flex;
                justify-content: center;
                align-items: center;

                margin: 0;
                padding: 8px 16px;

                border-radius: 999px;
                background: var(--green-100, #DCEFED);

                list-style: none;

                color: var(--green-800, #004038);
                font-size: 14px;
                font-weight: 700;
                line-height: 22px;
            }
        }

        [data-emploi-fiche-actions] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 24px;

            p[data-emploi-date] {
                color: var(--neutral-500, #737373);
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
            }
        }

        [data-emploi-description] {
            color: var(--default-body, #1E1E22);
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;

            p,
            ul,
            ol {
                margin: 0 0 26px;
            }

            ul,
            ol {
                padding-left: 27px;

                list-style-position: outside;
            }

            li {
                margin: 0;
                padding-left: 0;

                &::marker {
                    color: currentColor;
                }
            }

            h2,
            h3,
            h4 {
                margin: 0 0 4px;

                color: var(--default-title, #1E1E22);
                font-size: 18px;
                font-weight: 700;
                line-height: 26px;
            }

            a {
                color: var(--link-enabled, #5BB684);
                text-decoration: underline;

                &:hover {
                    color: var(--link-hovered, #1E1E22);
                    text-decoration: none;
                }
            }

            & > :last-child {
                margin-bottom: 0;
            }
        }

        [data-emploi-candidature] {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 24px;

            padding: 24px;

            border-radius: 16px;
            background: var(--default-tertiary, #EEF8F2);

            p {
                flex: 1 1 0;
                min-width: 0;

                color: var(--default-body, #1E1E22);
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
            }

            p:has(a[data-emploi-postuler]) {
                flex: none;
            }
        }

        a[data-emploi-postuler] {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;

            flex: none;

            padding: 16px 24px;

            border-radius: 8px;
            border: 2px solid var(--buttons-tertiary-border-enabled, #5BB684);
            background: var(--buttons-tertiary-bg-enabled, #5BB684);

            color: var(--buttons-tertiary-label-enabled, #FFF);
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            text-decoration: none;

            &:hover {
                border-color: var(--buttons-tertiary-border-hover, #1E1E22);
                background: var(--buttons-tertiary-bg-hover, #1E1E22);

                color: var(--buttons-tertiary-label-hover, #FFF);
            }
        }
    }

    & > [data-emploi-maillage] {
        margin-top: 24px;
        padding: 25px;

        border: 1px solid var(--neutral-300, #D4D4D4);
        border-radius: 16px;
        background: var(--neutral-0, #FFF);

        [data-emploi-maillage-panneau] {
            display: flex;
            flex-direction: column;
            gap: 24px;

            padding: 24px;

            border-radius: 16px;
            background: var(--default-tertiary, #EEF8F2);
        }

        h2 {
            margin: 0;

            color: var(--default-title, #1E1E22);
            font-size: 36px;
            font-weight: 700;
            line-height: 40px;
        }

        [data-emploi-maillage-liste] {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 24px;
        }

        [data-emploi-maillage-item] {
            display: flex;
            flex-direction: column;
            gap: 12px;

            position: relative;

            a {
                color: var(--default-secondary, #1E1E22);
                text-decoration: none;
            }

            a[data-emploi-vignette] {
                display: block;

                img {
                    display: block;

                    width: 100%;
                    aspect-ratio: 218 / 123;

                    object-fit: cover;
                }

                &[data-emploi-sans-image] {
                    width: 100%;
                    aspect-ratio: 218 / 123;

                    background: var(--green-100, #DCEFED);
                }
            }

            span[data-emploi-texte] {
                display: flex;
                flex-direction: column;
                gap: 4px;

                font-size: 18px;
                font-weight: 700;
                line-height: 22px;

                a::before {
                    content: '';

                    position: absolute;
                    inset: 0;
                }
            }

            span[data-emploi-extrait] {
                color: var(--default-body, #1E1E22);
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
            }

            &::after {
                content: '';

                align-self: flex-end;
                width: 24px;
                height: 24px;

                background: var(--fleche) no-repeat center / 24px 24px;
            }

            &:hover::after {
                margin-right: -4px;
            }
        }
    }

    & > [data-emploi-similaires] {
        margin-top: 80px;

        h2 {
            margin: 0 0 44px;

            color: var(--default-title, #1E1E22);
            font-size: 36px;
            font-weight: 700;
            line-height: 40px;
        }
    }

    & > [data-emploi-expiree] {
        display: flex;
        flex-direction: column;
        gap: 8px;

        margin-top: 40px;
        margin-bottom: 24px;
        padding: 25px;

        border: 1px solid var(--neutral-300, #D4D4D4);
        border-radius: 16px;
        background: var(--neutral-0, #FFF);

        color: var(--default-body, #1E1E22);
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;

        a {
            color: var(--link-enabled, #5BB684);
            text-decoration: underline;
        }
    }
}

body [data-emploi-racine] {
    container-type: inline-size;
    container-name: emploi;

    padding: 40px 20px;
}

body .article [data-emploi-racine] {
    background: none;
    padding: 0;
}