@charset "UTF-8";

.recruiter-filter { width: min(50rem,calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; color: var(--ink); background: var(--paper); border: 3px solid var(--ink); }
.recruiter-filter::backdrop { background: rgb(0 0 0 / 72%); }
.recruiter-filter__panel { min-height: min(42rem,calc(100dvh - 2rem)); padding: clamp(1.25rem,4vw,3rem); }
.recruiter-filter__chrome { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 1rem; padding-bottom: 1rem; }
.recruiter-filter__brand,.recruiter-filter__status,.recruiter-filter__eyebrow,.recruiter-filter__label,.recruiter-filter__legend { margin: 0; text-transform: uppercase; font-size: .75rem; letter-spacing: .06em; font-variation-settings: "wght" 700,"wdth" 120,"slnt" 10; }
.recruiter-filter__status { text-align: right; }
.recruiter-filter__close { display: grid; width: 2.75rem; height: 2.75rem; padding: 0; place-items: center; color: var(--ink); background: var(--paper); border: 2px solid var(--ink); border-radius: 50%; font: 2rem/1 Arial,sans-serif; cursor: pointer; }
.recruiter-filter__close:hover,.recruiter-filter__close:focus-visible { color: var(--paper); background: var(--ink); }
.recruiter-filter__progress { height: 3px; margin-top: 1rem; background: #d8d8d8; }
.recruiter-filter__progress span { display: block; width: 25%; height: 100%; background: var(--ink); transition: width 250ms ease; }
.recruiter-filter__content { display: flex; min-height: 32rem; flex-direction: column; justify-content: center; padding: clamp(2.5rem,7vw,5.5rem) 0 1rem; }
.recruiter-filter__content.is-transitioning { opacity: 0; transform: translateY(.5rem); }
.recruiter-filter__content { transition: opacity 220ms ease,transform 220ms ease; }
.recruiter-filter__eyebrow { margin-bottom: 1.5rem; }
.recruiter-filter h2 { max-width: 42rem; margin-bottom: 1.5rem; font-size: clamp(2.2rem,5.6vw,4.4rem); }
.recruiter-filter__question { max-width: 38rem; margin-bottom: 2rem; }
.recruiter-filter__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.recruiter-filter__actions .button { cursor: pointer; }
.recruiter-filter__field { display: grid; gap: .65rem; margin-top: 1.5rem; }
.recruiter-filter__field input,.recruiter-filter__field textarea,.recruiter-filter__field select { width: 100%; min-height: 3rem; padding: .8rem 0; color: var(--ink); background: transparent; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; font: inherit; }
.recruiter-filter__field textarea { min-height: 6rem; resize: vertical; }
.recruiter-filter__field input:focus,.recruiter-filter__field textarea:focus,.recruiter-filter__field select:focus,.recruiter-filter__close:focus-visible,.recruiter-filter .button:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.recruiter-filter__checks,.recruiter-filter__radios { display: grid; gap: .75rem; margin: 1.5rem 0 2rem; padding: 1.25rem 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.recruiter-filter__choice { display: flex; min-height: 2.75rem; align-items: center; gap: .75rem; font-size: 1rem; cursor: pointer; }
.recruiter-filter__choice input { width: 1.15rem; height: 1.15rem; accent-color: var(--ink); }
.recruiter-filter__form { display: grid; gap: 1rem; }
.recruiter-filter__form .recruiter-filter__field { margin-top: .5rem; }
.recruiter-filter__form-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }
.recruiter-filter__form-status { margin: 0; font-size: .9rem; }
.recruiter-filter__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.recruiter-filter__descriptor { max-width: 35rem; font-size: 1rem; }
.recruiter-filter__actions--stacked { align-items: flex-start; flex-direction: column; }
.recruiter-filter__secondary { border-width: 1px; }
.recruiter-filter__options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin-bottom: 2rem; }
.recruiter-filter__option { min-height: 3.25rem; padding: .75rem 1rem; color: var(--ink); background: var(--paper); border: 1px solid var(--ink); font: inherit; text-align: left; cursor: pointer; }
.recruiter-filter__option:hover,.recruiter-filter__option:focus-visible,.recruiter-filter__option.is-selected { color: var(--paper); background: var(--ink); }
.recruiter-filter__option:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.recruiter-filter__analysis { min-height: 2rem; margin-top: 1rem; font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; }
.recruiter-filter__result { display: grid; gap: 2rem; }
.recruiter-filter__candidate { display: grid; gap: .25rem; padding: 1.25rem 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); }
.recruiter-filter__candidate h3 { margin: 0; font-size: clamp(2rem,5vw,4rem); }
.recruiter-filter__candidate p { margin: 0; font-size: 1rem; }
.recruiter-filter__match { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 1rem; }
.recruiter-filter__match p { margin: 0; }
.recruiter-filter__score { font-size: clamp(4rem,11vw,8rem); line-height: .8; letter-spacing: -.06em; font-variation-settings: "wght" 700,"wdth" 150,"slnt" 10; }
.recruiter-filter__evidence { display: grid; gap: 0; border-top: 1px solid var(--ink); }
.recruiter-filter__evidence a { display: grid; grid-template-columns: minmax(10rem,.7fr) 1fr; gap: 1rem; padding: .9rem 0; color: inherit; border-bottom: 1px solid var(--ink); text-decoration: none; }
.recruiter-filter__evidence strong { text-transform: uppercase; }
.recruiter-filter__evidence span { font-size: .95rem; }
.recruiter-filter__recommendation { padding-top: 1rem; }
.recruiter-filter__recommendation h3 { margin: .5rem 0 1.5rem; font-size: clamp(2.5rem,6vw,4.5rem); }
.recruiter-filter__indexed { margin: 1rem 0 0; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 768px) {
    .recruiter-filter { width: 100%; max-width: none; height: 100dvh; max-height: 100dvh; border: 0; }
    .recruiter-filter__panel { min-height: 100dvh; padding: 1.25rem; }
    .recruiter-filter__chrome { grid-template-columns: 1fr auto; }
    .recruiter-filter__status { display: none; }
    .recruiter-filter__content { min-height: calc(100dvh - 7rem); justify-content: flex-start; padding-top: 3rem; }
    .recruiter-filter__actions,.recruiter-filter__form-actions { align-items: stretch; flex-direction: column; }
    .recruiter-filter__actions .button,.recruiter-filter__form-actions .button { width: 100%; }
    .recruiter-filter__options { grid-template-columns: 1fr; }
    .recruiter-filter__evidence a { grid-template-columns: 1fr; gap: .25rem; }
}

@media (prefers-reduced-motion: reduce) {
    .recruiter-filter__content,.recruiter-filter__progress span { transition: none; }
}