.opportunities-page .main{padding-bottom:12px}
.opportunities-intro{padding:24px;border-radius:20px;background:var(--prontus-sky);margin-top:4px}
.opportunities-intro h1{font-size:2rem;font-weight:600;line-height:1.12;margin-top:12px;color:var(--prontus-navy)}
.opportunities-intro h1 span{color:var(--opportunity)}
.opportunities-intro>p:not(.eyebrow){font-size:.9375rem;color:var(--body);max-width:32rem;margin-top:16px;line-height:1.7}
.opportunities-reassurance{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;margin-top:20px;color:var(--opportunity)}
.opportunities-reassurance .icon{width:16px;height:16px}
.vacancy-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:16px;margin-top:20px}
.vacancy-filter{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.8125rem;font-weight:700;color:var(--body)}
.vacancy-filter input,.vacancy-filter select{width:100%;min-width:0;min-height:52px;margin:0;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:1rem;font-weight:400;color:var(--ink);background:var(--field)}
.vacancy-filter select{padding-right:24px;text-overflow:ellipsis}
.vacancy-filter input::placeholder{color:var(--muted);font-size:.875rem}
.vacancy-filter input:focus-visible,.vacancy-filter select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.vacancy-filters>.button{min-height:52px;align-self:end}
.clear-filters{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--opportunity);font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.clear-filters .icon{width:16px;height:16px}
.vacancy-results{margin-top:32px;scroll-margin-top:20px}
.results-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:20px}
.results-heading h2{font-size:1.5rem;font-weight:600}
.results-count{font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums}
.vacancy-pagination{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:28px}
.vacancy-pagination>p{font-size:.8125rem;color:var(--muted)}
.pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.pagination-number,.pagination-direction{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--body);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}
.pagination-number.is-current{background:var(--opportunity);border-color:var(--opportunity);color:white}
.pagination-controls a:hover{background:var(--opportunity-tint);border-color:var(--opportunity)}
.pagination-next-icon{transform:rotate(180deg)}
.pagination-gap{color:var(--muted);padding:0 2px}
.opportunities-page .talent-bank{margin-top:12px;border-top:1px solid var(--line)}
@media(min-width:420px){.vacancy-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search,.vacancy-filters>.button,.clear-filters{grid-column:1/-1}}
@media(min-width:720px){.opportunities-intro{padding:32px}.opportunities-intro h1{font-size:2.5rem}.opportunities-intro h1 br{display:none}.results-heading h2{font-size:1.75rem}.vacancy-pagination{flex-direction:row;justify-content:space-between}}
@media(min-width:960px){.vacancy-filters{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr) auto}.filter-search,.vacancy-filters>.button{grid-column:auto}.clear-filters{grid-column:1/-1;justify-self:start}}
@media(max-width:359px){.opportunities-intro{padding:24px 20px}.opportunities-intro h1{font-size:1.875rem}.vacancy-filters{padding:16px}.pagination-controls{gap:4px}.pagination-gap{padding:0}}
