.profession-directory { padding-top: 42px; }
.profession-finder, .profession-next { background: var(--cream); border-top: 3px solid var(--gold); padding: clamp(22px, 4vw, 46px); }
.profession-finder h2, .profession-next h2, .profession-group h2 { font-size: clamp(32px, 4.4vw, 46px); line-height: 1.12; margin: 5px 0 16px; }
.profession-finder p, .profession-next p { max-width: 72ch; }
#profession-search label { display: block; font-weight: 700; margin: 20px 0 7px; }
.profession-search-row { display: flex; flex-wrap: wrap; gap: 8px; }
.profession-search-row input, .profession-search-row button { font: inherit; color: var(--navy); border: 1px solid #747e86; border-radius: 3px; padding: 10px 14px; background: white; }
.profession-search-row input { flex: 1 1 280px; min-width: 0; max-width: 600px; }
.profession-search-row button { cursor: pointer; }
#profession-status { font-size: .9rem; margin: 8px 0 18px; }
#profession-jump { border-top: 1px solid #cec4b6; padding-top: 14px; margin-top: 18px; }
#profession-jump summary { cursor: pointer; font-weight: 700; }
#profession-jump ul, .profession-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); column-gap: 30px; row-gap: 9px; margin: 18px 0; padding-left: 20px; }
.profession-group { padding: clamp(30px, 5vw, 60px) 0; border-bottom: 1px solid #dcd4c7; }
.profession-list { margin: 20px 0 26px; }
.profession-list li { padding-left: 2px; overflow-wrap: break-word; }
.job-alias { color: #475564; font-size: .9em; }
.profession-records { max-width: 82ch; border-left: 3px solid var(--gold); padding: 3px 0 3px 18px; }
.profession-records h3 { margin: 0; font: 700 1em/1.45 Manrope,Arial,sans-serif; }
.profession-records p { margin: 5px 0 6px; }
.profession-directory a { text-underline-offset: 3px; }
.sector-back { display: inline-block; margin-top: 17px; color: #66502e; font-size: .85rem; }
.profession-next { margin-top: 28px; }
.profession-next .resource-links { margin-top: 14px; }
@media (max-width: 600px) {
  .profession-list, #profession-jump ul { grid-template-columns: 1fr; }
  .profession-search-row input { width: 100%; }
}