/* Additional languages; leaves the existing design stylesheet untouched. */
.language-switch{flex-shrink:0;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.25rem .3rem}
.update-languages{flex-wrap:wrap;row-gap:.65rem}
@media(max-width:600px){
 .site-header{gap:.6rem;flex-wrap:wrap;height:auto;min-height:96px;padding-block:.6rem}
 .language-switch{margin-left:auto}
}

/* Smaller hero title in all languages; one line per colour banner. */
.hero h1{
    font-size:min(3.5rem,4.7vw);
    line-height:1.08;
    max-width:100%;
}
.hero h1>span,
.hero h1>em{
    white-space:nowrap;
}