.career-wrap{max-width:1120px;margin:0 auto;padding:24px 18px;font-family:Arial,sans-serif;color:inherit}
.career-heading{margin:0 0 24px}
.career-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}
.career-page-head .career-heading{margin-bottom:0}
.career-jobs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.career-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;border:1px solid rgba(127,127,127,.28);border-radius:10px;padding:22px;background:rgba(127,127,127,.025)}
.career-card h2{font-size:1.3rem;margin:0 0 14px}
.career-card h2 a{text-decoration:none;color:inherit}
.career-card .career-btn{align-self:flex-start}
.career-meta{margin:7px 0;line-height:1.5}
.career-btn{display:inline-block;border:0;border-radius:7px;padding:12px 18px;background:#ffc107;color:#111;text-decoration:none;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.2}
.career-btn:hover{text-decoration:none;filter:brightness(.97)}
.career-btn-secondary{background:#e9ecef;color:#222}
.career-btn-danger{background:#b42318;color:#fff}
.career-btn-small{padding:9px 13px;font-size:.92rem}
.career-actions-top{margin-bottom:20px}
.career-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:600;color:inherit}
.career-detail-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:30px}
.career-detail section{margin-top:28px}
.career-detail li{margin:7px 0}
.career-form{margin-top:25px}
.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.career-grid label,.career-form fieldset{display:flex;flex-direction:column;gap:7px}
.career-span-2{grid-column:1/-1}
.career-form input[type=text],.career-form input[type=email],.career-form input[type=date],.career-form input[type=datetime-local],.career-form select,.career-form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #bbb;border-radius:6px;background:inherit;color:inherit}
.career-form fieldset{border:1px solid rgba(127,127,127,.35);border-radius:8px;padding:18px;margin:22px 0}
.career-inline{display:inline-flex!important;flex-direction:row!important;align-items:center;margin-right:18px}
.career-help{font-size:.92rem;opacity:.75}
.career-consent{display:block;margin:18px 0}
.career-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.career-success{padding:28px;border:1px solid rgba(127,127,127,.35);border-radius:10px}
.career-empty{padding:25px 0}
.career-manage-list{display:grid;gap:16px}
.career-manage-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px;border:1px solid rgba(127,127,127,.28);border-radius:10px}
.career-manage-item h2{margin:0 0 10px;font-size:1.2rem}
.career-manage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.career-manage-actions form{margin:0}
.career-status{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;font-size:.82rem;font-weight:700;background:rgba(127,127,127,.14)}
.career-status-active{background:#e7f6ec;color:#166534}
.career-status-scheduled{background:#eef2ff;color:#3730a3}
.career-status-expired{background:#fff1f2;color:#9f1239}
.career-status-muted{background:#f1f3f5;color:#495057}
@media(max-width:760px){
.career-jobs-grid{grid-template-columns:1fr}
.career-page-head,.career-detail-head,.career-manage-item{display:block}
.career-page-head>.career-btn,.career-detail-head .career-btn{margin-top:18px}
.career-grid{grid-template-columns:1fr}
.career-span-2{grid-column:auto}
.career-manage-actions{justify-content:flex-start;margin-top:18px}
}
.career-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.career-table-wrap{width:100%;overflow-x:auto;border:1px solid rgba(127,127,127,.28);border-radius:10px}
.career-applicants-table{width:100%;min-width:1240px;border-collapse:collapse;background:inherit}
.career-applicants-table th,.career-applicants-table td{padding:11px 12px;border-bottom:1px solid rgba(127,127,127,.2);text-align:left;vertical-align:top;font-size:.92rem;line-height:1.4}
.career-applicants-table th{font-weight:700;background:rgba(127,127,127,.08);white-space:nowrap}
.career-applicants-table tbody tr:last-child td{border-bottom:0}
.career-applicants-table a{color:inherit}
.career-pagination{margin-top:22px}
.career-print-title{display:none}
@media(max-width:760px){
.career-head-actions{justify-content:flex-start;margin-top:18px}
.career-head-actions .career-btn{margin-top:0!important}
}
@media print{
.career-no-print,.career-pagination,.joomla-alerts,.mod-menu,.navbar,.header,.footer,.sidebar-wrapper{display:none!important}
.career-wrap{max-width:none!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif;color:#000!important}
.career-print-title{display:block;margin-bottom:16px}
.career-print-title h1{margin:0 0 5px;font-size:20px}
.career-print-title p{margin:0;font-size:11px}
.career-table-wrap{overflow:visible;border:0;border-radius:0}
.career-applicants-table{min-width:0;width:100%;font-size:8pt}
.career-applicants-table th,.career-applicants-table td{padding:5px 6px;border:1px solid #aaa;font-size:8pt;color:#000!important;word-break:break-word}
.career-applicants-table th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.career-status{padding:0;background:transparent!important;color:#000!important}
@page{size:landscape;margin:10mm}
}


/* v1.0.7 lightweight vacancy poster popup. No third-party lightbox or capture library is used. */
html.career-modal-open,body.career-modal-open{overflow:hidden!important}
.career-lightbox[hidden]{display:none!important}
.career-lightbox{position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;font-family:Arial,Helvetica,sans-serif}
.career-lightbox,.career-lightbox *{box-sizing:border-box}
.career-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(2px)}
.career-lightbox-dialog{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:64px 20px 28px;pointer-events:none;overflow:auto}
.career-lightbox-body{position:relative;width:min(820px,100%);pointer-events:auto;overscroll-behavior:contain}
.career-lightbox-close{appearance:none;-webkit-appearance:none;position:fixed;top:14px;right:20px;z-index:5;display:flex;width:44px;height:44px;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:400 34px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:background .16s ease,transform .16s ease;pointer-events:auto}
.career-lightbox-close:hover,.career-lightbox-close:focus-visible{background:rgba(255,255,255,.32);outline:none;transform:scale(1.04)}

.career-poster-shell{width:100%;max-width:780px;margin:0 auto}
.career-poster-tools{display:flex;justify-content:flex-end;gap:8px;margin:0 0 8px}
.career-poster-tool{appearance:none;border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:6px 10px;background:rgba(255,255,255,.14);color:#fff;font:600 12px/1.2 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
.career-poster-tool:hover,.career-poster-tool:focus-visible{background:rgba(255,255,255,.25);outline:none}
.career-poster-tool:disabled{opacity:.65;cursor:wait}

.career-poster{position:relative;width:100%;overflow:hidden;background:#fff;color:#111;border-radius:2px;box-shadow:0 24px 70px rgba(0,0,0,.42);font-family:Arial,Helvetica,sans-serif}
.career-poster-visual{position:relative;height:280px;overflow:hidden;background:#d6d8db}
.career-poster-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.career-poster-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 48%,rgba(255,255,255,.36) 72%,#fff 100%)}
.career-poster-brand{position:absolute;left:28px;top:24px;display:flex;align-items:center;gap:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.career-poster-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:68px;height:43px;padding:3px 4px;background:#fff;color:#111;border-radius:2px;transform:skew(-4deg);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.career-poster-logo span:first-child{font-size:24px;font-weight:900;font-style:italic;line-height:.8;letter-spacing:-1px}
.career-poster-logo span:last-child{font-size:13px;font-weight:900;line-height:1}
.career-poster-brand-text{display:flex;flex-direction:column;gap:2px}
.career-poster-brand-text strong{font-size:20px;font-weight:900;letter-spacing:.01em;text-transform:uppercase}
.career-poster-brand-text small{font-size:11px;font-weight:700;opacity:.93}

.career-poster-title{position:relative;z-index:2;margin-top:-74px;padding:0 30px 8px;text-align:center}
.career-poster-hiring{font-size:clamp(46px,7vw,66px);font-weight:1000;line-height:.88;letter-spacing:-.05em;color:#fff;-webkit-text-stroke:1.2px #161616;text-shadow:0 4px 2px rgba(0,0,0,.68),0 0 2px #111}
.career-poster-title h2{margin:2px auto 7px;max-width:95%;font-size:clamp(34px,6vw,58px);font-weight:1000;line-height:.9;letter-spacing:-.045em;color:#12005c;text-transform:uppercase;text-shadow:0 2px 0 #fff,0 4px 8px rgba(0,0,0,.12)}
.career-poster-tag{display:inline-block;max-width:80%;padding:4px 11px;border-radius:5px;background:#ececee;color:#222;font-size:18px;line-height:1.05}

.career-poster-summary{max-width:700px;margin:7px auto 15px;padding:0 28px;text-align:center;font-size:13px;font-weight:800;line-height:1.25;text-transform:uppercase}

.career-poster-box{position:relative;display:grid;grid-template-columns:1fr;gap:18px 28px;margin:0 34px 42px;padding:18px 24px 18px;border:2px solid #17055b;border-radius:11px}
.career-poster-box.has-benefit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.career-poster-column{min-width:0}
.career-poster-column h3,.career-poster-responsibilities h3{margin:0 0 9px;font-size:22px;line-height:1.05;font-weight:800;color:#121212}
.career-poster-column ul,.career-poster-responsibilities ul{margin:0;padding-left:20px}
.career-poster-column li,.career-poster-responsibilities li{margin:5px 0;font-size:16px;font-weight:800;line-height:1.25}
.career-poster-responsibilities{grid-column:1/-1;padding-top:12px;border-top:1px solid rgba(23,5,91,.2)}
.career-poster-expiry{position:static;grid-column:1/-1;justify-self:end;display:flex;flex-direction:column;align-items:center;min-width:125px;margin:-4px 18px -2px 0;padding:7px 10px;border-radius:10px;background:#e3e0f2;color:#1d0a60;transform:rotate(7deg);font-style:italic;box-shadow:0 2px 4px rgba(0,0,0,.06)}
.career-poster-expiry span{font-size:11px;font-weight:800}
.career-poster-expiry strong{font-size:15px;line-height:1.05}
.career-poster-cta{grid-column:1/-1;display:flex;justify-content:center;padding-top:8px}
.career-poster-apply{display:inline-block;padding:8px 18px;border-radius:12px;background:#eeef22;color:#171717!important;text-decoration:none!important;font-size:18px;font-weight:900;line-height:1.1;box-shadow:0 1px 0 rgba(0,0,0,.15)}
.career-poster-bottom-brand{position:absolute;left:50%;bottom:0;transform:translateX(-50%);min-width:56%;padding:8px 18px 7px;border-radius:18px 18px 0 0;background:#14005d;color:#fff;text-align:center;font-size:16px;font-weight:900;line-height:1;text-transform:uppercase}
.career-job-image-field{display:flex;flex-direction:column;gap:8px}
.career-job-image-preview{width:min(420px,100%);aspect-ratio:3/1;overflow:hidden;border:1px solid rgba(127,127,127,.3);border-radius:8px;background:#eee}
.career-job-image-preview img{display:block;width:100%;height:100%;object-fit:cover}
.career-use-default{margin-top:4px!important}

@media(max-width:760px){
.career-lightbox-dialog{padding:58px 8px 18px}
.career-lightbox-close{top:8px;right:10px;width:40px;height:40px;font-size:30px}
.career-poster-tools{margin-right:2px}
.career-poster-visual{height:210px}
.career-poster-brand{left:16px;top:16px;gap:9px}
.career-poster-logo{width:54px;height:35px}
.career-poster-logo span:first-child{font-size:19px}
.career-poster-logo span:last-child{font-size:10px}
.career-poster-brand-text strong{font-size:14px}
.career-poster-brand-text small{font-size:9px}
.career-poster-title{margin-top:-48px;padding:0 12px 6px}
.career-poster-hiring{font-size:39px}
.career-poster-title h2{font-size:34px}
.career-poster-tag{font-size:14px}
.career-poster-summary{padding:0 14px;font-size:10px}
.career-poster-box,.career-poster-box.has-benefit{grid-template-columns:1fr;margin:0 12px 34px;padding:15px 16px 16px;gap:15px}
.career-poster-column h3,.career-poster-responsibilities h3{font-size:18px}
.career-poster-column li,.career-poster-responsibilities li{font-size:13px}
.career-poster-responsibilities{grid-column:auto}
.career-poster-expiry{grid-column:1;min-width:110px;margin:-2px 4px 0 0}
.career-poster-cta{grid-column:1}
.career-poster-apply{font-size:15px}
.career-poster-bottom-brand{min-width:72%;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.career-lightbox-close{transition:none}}


/* v1.0.10 frontend search and Instagram-ready poster refinements */
.career-job-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    margin:0 0 28px;
    padding:6px 8px;
    background:#f2f0e6;
}
.career-job-search input[type="search"]{
    width:100%;
    min-width:0;
    height:42px;
    margin:0;
    padding:8px 12px;
    border:0;
    border-radius:6px;
    background:#fff;
    color:#222;
    font:400 16px/1.2 Arial,Helvetica,sans-serif;
    box-shadow:none;
    outline:none;
}
.career-job-search input[type="search"]:focus{
    box-shadow:0 0 0 2px rgba(20,0,93,.2);
}
.career-job-search button{
    min-height:42px;
    margin:0;
    padding:8px 18px;
    border:0;
    border-radius:0;
    background:#ffc400;
    color:#111;
    font:700 15px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
    white-space:nowrap;
}
.career-job-search button:hover,
.career-job-search button:focus-visible{
    background:#f2b900;
    outline:none;
}

.career-poster-tools{
    justify-content:center;
    margin:10px 0 0;
}
.career-poster{
    aspect-ratio:4/5;
    min-height:975px;
}
.career-poster-brand{
    left:26px;
    top:22px;
    width:min(62%,520px);
    max-width:calc(100% - 52px);
}
.career-poster-brand-logo{
    display:block;
    width:100%;
    height:auto;
    max-height:72px;
    object-fit:contain;
    object-position:left center;
    filter:drop-shadow(0 1px 1px rgba(255,255,255,.4));
}
.career-poster-summary{
    text-transform:none;
    font-size:13px;
    font-weight:700;
    line-height:1.34;
}
.career-job-logo-preview{
    display:flex;
    align-items:center;
    width:min(520px,100%);
    min-height:86px;
    padding:10px;
    overflow:hidden;
    border:1px solid rgba(127,127,127,.3);
    border-radius:8px;
    background:#f5f5f5;
}
.career-job-logo-preview img{
    display:block;
    width:100%;
    max-height:72px;
    object-fit:contain;
    object-position:left center;
}
.career-poster-bottom-brand{
    white-space:nowrap;
}

@media(max-width:760px){
    .career-job-search{
        grid-template-columns:1fr;
        gap:8px;
        padding:8px;
    }
    .career-job-search button{width:100%}
    .career-poster{min-height:0}
    .career-poster-brand{
        left:14px;
        top:14px;
        width:min(72%,410px);
        max-width:calc(100% - 28px);
    }
    .career-poster-brand-logo{max-height:50px}
    .career-poster-summary{font-size:10px;line-height:1.3}
}


/* v1.0.11 frontend visual refinement only */

/* Vacancy cards, matching the supplied blue-header reference. */
.career-jobs-grid{
    gap:20px 24px;
}
.career-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 160px;
    grid-template-rows:auto auto auto auto;
    gap:0;
    min-height:218px;
    padding:0;
    overflow:hidden;
    border:1px solid #2b2b2b;
    border-radius:18px;
    background:#fff;
}
.career-card-main{
    display:contents;
}
.career-card h2{
    grid-column:1/-1;
    margin:0;
    padding:26px 42px 21px;
    background:#566f9f;
    color:#fff;
    font-size:31px;
    font-weight:500;
    line-height:1;
    letter-spacing:.01em;
    text-transform:uppercase;
}
.career-card h2 a,
.career-card h2 a:hover,
.career-card h2 a:focus{
    color:#fff;
    text-decoration:none;
}
.career-card .career-meta{
    grid-column:1;
    margin:0;
    padding:0 12px 0 42px;
    color:#171717;
    font-size:16px;
    line-height:1.18;
}
.career-card .career-meta:first-of-type{
    padding-top:34px;
}
.career-card .career-meta:last-of-type{
    padding-bottom:33px;
}
.career-card .career-meta strong{
    font-weight:700;
}
.career-card>.career-btn{
    grid-column:2;
    grid-row:2/5;
    align-self:center;
    justify-self:center;
    margin:0 31px 0 12px;
    padding:16px 24px;
    border-radius:8px;
    background:#f57c00;
    color:#111;
    font-size:17px;
    font-weight:500;
}
.career-card>.career-btn:hover,
.career-card>.career-btn:focus-visible{
    background:#ee7200;
}

/* Popup viewport is capped at the browser height. Content scrolls instead of being cut. */
.career-lightbox-dialog{
    align-items:flex-start;
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    padding:0 12px;
    overflow:hidden;
}
.career-lightbox-body{
    width:min(820px,100%);
    max-height:100vh;
    max-height:100dvh;
    padding:8px 0 10px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}
.career-poster-shell{
    width:100%;
    max-width:780px;
    max-height:none;
    margin:0 auto;
}
.career-poster{
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    overflow:hidden;
}
.career-poster-summary{
    width:100%;
    max-width:700px;
    margin:7px auto 0;
    padding:0 28px 10px;
}
.career-poster-box,
.career-poster-box.has-benefit{
    position:relative;
    bottom:0;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:16px 28px;
    margin:0 34px 0;
    padding:18px 24px 48px;
}
.career-poster-box:not(.has-benefit) .career-poster-requirements{
    grid-column:1/-1;
}
.career-poster-responsibilities{
    grid-column:1/-1;
}
.career-poster-bottom-row{
    grid-column:1/-1;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding-top:4px;
}
.career-poster-cta{
    display:flex;
    flex:1 1 auto;
    justify-content:flex-start;
    align-items:flex-end;
    min-width:0;
    padding:0;
}
.career-poster-expiry{
    position:static;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:flex-end;
    justify-content:flex-end;
    min-width:0;
    max-width:52%;
    margin:0;
    padding:0;
    border-radius:0;
    background:transparent;
    color:#1d0a60;
    transform:none;
    font-style:normal;
    text-align:right;
    box-shadow:none;
}
.career-poster-expiry span{
    font-size:11px;
    font-weight:800;
    line-height:1.1;
}
.career-poster-expiry strong{
    margin-top:2px;
    font-size:15px;
    line-height:1.08;
}
.career-poster-bottom-brand{
    bottom:0;
    z-index:2;
}
.career-poster-tools{
    justify-content:center;
    margin:8px 0 0;
}

@media(max-width:760px){
    .career-card{
        grid-template-columns:minmax(0,1fr) 118px;
        min-height:190px;
        border-radius:15px;
    }
    .career-card h2{
        padding:20px 22px 17px;
        font-size:24px;
    }
    .career-card .career-meta{
        padding-left:22px;
        font-size:13px;
    }
    .career-card .career-meta:first-of-type{padding-top:23px}
    .career-card .career-meta:last-of-type{padding-bottom:23px}
    .career-card>.career-btn{
        margin:0 16px 0 8px;
        padding:13px 15px;
        font-size:14px;
    }

    .career-lightbox-dialog{
        padding:0 6px;
    }
    .career-lightbox-body{
        padding-top:5px;
    }
    .career-poster-summary{
        margin-top:4px;
        padding:0 14px 8px;
    }
    .career-poster-box,
    .career-poster-box.has-benefit{
        grid-template-columns:1fr;
        gap:14px;
        margin:0 12px;
        padding:15px 16px 42px;
    }
    .career-poster-box:not(.has-benefit) .career-poster-requirements,
    .career-poster-requirements,
    .career-poster-benefit,
    .career-poster-responsibilities{
        grid-column:1;
    }
    .career-poster-bottom-row{
        grid-column:1;
        gap:10px;
    }
    .career-poster-expiry{
        max-width:48%;
    }
    .career-poster-expiry span{font-size:9px}
    .career-poster-expiry strong{font-size:11px}
    .career-poster-apply{
        font-size:13px;
        padding:7px 12px;
    }
}


/* v1.0.12 popup visual refinement only */

/*
 * Stronger white gradient layer over the poster background.
 * It is intentionally strongest around the upper-left logo area
 * so dark or busy photos do not compete with the brand.
 */
.career-poster-visual-shade{
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.94) 0%,
            rgba(255,255,255,.80) 20%,
            rgba(255,255,255,.46) 42%,
            rgba(255,255,255,.10) 72%,
            rgba(255,255,255,0) 100%
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,.34) 0%,
            rgba(255,255,255,.08) 44%,
            rgba(255,255,255,.42) 76%,
            #fff 100%
        );
}
.career-poster-brand{
    z-index:2;
}

/*
 * Keep the whole popup vertically centered.
 * If the poster is taller than the viewport, only the popup body scrolls.
 */
.career-lightbox-dialog{
    align-items:center;
    justify-content:center;
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    padding:18px 12px;
    overflow:hidden;
}
.career-lightbox-body{
    width:min(820px,100%);
    max-height:calc(100vh - 36px);
    max-height:calc(100dvh - 36px);
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:20px;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}
.career-poster-shell{
    padding:0;
}

/* Rounded popup/poster edges. */
.career-poster{
    border-radius:20px;
}

/*
 * The bottom brand is already outside .career-poster-box in the markup.
 * Make it visually independent instead of absolutely attaching it to the
 * poster edge, leaving clear space below the box border.
 */
.career-poster-box,
.career-poster-box.has-benefit{
    margin:0 34px 14px;
    padding-bottom:22px;
}
.career-poster-bottom-brand{
    position:static;
    left:auto;
    bottom:auto;
    display:block;
    width:max-content;
    max-width:calc(100% - 68px);
    min-width:0;
    margin:0 auto 18px;
    padding:8px 20px 7px;
    border-radius:14px;
    transform:none;
    white-space:nowrap;
}

/* Keep the action tools centered below the rounded poster. */
.career-poster-tools{
    justify-content:center;
    margin:8px 0 0;
}

@media(max-width:760px){
    .career-lightbox-dialog{
        align-items:center;
        padding:10px 6px;
    }
    .career-lightbox-body{
        max-height:calc(100vh - 20px);
        max-height:calc(100dvh - 20px);
        border-radius:16px;
    }
    .career-poster{
        border-radius:16px;
    }
    .career-poster-box,
    .career-poster-box.has-benefit{
        margin:0 12px 12px;
        padding-bottom:18px;
    }
    .career-poster-bottom-brand{
        max-width:calc(100% - 24px);
        margin-bottom:14px;
        padding:7px 14px 6px;
        border-radius:12px;
        font-size:11px;
    }
}


/* v1.0.15 save/export supportive visual refinements */
.career-poster-responsibilities{
    margin-top:12px;
    padding-top:12px;
}
.career-poster-bottom-brand{
    text-align:center;
    justify-content:center;
}
.career-poster-expiry{
    align-items:flex-end;
    justify-content:flex-end;
    text-align:right;
}
/* Main career page recruitment notice. Backend component Options controls the content. */
.career-recruitment-notice{
    width:100vw;
    margin-top:28px;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    background:#fde699;
    font-size:.95rem;
    line-height:1.55;
}
.career-recruitment-notice__inner{
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:18px;
    box-sizing:border-box;
}

/* Rich HTML content entered from Career component Options. */
.career-recruitment-notice__inner > :first-child{margin-top:0}
.career-recruitment-notice__inner > :last-child{margin-bottom:0}
.career-recruitment-notice__inner h1,
.career-recruitment-notice__inner h2,
.career-recruitment-notice__inner h3,
.career-recruitment-notice__inner h4,
.career-recruitment-notice__inner h5,
.career-recruitment-notice__inner h6{
    font-weight:700;
    line-height:1.25;
    margin:1.15em 0 .55em;
}
.career-recruitment-notice__inner h1{font-size:2rem}
.career-recruitment-notice__inner h2{font-size:1.6rem}
.career-recruitment-notice__inner h3{font-size:1.3rem}
.career-recruitment-notice__inner h4{font-size:1.12rem}
.career-recruitment-notice__inner h5{font-size:1rem}
.career-recruitment-notice__inner h6{font-size:.92rem}
.career-recruitment-notice__inner p{
    display:block;
    margin:0 0 1rem;
}
.career-recruitment-notice__inner ul,
.career-recruitment-notice__inner ol{
    display:block;
    margin:0 0 1rem;
    padding-left:1.5rem;
}
.career-recruitment-notice__inner ul{list-style:disc outside!important}
.career-recruitment-notice__inner ol{list-style:decimal outside!important}
.career-recruitment-notice__inner li{
    display:list-item!important;
    margin:8px 0;
}
.career-recruitment-notice__inner ul > li{list-style:disc outside!important}
.career-recruitment-notice__inner ol > li{list-style:decimal outside!important}
.career-recruitment-notice__inner li > ul,
.career-recruitment-notice__inner li > ol{
    margin-top:6px;
    margin-bottom:6px;
}
.career-recruitment-notice__inner img{
    max-width:100%;
    height:auto;
}
.career-recruitment-notice__inner figure{
    max-width:100%;
    margin:1rem 0;
}
.career-recruitment-notice__inner figure img{display:block}
.career-recruitment-notice__inner figcaption{
    margin-top:.4rem;
    font-size:.9em;
}
.career-recruitment-notice__inner blockquote{
    margin:1rem 0;
    padding:.25rem 0 .25rem 1rem;
    border-left:3px solid currentColor;
}
.career-recruitment-notice__inner hr{
    margin:1.25rem 0;
    border:0;
    border-top:1px solid currentColor;
    opacity:.25;
}
.career-recruitment-notice__inner table{
    width:100%;
    max-width:100%;
    margin:1rem 0;
    border-collapse:collapse;
}
.career-recruitment-notice__inner th,
.career-recruitment-notice__inner td{
    padding:.55rem .65rem;
    border:1px solid currentColor;
    vertical-align:top;
}
.career-recruitment-notice__inner pre{
    max-width:100%;
    overflow:auto;
    padding:.75rem;
}
.career-recruitment-notice__inner iframe,
.career-recruitment-notice__inner video{
    max-width:100%;
}



/* v2.0 frontend popup action placement */
.career-lightbox .career-poster-tools{
    position:fixed;
    right:20px;
    bottom:14px;
    z-index:6;
    display:flex;
    justify-content:flex-end;
    margin:0;
    pointer-events:auto;
}
.career-lightbox .career-poster-tools .career-poster-tool{
    min-width:72px;
}
@media(max-width:760px){
    .career-lightbox .career-poster-tools{display:none!important;}
}