/* 2026-10-28 private design pass: clearer hierarchy, warmer surfaces, calmer controls. */
:root{
  --ink:#20383a;
  --sub:#5d7070;
  --paper:#f6f7f3;
  --line:#dfe7e2;
  --green:#117769;
  --green-dark:#0b6156;
  --compact-soft:#e8f3ee;
}

body{background:var(--paper);color:var(--ink)}
.friendly-nav{border-bottom:1px solid #e4e9e5}
.friendly-nav .brand-symbol{background:#e4f2ec;color:#087866;border:1px solid #d0e7dd}
.friendly-nav .nav-links>a:hover{color:var(--green-dark)}
.friendly-nav .saved-nav{border-radius:999px;padding-inline:14px}

.hero.search-hero{padding-block:28px!important}
.search-breadcrumb{font-size:12px;color:#71807b}
.hero.search-hero h1{letter-spacing:-.025em}
.hero.search-hero .hero-copy{color:#526966}
.search-hero .search-bar{border-color:#d9e5df;border-radius:12px;box-shadow:0 8px 24px #1d3d2e08}
.search-hero .search-bar input,.search-hero .search-bar select{border-radius:8px;background:#fbfdfb}
.search-hero .search-bar input:focus,.search-hero .search-bar select:focus{outline:3px solid #11776922;border-color:#66a99b}
.search-hero .search-submit{border-radius:8px;box-shadow:0 3px 8px #0b615622}
.search-hero .quick-searches button{border:1px solid #dbe8e1;border-radius:999px;background:#fff;color:#37675e}
.search-hero .quick-searches button:hover{background:#edf6f1;border-color:#9dc9ba}

.jobs-layout{gap:28px}
.search-panel{border-color:#e0e7e2;border-radius:12px;box-shadow:0 5px 18px #203b3008}
.panel-head{padding-bottom:12px;border-bottom:1px solid #e9eeea}
.panel-head h2{font-size:17px;letter-spacing:.01em}
.panel-head button{color:#526d66}
.filter-section{border-color:#e8ede9}
.filter-section>summary{font-weight:650}
.filter-section .chip{border-radius:999px;background:#f8faf8}
.filter-section .chip[aria-pressed=true]{background:#e7f3ed;border-color:#9dcbbb;color:#0a6658}
.filter-section .chip:hover:not(:disabled){border-color:#a8c8bd}
.search-panel input:focus,.search-panel select:focus{outline:3px solid #11776920;border-color:#6eaa9d}

.results-head{align-items:center;padding:2px 0 13px;border-bottom:1px solid #e2e9e4}
.results-head h2{font-size:24px;letter-spacing:-.02em}
.count{color:#647571}
.count strong{font-size:32px;letter-spacing:-.03em;color:#183f39}
.count-detail{color:#697a75}
.save-search{padding:8px 12px;border:1px solid #dce7e1;border-radius:999px;background:#fff}
.save-search:hover{background:#edf6f1}
.recruitment-states{gap:8px;margin-top:14px}
.recruitment-state{min-height:38px;padding-inline:13px;border-radius:999px;background:#fff}
.recruitment-state[aria-pressed=true]{background:#117769;border-color:#117769;box-shadow:0 3px 8px #0b61551c}
.active-filter{border-radius:999px}
.results-toolbar{border-color:#e2e9e4}
.view-switch button,.near-button,.sort-field select{border-radius:8px}
.notice{border:1px solid #e0e9e7;border-radius:9px;background:#eef3f2}

#list .reference-card.compact-card{border-color:#dce6e1;border-radius:13px;padding:22px 24px;box-shadow:0 4px 15px #1f423508}
#list .reference-card.compact-card:hover{border-color:#a8c9bd;box-shadow:0 8px 24px #1f42350d}
.compact-card .compact-card-head h3,.compact-card h3{letter-spacing:-.015em}
.compact-card .compact-card-meta .facility-tags li{border-radius:999px;background:#f1f5f2;padding:2px 8px;color:#516965}
.compact-card .save-job{border-radius:999px;background:#f0f5f2}
.compact-card .badge{border-radius:999px;padding:4px 10px}
.compact-card .b-ok{background:#e5f3ec;color:#116451}
.compact-card .b-maybe{background:#f4f0e7;color:#785f33}
.compact-card .compact-detail-toggle{border-radius:999px;background:#f1f7f3}
.compact-card .compact-card-bottom{border-color:#e6ece8}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #11776955;outline-offset:2px}
@media(max-width:900px){
  .search-hero .hero-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .jobs-layout{gap:20px}
  .results-head h2{font-size:22px}
  #list .reference-card.compact-card{padding:19px}
}
@media(max-width:620px){
  .friendly-nav{border-bottom:0}
  .hero.search-hero{padding-block:19px!important}
  .search-hero .search-bar,.search-results-mode .search-hero .search-bar{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(104px,112px);border:0;box-shadow:none}
  .search-hero .search-location-field{grid-column:1/-1}
  .search-hero .search-main-field{grid-column:1}
  .search-hero .search-submit{grid-column:2}
  .search-hero .search-location-field,.search-hero .search-main-field,.search-hero .search-submit,.search-hero .input-wrap{min-width:0;max-width:100%}
  .search-hero .search-bar input,.search-hero .search-bar select{width:100%;min-width:0;max-width:100%}
  .search-hero .search-bar input{padding-right:8px}
  .career-entry button>span{text-wrap:balance;overflow-wrap:normal}
  .search-hero .quick-searches{row-gap:7px}
  .jobs-layout{gap:0}
  .results-head{align-items:flex-start;padding-bottom:12px}
  .results-head h2{font-size:21px}
  .count strong{font-size:29px}
  .save-search{padding:7px 9px}
  .recruitment-states{gap:7px}
  .recruitment-state{min-height:36px;padding-inline:10px}
  #list .reference-card.compact-card{border-radius:12px;padding:17px}
  .compact-card .compact-card-head h3,.compact-card h3{font-size:18px}
}