.i9-jobs { --i9-jobs-accent: #00577f; color: inherit; width: 100%; box-sizing: border-box; }
.i9-jobs *, .i9-jobs *::before, .i9-jobs *::after { box-sizing: border-box; }
.i9-jobs .i9-jobs__card { padding: clamp(20px, 3vw, 36px) !important; margin: 0 0 24px !important; border: 1px solid #ddd !important; border-radius: 6px !important; overflow-wrap: anywhere; }
.i9-jobs .i9-jobs__title { margin: 0 0 20px !important; line-height: 1.3 !important; }
.i9-jobs .i9-jobs__title a { color: inherit !important; text-decoration: none !important; }
.i9-jobs .i9-jobs__title a:hover { text-decoration: underline !important; }
/* Explicit resets isolate semantic definition lists from theme rules (including Enfold). */
.i9-jobs dl.i9-jobs__details {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
    gap: 24px 32px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    clear: both !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: start !important;
    text-align-last: auto !important;
}
.i9-jobs dl.i9-jobs__details > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: start !important;
}
.i9-jobs dl.i9-jobs__details > div > dt,
.i9-jobs dl.i9-jobs__details > div > dd {
    display: block !important;
    flex: 0 1 auto !important;
    float: none !important;
    clear: none !important;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: start !important;
    text-align-last: auto !important;
    text-indent: 0 !important;
    white-space: normal !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
}
.i9-jobs dl.i9-jobs__details > div > dt {
    font-size: .85em !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
.i9-jobs dl.i9-jobs__details > div > dd {
    font-size: 1em !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}
.i9-jobs .i9-jobs__button { display: inline-block !important; padding: 12px 22px !important; background: var(--i9-jobs-accent) !important; color: #fff !important; border: 2px solid transparent !important; border-radius: 3px !important; text-decoration: none !important; font-size: 1em !important; font-weight: 600 !important; line-height: 1.5 !important; white-space: normal !important; text-align: center !important; }
.i9-jobs .i9-jobs__button:hover { text-decoration: underline !important; }
.i9-jobs a:focus-visible { outline: 3px solid currentColor !important; outline-offset: 4px !important; }
.i9-jobs .i9-jobs__button:focus-visible { outline-color: var(--i9-jobs-accent) !important; }
.i9-jobs .i9-jobs__action { margin: 24px 0 !important; }
.i9-jobs .i9-jobs__content { margin: 30px 0 !important; overflow-wrap: anywhere; }
.i9-jobs .i9-jobs__notice { padding: 16px !important; border-left: 4px solid #856404 !important; background: #fff3cd !important; color: #493900 !important; }
@media (max-width: 480px) { .i9-jobs .i9-jobs__button { width: 100% !important; } }
.i9-jobs .i9-jobs__pagination ul { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; padding: 0 !important; margin: 24px 0 !important; list-style: none !important; }
.i9-jobs .i9-jobs__pagination li { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.i9-jobs .i9-jobs__pagination a, .i9-jobs .i9-jobs__pagination span { display: inline-block !important; padding: 8px 12px !important; border: 1px solid #ccc !important; }
.i9-jobs .i9-jobs__pagination .current { font-weight: 700 !important; }

@media (max-width: 480px) { .i9-jobs dl.i9-jobs__details { grid-template-columns: 1fr !important; gap: 20px !important; } }