main[data-je-route=emplois]>section:first-of-type>div>div:has(>.relative>input){padding:20px;border:2px solid var(--color-fg);border-radius:20px;background:white;box-shadow:6px 6px 0 var(--color-fg);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}main[data-je-route=emplois]>section:first-of-type input{min-width:0;min-height:54px;font-size:16px;transition:border-color .18s ease,box-shadow .18s ease}main[data-je-route=emplois]>section:first-of-type button{min-height:54px}main[data-je-route=emplois]>section:has(aside)>div{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start}main[data-je-route=emplois]>section:has(aside)>div>*{min-width:0}main[data-je-route=emplois] aside{padding:22px;border:2px solid var(--color-fg);border-radius:18px;background:white}main[data-je-route=emplois] aside>div{min-width:0}main[data-je-route=emplois] aside select{min-width:0;max-width:100%;min-height:46px;font-size:16px}main[data-je-route=emplois] aside .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}main[data-je-route=emplois] aside button{min-width:0;min-height:44px;border-radius:9px;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}main[data-je-route=emplois] aside label:has(>input){min-height:44px;padding-block:8px}main[data-je-route=emplois] aside :is(select,button):focus-visible{outline:2px solid var(--color-brand-500);outline-offset:3px}@media(hover:hover){main[data-je-route=emplois] aside button:hover{transform:translateY(-2px)}}@media(max-width:1023px){main[data-je-route=emplois]>section:has(aside)>div{grid-template-columns:minmax(0,1fr)}main[data-je-route=emplois] aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}main[data-je-route=emplois] aside>div{margin:0!important}main[data-je-route=emplois] aside>div:first-child,main[data-je-route=emplois] aside>div:has(>.grid){grid-column:1/-1}main[data-je-route=emplois] aside .grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:767px){main[data-je-route=emplois]>section:first-of-type>div>div:has(>.relative>input){grid-template-columns:minmax(0,1fr);padding:16px;box-shadow:4px 4px 0 var(--color-fg)}main[data-je-route=emplois] aside{grid-template-columns:minmax(0,1fr);padding:18px}main[data-je-route=emplois] aside .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){main[data-je-route=emplois] aside button,main[data-je-route=emplois]>section:first-of-type input{transition:none!important}main[data-je-route=emplois] aside button:hover{transform:none}}