.current-country-flag { width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:25px;line-height:1; }
.current-country-flag img{width:32px;height:32px;display:block;object-fit:cover;border-radius:50%;}
a.language-choice{color:inherit;text-decoration:none;cursor:pointer;display:flex;align-items:center;}
a.language-choice:hover,a.language-choice:focus-visible{background:rgba(152,89,185,.14);}
a.language-choice[aria-current="page"]{background:rgba(148,70,196,.17);outline:1px solid rgba(148,70,196,.25);}
a.language-choice small{display:block;opacity:.7;font-size:.72em;}

#languages{max-height:min(88vh,840px);overflow-y:auto;overscroll-behavior:contain;}
#languages .language-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
#languages .language-choice {min-width:0;gap:7px;padding:8px 3px;line-height:1.2;}
#languages .language-choice > span:nth-child(2) {font-weight:650;text-align:center;overflow-wrap:anywhere;}
#languages .language-choice .flag{flex:0 0 48px;}
@media(max-width:700px){#languages .language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px;}}

/* Different languages have different headline lengths. Allow the same art direction
   without horizontal overflow or obscuring the screenshots on narrow viewports. */
@media(min-width:701px){
  html:is([lang="de"],[lang="fr"],[lang="el"],[lang="pl"],[lang="hu"]) .hero-copy h1 { font-size:clamp(47px,4.55vw,83px);line-height:1.08;overflow-wrap:normal; }
  html:is([lang="pt"],[lang="nl"],[lang="it"],[lang="sl"]) .hero-copy h1 { font-size:clamp(51px,5vw,91px);line-height:1.07; }
}
@media(max-width:700px){
  html:is([lang="de"],[lang="fr"],[lang="el"],[lang="pl"],[lang="hu"]) .hero-copy h1 { font-size:clamp(32px,8.8vw,47px);line-height:1.08; }
  html:is([lang="pt"],[lang="nl"],[lang="it"],[lang="sl"]) .hero-copy h1 { font-size:clamp(35px,9.4vw,52px);line-height:1.08; }
  .hero-copy h1 { overflow-wrap:break-word; }
}