/* Keyboard and small-screen improvements; site colours and desktop density retained. */
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #173448!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff}
.legacy-content :is(input,select,textarea):focus-visible{outline-offset:-3px!important;box-shadow:inset 0 0 0 1px #fff}
.legacy-table-scroll{max-width:100%;min-width:0}
.table-scroll-hint{font-size:.85rem;color:#394955;text-align:left!important;margin:4px 0}
@media(max-width:760px){
 .legacy-content,.site-layout>aside{min-width:0}
 .legacy-content :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea){max-width:100%!important;box-sizing:border-box;font-size:16px!important}
 .legacy-content fieldset{min-width:0;max-width:100%;box-sizing:border-box}
 .legacy-content :is(input[type=radio],input[type=checkbox]){width:24px!important;height:24px!important;vertical-align:middle;margin:7px!important}
 .legacy-content :is(button,input[type=submit],input[type=button]),.menu-toggle,.session-line button{min-height:36px}
 .side-links a,.quick-links a,.submenu a{min-height:36px;display:flex;align-items:center;white-space:normal!important;overflow-wrap:anywhere}
 .legacy-content :is(p,li,dd){overflow-wrap:anywhere}
 .legacy-content :is(img,video,iframe){max-width:100%}
 .legacy-content img{height:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Legacy bgcolor attributes otherwise override white header text through inheritance. */
.legacy-content th[bgcolor]:not([style]){color:#fff}

/* The apprenticeship form is a one-column layout table, not a data grid. */
@media(max-width:760px){
 .legacy-content :is(.mission-editable,.mission-readonly) table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(th,td){width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:13px!important}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(th,td) *{white-space:normal;overflow-wrap:anywhere}
 .legacy-content :is(.mission-editable,.mission-readonly) fieldset{width:100%;min-width:0!important;margin-inline:0;padding:10px;box-sizing:border-box}
 .legacy-content :is(.mission-editable,.mission-readonly) legend{max-width:100%;white-space:normal!important;font-size:14px!important;box-sizing:border-box}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea){width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(input[type=submit],input[type=button],button){white-space:normal!important;margin-block:4px}
 .legacy-content :is(.mission-editable,.mission-readonly) .master-validation-panel{width:100%;min-width:0;box-sizing:border-box}
}

/* Le dossier est un formulaire à une colonne, même sur ordinateur. */
@media(min-width:761px){
 .legacy-content :is(.mission-editable,.mission-readonly){min-width:0;max-width:100%}
 .legacy-content :is(.mission-editable,.mission-readonly) table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(th,td){min-width:0;white-space:normal!important;overflow-wrap:anywhere}
 .legacy-content :is(.mission-editable,.mission-readonly) fieldset{min-width:0;max-width:100%;box-sizing:border-box}
 .legacy-content :is(.mission-editable,.mission-readonly) legend{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .legacy-content :is(.mission-editable,.mission-readonly) :is(input,select,textarea){max-width:100%!important;box-sizing:border-box}
}