/* Mobile header: keep language, consultation and menu as one right-aligned group. */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}

/* Hide the browser's text insertion caret on read-only page copy. */
body{caret-color:transparent}
input,textarea,select,[contenteditable="true"]{caret-color:auto}

@media(max-width:640px){
  header{width:100%;max-width:100%}
  header>.wrap,header>div:not(#mnav):not(.mnav){
    width:100%!important;max-width:none!important;min-width:0!important;
    height:72px!important;margin:0!important;padding-left:8px!important;padding-right:8px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important}
  header .mark{
    flex:0 1 120px!important;min-width:76px!important;max-width:120px!important;
    margin-right:auto!important}
  header .mark img{width:100%!important;max-width:120px!important;height:auto!important}
  header>.bar>.lang{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:44px!important;flex:none!important;margin:0!important;padding:0 9px!important;font-size:12.5px!important;
    line-height:1.2!important;letter-spacing:.04em!important;white-space:nowrap!important}
  header>.bar>.btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:44px!important;flex:none!important;margin:0!important;padding:0 11px!important;font-size:12.75px!important;
    line-height:1.2!important;white-space:nowrap!important}
  header .menu-btn{width:44px!important;height:44px!important;flex:none!important;margin-left:0!important}
  header .menu-btn span{left:12px!important;width:18px!important}
  header .menu-btn span:nth-child(1){top:15px!important}
  header .menu-btn span:nth-child(2){top:21px!important}
  header .menu-btn span:nth-child(3){top:27px!important}
  header .menu-btn[aria-expanded="true"] span:nth-child(1),
  header .menu-btn[aria-expanded="true"] span:nth-child(3){top:21px!important}
}

@media(max-width:320px){
  header>.wrap,header>div:not(#mnav):not(.mnav){
    padding-left:6px!important;padding-right:6px!important;gap:4px!important}
  header .mark{min-width:72px!important;max-width:96px!important}
  header .mark img{max-width:96px!important}
  header>.bar>.lang{padding:0 7px!important;font-size:12px!important}
  header>.bar>.btn{padding:0 8px!important;font-size:12px!important}
}