.jobs-page [hidden] { display: none !important; }
.jobs-page .job-filters { margin: 1.5rem 0; padding: clamp(1rem, 3vw, 1.5rem); }
.job-filter-fields { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 1rem; }
.job-filter-fields label { display: grid; gap: 0.5rem; min-width: 0; color: var(--ink); font-weight: 700; }
.job-filter-fields input,
.job-filter-fields select { width: 100%; min-width: 0; min-height: 48px; }
.job-filter-fields :is(input, select):focus-visible { outline: 3px solid var(--brand-green); outline-offset: 2px; }
.job-filter-summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.job-filter-summary p { color: var(--brand-blue); font-weight: 700; }
.job-filter-hint { margin-top: 1rem; color: var(--muted); font-size: 0.9rem; }
.job-no-results { margin-bottom: 1.5rem; }
.job-no-results p { margin-top: 0.5rem; }
@media (max-width: 850px) { .job-filter-fields { grid-template-columns: 1fr; } }