.elementor-kit-547 {
    .personio-jobs {
        --pj-border: #d6d6d6;
        --pj-bg-muted: #EFF2F5;
        --pj-text: #1a1a1a;
        --pj-accent: #1a1a1a;
        --pj-radius: 10px;
        --pj-bg: #D9D9D9;
        color: var(--pj-text);
    }

    .personio-jobs__filters {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-bottom: 10px;
    }

    .personio-jobs__filter {
        position: relative;
    }

    .personio-jobs__filter-toggle {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        background: var(--pj-bg);
        border-radius: calc( var(--pj-radius) /2 );
        font: inherit;
        cursor: pointer;
        color: inherit;
        border: none;
        text-transform: uppercase;
        font-weight: 500;
    }

    .personio-jobs__filter-toggle:focus-visible {
        outline: 2px solid var(--pj-accent);
        outline-offset: 2px;
    }

    .personio-jobs__filter-toggle[aria-expanded="true"] {
        border-color: var(--pj-accent);
    }

    .personio-jobs__filter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 999px;
        background: var(--pj-accent);
        color: #fff;
        font-size: 12px;
        line-height: 1;
        display: none;
    }
    .personio-jobs__filter-caret {
        font-size: 10px;
        line-height: 1;
    }

    .personio-jobs__chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
        display: none;
    }

    .personio-jobs__chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 8px 4px 10px;
        border-radius: 999px;
        background: var(--pj-bg-muted);
        font-size: 13px;
        line-height: 1.4;
    }

    .personio-jobs__chip-remove {
        border: 0;
        background: transparent;
        cursor: pointer;
        font: inherit;
        padding: 0;
        line-height: 1;
        font-size: 14px;
    }

    .personio-jobs__chip-remove:focus-visible {
        outline: 2px solid var(--pj-accent);
        outline-offset: 2px;
        border-radius: 50%;
    }

    .personio-jobs__dropdown {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        z-index: 20;
        min-width: 240px;
        max-height: 360px;
        overflow: auto;
        padding: 12px;
        background: #fff;
        border: 1px solid var(--pj-border);
        border-radius: var(--pj-radius);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .personio-jobs__options {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .personio-jobs__options label {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 6px 4px;
        border-radius: 4px;
        cursor: pointer;
    }

    .personio-jobs__options label:hover,
    .personio-jobs__options input:focus-visible + span {
        background: var(--pj-bg-muted);
    }

    .personio-jobs__reset {
        margin-top: 10px;
        border: 0;
        background: transparent;
        color: inherit;
        text-decoration: underline;
        cursor: pointer;
        font: inherit;
        padding: 4px 0;
    }

    .personio-jobs__reset:focus-visible {
        outline: 2px solid var(--pj-accent);
        outline-offset: 2px;
    }

    .personio-jobs__grid {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 10px;
    }

    .personio-jobs__grid > li {
        display: flex;
    }

    .personio-jobs__grid > li[hidden] {
        display: none;
    }

    .personio-jobs__card {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px 25px;
        width: 100%;
        border-radius: var(--pj-radius);
        background: #fff;
    }

    .personio-jobs__card-title {
        margin: 0;
        color: var( --e-global-color-text );
        font-family: var( --e-global-typography-sk_type_5-font-family ), Sans-serif;
        font-size: var( --e-global-typography-sk_type_5-font-size );
        font-weight: var( --e-global-typography-sk_type_5-font-weight );
        text-transform: var( --e-global-typography-sk_type_5-text-transform );
        line-height: var( --e-global-typography-sk_type_5-line-height );
    }

    .personio-jobs__card-category {
        margin: 0;
        padding: 6px 10px;
        background: var(--pj-bg-muted);
        border-radius: 4px;
        font-size: 0.9rem;
        align-self: flex-start;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 23px; /* 153.333% */
        letter-spacing: 0.15px;
    }

    .personio-jobs__card-apply {
        margin-top: auto;
        align-self: flex-start;
        text-decoration: underline !important;
        font-weight: 400;
        color: #35403e !important;
        line-height: 23px; /* 153.333% */
        letter-spacing: 0.15px;
    }

    .personio-jobs__card[hidden] {
        display: none;
    }

    .personio-jobs__empty {
        padding: 24px;
        text-align: center;
        color: #555;
        background: var(--pj-bg-muted);
        border-radius: var(--pj-radius);
    }
}
