/* Careers page hierarchy and spacing refinements. */
.careers-hero{padding:clamp(60px,6vw,84px) 0 42px}
.careers-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);gap:clamp(36px,8vw,112px)}
.careers-hero h1{max-width:14ch;font-size:clamp(2.75rem,5vw,4rem);line-height:1.08;letter-spacing:-.03em}
.careers-hero-side p{max-width:38ch;margin:0 0 18px;font-size:1rem;line-height:1.65}
.careers-hero-side a{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.careers-hero-side a span{font-size:1.2em;transition:transform .2s ease}
.careers-hero-side a:hover span{transform:translateY(3px)}
.roles-section{padding:clamp(42px,5vw,64px) 0 72px}
.roles-heading{margin-bottom:20px}
.roles-heading h2{font-size:clamp(2rem,3.4vw,2.7rem);letter-spacing:-.025em}
.roles-heading>p{margin:0;color:var(--muted);font-size:.92rem}
.discipline-filters{display:none}
.role-filters{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(145px,1fr)) auto;gap:10px;margin:0 0 28px;padding:16px 0;border-block:1px solid var(--line)}
.role-filters label:has(#category-filter){display:block}
.role-filters select,.role-filters input{height:44px;border:1px solid var(--line);border-radius:4px;padding:0 12px;color:var(--ink);font:inherit;font-size:.9rem}
.role-filters select{cursor:pointer}
.role-filters input:focus-visible,.role-filters select:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}
.role-filters button{min-height:44px;padding:0 4px;white-space:nowrap;cursor:pointer}
.role-list{border-top:1px solid var(--line)}
.role{grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;padding:22px 0}
.role-main{grid-column:1;grid-row:1}
.role h3{margin:2px 0 0;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.25;letter-spacing:-.015em}
.role-meta{grid-column:1;grid-row:2;gap:4px 16px;font-size:.82rem}
.role>a{grid-column:2;grid-row:1 / span 2;align-self:center;padding:10px 0;text-decoration:none}
.role>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.role-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.role-filters button{justify-self:start}}
@media(max-width:760px){.careers-hero{padding:48px 0 36px}.careers-hero-grid,.careers-close-grid{grid-template-columns:1fr;gap:24px}.careers-hero h1{max-width:13ch;font-size:clamp(2.5rem,10vw,3.5rem)}.careers-hero-side p{max-width:48ch}.roles-heading{display:block;margin-bottom:20px}.roles-heading>p{margin-top:10px}.role-filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.role-filters button{grid-column:1/-1}.role{grid-template-columns:1fr;gap:8px}.role-main,.role-meta,.role>a{grid-column:1;grid-row:auto}.role-meta{font-size:.8rem}.role>a{justify-self:start;margin-top:4px;padding:4px 0}.careers-close{padding:36px 0}.careers-close-grid{gap:16px}}

/* Match the site's white and neutral-gray surface hierarchy. */
.careers-hero{padding-bottom:clamp(50px,6vw,76px)}
.careers-hero-side{padding:clamp(22px,2.8vw,32px);border:1px solid #e1e8f0;border-radius:14px;background:#eef3fa}
.careers-hero-side p{color:#454d58}
.roles-section.wrap{width:min(1220px,calc(100% - 48px));margin-bottom:clamp(50px,6vw,76px);padding:clamp(26px,3.6vw,44px);border:1px solid #e1e8f0;border-radius:16px;background:#eef3fa;scroll-margin-top:110px}
.roles-heading{margin-bottom:26px}
.role-filters{margin-bottom:20px;padding:16px;border:1px solid #e1e5eb;border-radius:12px;background:#fff}
.role-filters select,.role-filters input{border-color:#cfd6df;border-radius:7px}
.role-list{display:grid;gap:12px;border:0}
.role{padding:21px 24px;border:1px solid #e1e5eb;border-radius:12px;background:#fff;transition:border-color .2s ease,background-color .2s ease}
.role:hover,.role:focus-within{border-color:#c6d8ef;background:#fbfdff}
.role-discipline{color:#174f9f;font-weight:700}
.role-meta{color:#505965}
.no-roles{padding:26px;border:1px solid #e1e5eb;border-radius:12px;background:#fff}
.careers-close{padding:0 0 clamp(54px,6vw,80px);background:#fff}
.careers-close-grid{align-items:center;padding:clamp(26px,3.5vw,44px);border:1px solid #e1e8f0;border-radius:16px;background:#eef3fa}
.careers-close-grid p{color:#454d58}
@media(max-width:760px){
  .careers-hero{padding-bottom:32px}
  .careers-hero-side{padding:22px}
  .roles-section.wrap{width:calc(100% - 28px);margin-bottom:42px;padding:20px}
  .role-filters{padding:14px}
  .role{padding:20px}
  .careers-close{padding:0 0 50px}
  .careers-close-grid{padding:24px}
}
@media(max-width:600px){.role-filters{grid-template-columns:1fr}.search-field,.role-filters button{grid-column:1}}
@media(forced-colors:active){
  .careers-hero-side,.roles-section.wrap,.role-filters,.role,.no-roles,.careers-close-grid{border-color:CanvasText;background:Canvas}
}
