.recruiter-search {
  --rs-purple: #3f1d73;
  --rs-gold: #f2a900;
  --rs-gold-ink: #2a1a00;
  --rs-ink: #1a1a1a;
  --rs-gray: #55555a;
  --rs-border: #d8d8dc;
  --rs-panel: #f2f2f2;
  --rs-panel-purple: #f3edfb;
  --rs-radius: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  color: var(--rs-ink);
}
.recruiter-search__panel {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin: 0 auto 2rem;
  padding: 2rem;
  background: var(--rs-panel-purple);
  border-radius: 24px;
  box-sizing: border-box;
}
.recruiter-search h2 { margin-bottom: 0.35rem; font-weight: 800; color: var(--rs-purple); }
.recruiter-search__intro { margin-top: 0; color: var(--rs-gray); }
.recruiter-search__toggle { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 1.5rem 0; }
.recruiter-search button { appearance: none; border: 2px solid var(--rs-purple); background: #fff; color: var(--rs-purple); padding: 0.65rem 1.25rem; font: inherit; font-weight: 700; cursor: pointer; border-radius: var(--rs-radius); }
.recruiter-search button:hover, .recruiter-search button:focus { background: #f4effb; outline: 2px solid var(--rs-purple); outline-offset: 2px; }
.recruiter-search button.is-active { background: var(--rs-gold); border-color: var(--rs-gold); color: var(--rs-gold-ink); }
.recruiter-search__states { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0 1.5rem; }
.recruiter-search__states[hidden], .recruiter-search__empty[hidden] { display: none; }
.recruiter-search__field { position: relative; margin: 1.25rem 0; }
.recruiter-search__field label { display: block; margin-bottom: 0.4rem; font-weight: 700; }
.recruiter-search__field input { width: 100%; max-width: 520px; box-sizing: border-box; padding: 0.85rem 1rem; border: 1px solid var(--rs-border); border-radius: var(--rs-radius); font: inherit; }
.recruiter-search__field input:focus { outline: 2px solid var(--rs-purple); outline-offset: 1px; }
.recruiter-search__suggestions { position: absolute; z-index: 10; top: 100%; left: 0; width: 100%; max-width: 520px; max-height: 220px; overflow-y: auto; margin: 0.35rem 0 0; padding: 0; list-style: none; background: #fff; border: 1px solid var(--rs-border); border-radius: var(--rs-radius); box-sizing: border-box; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }
.recruiter-search__suggestions[hidden] { display: none; }
.recruiter-search__suggestion { padding: 0.6rem 0.85rem; cursor: pointer; }
.recruiter-search__suggestion:hover, .recruiter-search__suggestion.is-active { background: var(--rs-panel); }
.recruiter-search__empty { max-width: var(--wp--style--global--content-size, 920px); margin: 1rem auto; font-style: italic; color: var(--rs-gray); }
.recruiter-search__results { max-width: var(--wp--style--global--content-size, 920px); margin: 0 auto; display: grid; gap: 1.25rem; list-style: none; padding: 0; }
.recruiter-search__result { display: flex; align-items: center; gap: 1.5rem; border: 1px solid var(--rs-border); padding: 1.5rem; background: #fff; text-align: left; border-radius: var(--rs-radius); }
.recruiter-search__photo { height: 200px; width: auto; max-width: 40%; object-fit: cover; border-radius: var(--rs-radius); flex: 0 0 auto; }
.recruiter-search__details { flex: 1 1 auto; min-width: 0; }
.recruiter-search__match { display: block; font-size: 1.5rem; font-weight: 800; color: var(--rs-purple); margin-bottom: 0.35rem; }
.recruiter-search__meta { display: block; font-size: 1.1rem; font-weight: 500; color: var(--rs-gray); margin-top: -0.2rem; margin-bottom: 0.35rem; }
.recruiter-search__recruiter { margin: 0; }
.recruiter-search__contact { margin: 0.35rem 0 0; }
.recruiter-search__contact a { color: var(--rs-purple); }
.recruiter-search__schedule { margin: 0.75rem 0 0; }
.recruiter-search__schedule a { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--rs-gold); color: var(--rs-gold-ink); font-weight: 700; text-decoration: none; padding: 0.65rem 1.25rem; border-radius: var(--rs-radius); }
.recruiter-search__schedule a:hover, .recruiter-search__schedule a:focus { outline: 2px solid var(--rs-purple); outline-offset: 2px; }
.recruiter-search__schedule-icon { width: 18px; height: 18px; flex: 0 0 auto; }
@media (max-width: 640px) { .recruiter-search__result { flex-direction: column; align-items: flex-start; } .recruiter-search__photo { max-width: 100%; width: 100%; height: auto; } }