.occupation-finder{box-sizing:border-box;width:100%;max-width:52rem;margin:1rem 0 1.25rem;color:#142e45}
.occupation-finder form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.8rem}
.occupation-finder label{grid-area:1/1;display:flex;align-items:center;min-height:44px;font:650 .9rem/1.4 Manrope,Arial,sans-serif}
.occupation-clear:not([hidden]){grid-area:1/2;min-height:44px;padding:0 .2rem;border:0;background:none;color:#16439d;text-decoration:underline;text-underline-offset:.15em;font:inherit;font-size:.82rem;cursor:pointer}
.occupation-controls{grid-area:2/1/3/-1;display:flex;gap:.45rem;align-items:stretch}
.occupation-controls input,.occupation-controls button{box-sizing:border-box;min-height:44px;border-radius:8px;font:inherit}
.occupation-controls input{min-width:0;flex:1;width:100%;background:white;color:#142e45;border:1px solid #8299b7;padding:.55rem .8rem;font-size:16px}
.occupation-controls button{background:#17334c;color:white;border:0;padding:.55rem 1rem;cursor:pointer}
.occupation-finder .occupation-status:not(:empty){margin:1rem 0 .5rem;color:#3e556d;font-size:.86rem;font-weight:600}
.occupation-status:empty{display:none}
.occupation-finder ul.occupation-results:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;list-style:none;padding:0;margin:0}
.occupation-finder .occupation-results li{min-width:0;list-style:none;margin:0;padding:0}
.occupation-finder ul.occupation-results li a{position:relative;display:grid;gap:.18rem;align-content:center;min-height:60px;height:100%;box-sizing:border-box;padding:.65rem 2.35rem .65rem .85rem;border:1px solid #bbcce1;border-radius:9px;background:#fff;color:#14344f;text-decoration:none;text-align:left;overflow-wrap:anywhere}
.occupation-finder .occupation-results strong{color:inherit;font:650 .94rem/1.35 Manrope,Arial,sans-serif}
.occupation-finder .occupation-results small{color:#4a6179;font:400 .78rem/1.4 Manrope,Arial,sans-serif}
.occupation-finder ul.occupation-results li a::after{content:'';position:absolute;right:1rem;top:50%;width:.45rem;height:.45rem;border:solid #3764a1;border-width:0 1.7px 1.7px 0;transform:translateY(-50%) rotate(-45deg)}
.occupation-finder ul.occupation-results li a:is(:hover,:focus-visible){background:#f4f8ff;border-color:#527aab}
.occupation-finder .occupation-pager:not([hidden]){display:flex;justify-content:space-between;gap:.65rem;margin:.5rem 0 0}
.occupation-finder .occupation-pager button{min-height:44px;padding:.45rem .7rem;border:1px solid #a6bdd7;border-radius:7px;color:#16439d;background:#fff;font:600 .82rem/1.35 Manrope,Arial,sans-serif;cursor:pointer}
.occupation-finder .occupation-pager button:disabled{border-color:transparent;color:#526378;background:transparent;cursor:default}
.occupation-finder :focus-visible{outline:3px solid #2456c9;outline-offset:2px}
@media(max-width:640px){.occupation-finder label{font-size:.86rem}.occupation-clear:not([hidden]){font-size:.78rem}.occupation-finder ul.occupation-results:not([hidden]){grid-template-columns:minmax(0,1fr)}}
