/* Keep translated controls usable at narrow widths and larger text sizes. */
.btn,.mini-btn,button,summary { overflow-wrap: anywhere; }
.btn,.mini-btn { white-space: normal; text-align: center; max-width: 100%; }
.actions { flex-wrap: wrap; }
.actions > *,.pagehead > div,.formgrid > label,.market-global-grid > label { min-width: 0; }
label,summary,.pagehead p,.muted { overflow-wrap: anywhere; }
select,input,textarea { max-width: 100%; box-sizing: border-box; }
.ui-language-quick select { min-height: 40px; }
@media(max-width:600px) {
 .pagehead { flex-wrap: wrap; }
 .pagehead .actions { max-width: 100%; }
 .actions > .btn { flex-shrink: 1; }
 .market-search-top,.group-hub-tabs { flex-wrap: wrap; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-menu:nth-child(1)>.cl-nav-toggle { grid-area:1/1; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-menu:nth-child(2)>.cl-nav-toggle { grid-area:1/2; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-menu:nth-child(3)>.cl-nav-toggle { grid-area:2/1; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-menu:nth-child(4)>.cl-nav-toggle { grid-area:2/2; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-return-tile { grid-area:3/1/4/-1; }
 html:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)) .cl-four-panel { grid-row:4; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); hyphens:auto; }
}