/* Adaptation partagée : la charte reste dans les feuilles de chaque page. */
:root{--site-header-height:118px;--site-sticky-height:118px;--job-action-height:0px;--compare-dock-height:0px}
html{scroll-padding-bottom:calc(var(--job-action-height) + var(--compare-dock-height) + 32px)}
main[id],main [id],.job-page :is(.job-section,.job-provenance,.job-row)[id]{scroll-margin-top:calc(var(--site-sticky-height) + 24px)}
main :is(button,select,input:not([type="checkbox"]):not([type="radio"])){min-height:44px}
main :is(input,select,textarea){min-width:0}
.search-field input{min-height:44px;font-size:16px}
.results-toolbar select{min-height:44px}
.compare-button,.early-results .compare-button,.job-action-panel .compare-button{min-height:44px;padding-block:9px;line-height:1.4}
.job-row{grid-template-columns:45px minmax(0,1fr) 44px}
.job-row>div{min-width:0}
.job-row :is(h3,.company){overflow-wrap:anywhere}
.job-row>.save-button{width:44px;min-width:44px;height:44px;min-height:44px}
.home-job-list .job-row{grid-template-columns:42px minmax(0,1fr) 44px}
.early-results .job-row{grid-template-columns:minmax(0,1fr) 44px}
.hero-guide .hero-title-line{white-space:normal;text-wrap:balance}
@supports(font-size:1cqi){
 .hero-guide .topic-hero-copy{container-type:inline-size}
 @media(min-width:1051px){.page-head.hero-guide h1{font-size:min(var(--guide-title-size,53px),7.3cqi)}}
}
.job-related-list .job-row>.save-button{right:0;width:44px;min-width:44px;min-height:44px;height:44px}
.job-related-list .job-row .company{padding-right:52px}
.job-share,#job-clear-notes,.job-action-panel .job-prepare-link{min-height:44px}
.job-hero-actions>.compare-button{display:none}
.row-decode>a,.pagination a{display:inline-flex;align-items:center;min-height:44px}
.row-decode{column-gap:18px;row-gap:4px}
.comparison-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper)}
.comparison-scroll:focus-visible{outline:3px solid var(--electric);outline-offset:5px}
.comparison-hint{display:none}
.comparison-table button{min-width:44px;min-height:44px}
.compare-dock{gap:16px;max-width:calc(100% - 32px);bottom:calc(var(--job-action-height) + max(16px,env(safe-area-inset-bottom)));z-index:27}
body:has(.job-page) .compare-dock{bottom:calc(var(--job-action-height) + max(16px,env(safe-area-inset-bottom)))}
.compare-dock>button{min-width:44px;width:44px;min-height:44px;height:44px;padding:0;flex-shrink:0}
.compare-dock .button{min-height:44px}
body:has(#compare-dock){padding-bottom:calc(var(--job-action-height) + var(--compare-dock-height) + 40px + env(safe-area-inset-bottom))}
.toast,body:has(.job-page) .toast{bottom:calc(var(--job-action-height) + var(--compare-dock-height) + 32px + env(safe-area-inset-bottom));z-index:55}
.footer-directory a,.footer-colophon a,.footer-top-link{min-height:44px;display:flex;align-items:center}

@media(max-width:1100px){
 .home-job-list .job-row{grid-template-columns:minmax(0,1fr) 44px}
}

@media(max-width:920px),(pointer:coarse){
 main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),.job-share-fallback input{font-size:16px}
 .site-mobile-links a{min-height:44px}
 .family-shortcuts a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:920px){
 :root:has(.job-mobile-action){--job-action-height:72px}
 .site-masthead .site-navigation{max-height:calc(100dvh - var(--site-header-height) - 36px - env(safe-area-inset-bottom));scroll-padding-block:12px}
 body:has(.site-menu-open) :is(.job-mobile-action,.compare-dock,.toast){visibility:hidden}
 body:has(main :is(input,textarea,select):focus) :is(.job-mobile-action,.compare-dock){visibility:hidden}
 .job-page{padding-bottom:0}
 .job-hero-actions>.compare-button{display:inline-flex;align-items:center;flex-basis:100%;color:inherit;text-align:left;font-size:13px}
 .job-mobile-action{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .job-mobile-action .job-save{width:44px;min-width:44px;min-height:44px}
 body:has(.job-mobile-action){padding-bottom:calc(var(--job-action-height,72px) + var(--compare-dock-height) + 40px + env(safe-area-inset-bottom))}
}
@media(max-width:600px){
 .job-row,.home-job-list .job-row{grid-template-columns:minmax(0,1fr) 44px;gap:12px}
 .job-row>.company-mark{display:none}
 .job-row>div:nth-child(2){grid-column:1;grid-row:1}
 .job-row>.save-button{grid-column:2;grid-row:1}
 .compare-dock{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:2px 12px;width:min(420px,calc(100% - 32px));padding:10px 12px;font-size:12px}
 .compare-dock>span{grid-column:1;grid-row:1}
 .compare-dock>.button{grid-column:1;grid-row:2;min-width:0;padding:8px 10px;font-size:12px;line-height:1.4;justify-content:space-between;text-wrap:balance}
 .compare-dock>button{grid-column:2;grid-row:1/3;align-self:center}
 .results-toolbar{flex-wrap:wrap}
 .results-toolbar select{max-width:100%}
 .job-section-nav{scroll-padding-inline:18px}
}
@media(max-width:780px){
 .comparison-hint{display:block;font-size:13px;color:var(--muted);margin-bottom:16px;text-wrap:pretty}
 .comparison-table{min-width:760px}
 .comparison-table thead th:first-child{width:120px}
 .comparison-table :is(th,td){padding:16px}
 .comparison-table tr>th:first-child{position:sticky;left:0;background:var(--paper);z-index:1;border-right:1px solid var(--ink)}
 .comparison-table thead>tr>th:first-child{background:var(--lilac);z-index:2}
 .comparison-table thead a{font-size:20px}
}
/* Les écrans courts retrouvent toute leur hauteur pour lire et remplir un champ. */
@media(max-width:920px) and (max-height:500px) and (orientation:landscape){
 :root:has(.job-mobile-action){--job-action-height:0px}
 .site-masthead{position:relative}
 .job-mobile-action{display:none}
 .compare-dock,body:has(.job-page) .compare-dock{position:static;transform:none;margin:24px auto;max-width:calc(100% - 32px)}
 body:has(#compare-dock),body:has(.job-mobile-action){padding-bottom:env(safe-area-inset-bottom)}
}